搜索到
6
篇与
的结果
-
-
在 HTML 中使用 transform CSS 属性旋转图像 CSS transform 属性意味着修改我们代码中的特定元素。我们需要一个外部资源，在这种情况下我们转换的图像，来转换它。此属性将 2D 或 3D 变换应用于元素。此外，此属性还授予对细节进行旋转、缩放、移动、倾斜等操作的授权。它还改变了 CSS 视觉格式模型的坐标空间。布局受 CSS 盒模型控制的元素只能进行转换。我们可以将 transform 属性设置为 rotate() 函数，在函数中提及用于在 HTML 中旋转图像的单位。图像要旋转的值应在函数的括号中提供。deg 单位用于指定旋转值。为此，我们可以使用内联 CSS。CSS 将用于 标签。例如，在 HTML 中插入带有 标签的常规图像。将 src 属性设置为 https://loremflickr.com/320/320。然后，对于 90 度旋转，插入图像并为其添加一些样式。在 style 属性中，将 transform 属性设置为 rotate(90deg)。然后，添加一个 标签。同样，将图像旋转到 180deg 和 360deg。下面的示例说明了一种在 HTML 图像源中旋转图像的方法。我们已经为 标签设置了样式，这意味着可以使用 transform:rotate() 属性旋转插入的图像。我们插入原始图像并将图像旋转到 90、180 和 360 度。我们可以在 rotate() 函数中写入所需的度数值。示例中的第二个图像最多旋转轴的一半。第三张图片看起来是倒置的，因为它被旋转了 180 度。当图像完成 360 度旋转时，它看起来像原始图像。因此，我们可以使用 transform() 属性和 rotate() 值来使用 HTML 和 CSS 旋转图像。示例代码：<html> <body> Original Image <img src="https://loremflickr.com/320/320" /> <br> 90 degree Rotation <img src="https://loremflickr.com/320/320" style="transform:rotate(90deg);"> <br> 180 degree Rotation <img src="https://loremflickr.com/320/320" style="transform:rotate(180deg);"> <br> 360 degree Rotation <img src="https://loremflickr.com/320/320" style="transform:rotate(360deg);"> <br> </body> </html>
-
WordPress 查找并替换数据库中的 URL 或文本 有的时候，我们可能需要更换 WordPress 网站的域名，或者需要批量更换网站中的某些文本内容。这时，我们可以通过 Adminer进行可视化的操作，或者通过 shell 命令行执行 SQL 查询更换域名无论是更换域名，还是从 http:// 更改为 https ://，我们都可以使用 MySQL 的 replace功能，来替换数据库中的 URL。如果我们要将 WordPress 网站迁移到不同的域名，例如，从域名old_domain.com迁移到域名new_domain.com。或者将数据库中所有http://old_domain.com替换为https://old_domain.com，我们可以执行下面的 SQL 语句：wp_options 表wp_options 表是 WordPress 配置表，在home和siteurl字段中，可以配置网站的 URL 。我们可以执行下面的语句来替换。UPDATE wp_options SET option_value = replace(option_value, 'old_domain.com', 'new_domain.com') WHERE option_name = 'home' OR option_name = 'siteurl';wp_posts 表wp_posts表的post_content字段中的包含所有文章内容。如果文章中有指向其他文章的内部永久链接，需要替换该表中的链接 URL。执行下面的 SQL 语句：UPDATE wp_posts SET post_content = replace(post_content, 'old_domain.com', 'new_domain.com');清除 标题栏的空格:UPDATE wp_posts SET post_title = replace(post_title, ' ', '');在数据库中文章表数据表为:wp posts表字段如下:ID(文章ID)post author(文章作者名，我想可以是为用户名，也可以是用户ID)post date(文章发布日期)post_date_gmt(文章发布日期，格林威治时间)post content(文章内容)post_title(文章标题)post exerpt(摘录)post status(文章状态，publish/auto-draft/inherit)comment status(是否开启评论，默认值为open，打开)ping statuspost password(文章密码，如果加密的话，需要输入对应的密码才能打开post name(文章缩略名)to_ping(ping的链接)pinged(已经PING过的链接)post modified(文章修改时间)post modified gmt(文章修改时间，格林威治时间)post content filterpost parent(父文章，主要用于page)guidmenu order(排序ID)post type(文章类型,post或page)post_mime_type(MlME类型)comment count(文章评论总数)wp_postmeta 表wp_postmeta表包含所有的属性和自定义字段，例如 ACF （高级自定义字段）中的meta_value字段。如果自定义字段中包含旧的链接，也需要在此处替换它们。UPDATE wp_postmeta SET meta_value = replace(meta_value, 'old_domain.com', 'new_domain.com');wp_comments 表wp_comments表包含所有的文章评论内容，其中也可能包含指向其他文章的旧链接。如果有，可以执行下面的语句更改：UPDATE wp_comments SET comment_content = replace(comment_content , 'old_domain.com', 'new_domain.com');
-
子比主题，由搜索的历史记录过多（存在 Cookie中），新增搜索记录访问时，由于请求头过大导致访问报错（502 Bad Gateway openresty） 一、Nginx Proxy Manager 容器报错（502 Bad Gateway openresty）npm目录：../npm/data/nginx/default_host/site.conf增加如下设置 proxy_buffer_size 128k; proxy_buffers 16 128k; proxy_busy_buffers_size 128k; fastcgi_buffer_size 128k; fastcgi_buffers 16 128k;或者参照：https://github.com/NginxProxyManager/nginx-proxy-manager/issues/438二、wordpress 容器报错（502 Bad Gateway nginx/1.24.0）修复上面后，仍会报错wp目录：../wp/nginx/nginx.conf新建nginx，提取容器内部的nginx.conf映射：- ./nginx/nginx.conf:/etc/nginx/nginx.conf增加如下设置 proxy_buffer_size 128k; proxy_buffers 16 128k; proxy_busy_buffers_size 128k; fastcgi_buffer_size 128k; fastcgi_buffers 16 128k;
-
wordpress 在底部页脚增加统计模块 1.在子比主题的主题目录下，header.php底部添加以下函数代码：<!--统计信息函数--> <script type="text/javascript" > <?php //用户总数 $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var tj_jstext="."'$users'"; ?> </script> <script type="text/javascript" > <?php /* * WordPress获取今日发布文章数量 *zje.cc */ function nd_get_24h_post_count(){ $today = getdate(); $query = new WP_Query( 'year=' . $today["year"] . '&monthnum=' . $today["mon"] . '&day=' . $today["mday"]); $postsNumber = $query->found_posts; return $postsNumber; } $post_24h = nd_get_24h_post_count(); echo "var tj_24h="."'$post_24h'"; ?> </script> <script type="text/javascript" > <?php /* * WordPress整站文章访问计数 * */ function nd_get_all_view(){ global $wpdb; $count=0; $views= $wpdb->get_results("SELECT * FROM $wpdb->postmeta WHERE meta_key='views'"); foreach($views as $key=>$value){ $meta_value=$value->meta_value; if($meta_value!=' '){ $count+=(int)$meta_value; } }return $count; } $post_view = nd_get_all_view(); echo "var tj_view="."'$post_view'"; ?> </script> <script type="text/javascript" > <?php //日志总数 $count_posts = wp_count_posts(); $published_posts =$count_posts->publish; echo "var tj_rzzs="."'$published_posts'"; ?> </script> <script type="text/javascript" > <?php //稳定运行 $wdyx_time = floor((time()-strtotime("2023-06-01"))/86400); echo "var tj_wdyx="."'$wdyx_time'"; ?> </script> 注：函数运行日期2020-3-28改为你自己网站运行的日期。2.在子比主题，页面&显示 - 底部页脚 - 版块一设置- 版块内部 中填入如下代码<!-- 信息统计开始 --> <div id="nuandao"> <div class="siteCount"> <div class="wrapper"> <ul> <li> <b>用户总数</b> <span> <script type="text/javascript"> document.write(tj_jstext); </script> </span> </li> <li> <b>文章总数</b> <span> <script type="text/javascript"> document.write(tj_rzzs); </script> </span> </li> <li> <b>浏览总数</b> <span> <script type="text/javascript"> document.write(tj_view); </script> </span> </li> <li> <b>今日发布</b> <span></span> <span> <script type="text/javascript"> document.write(tj_24h); </script> </span> </li> <li> <b>稳定运行</b> <span> <script type="text/javascript"> document.write(tj_wdyx); </script> </span> </li> </ul> </div> </div> </div> <style type="text/css"> /* 添加以下 CSS 样式 */ #nuandao .siteCount ul li span { color: #FF69B4; } </style> <!-- 信息统计结束 -->3.效果如下4.如仅在首先显示，不占空间，可加入侧边栏（外观 - 小工具-自定义HTML 添加到首页 侧边栏）代码同上，效果如下
-
wordpress在文章下面增加 分类描述的方法 在文章下面增加 分类描述的方法 修改文件路径wordpress/wp-content/themes/zibll/inc/functions/zib-single.php原文：if ($cat || $tags) { echo '<div class="theme-box article-tags">' . $cat . '<br>' . $tags . '</div>'; } 修改前的效果修改后：//**wdj/2023-8-13修改，增加获取当前文章的分类描述 if ($cat || $tags) { $category = get_the_category(); // 获取当前文章的分类 $category_description = $category[0]->description; // 获取分类的描述 echo '<div class="theme-box article-tags">' . $cat . '<br><span style="color: #FF69B4; font-size: 12px;">' . $category_description . '</span><br>' . $tags . '</div>'; }完成后的效果
