• demo
      默认颜色
      主色调
      基础白
      灰度0
      灰度1
      灰度2
      灰度3
      灰度4
      灰度5
      灰度6
      灰度7
      灰度8
      灰度9
      暗色模式
      主色调
      基础白
      灰度0
      灰度1
      灰度2
      灰度3
      灰度4
      灰度5
      灰度6
      灰度7
      灰度8
      灰度9
TSYBLOG.COM
20216.2

WordPress添加相关文章功能（标题/缩略图样式）

本文目录11.添加标题列表样式的相关文章22.添加含缩略图的相关文章本文将教会你如何为WordPress添加相关文章功能，并提供了标题列表样式和缩略图样式。相关文章的获取思路是：Tags标签相关>同分类下文章，也就是说，先获取标签相同的文章，如果还达不到数量，就调用该分类下的...710
20213.9

WordPress侧边栏作者信息小工具

[摘要] 今天为大家分享一个WordPress侧边栏显示作者信息的小工具，增加文章作者曝光度，提升网站亲和力，纯代码实现，简单实用！当前无论是个人博客还是自媒体平台都会在文章页侧边栏显示文章作者信息，这样一来能够给作者更多的曝光，也让网站显得更具亲和力。且如果网站是多编辑的话，也能跟很清晰...2781
20213.9

为WordPress新文章增加”NEW”最新标志

[摘要] 纯代码给WordPress文章列表中新发布的文章增加NEW新文章提示，让你的博客更加饱满、人性化，一起跟笔者折腾起来。看到不少网站的新文章后面都会有一个提示最新文章的文字或者图片，感觉比较人性化，让老访客一眼就能找到网站最新的内容。今天雅兮网手把手教你给最新的文章（比如24小时内...1444
20205.5

wordpress博客站点输入打字特效

添加以下代码到主题footer： <!--给博客评论输入特效--><script src=".js地址"></script><script>POWERMODE.colorful = true; // 输入有彩花，默认为truePOWERMODE.shak...8108
20205.5

WordPress复制文章内容弹出版权提示框

代码一、通过 SweetAlert 美化的提示框 function zm_copyright_tips() {echo '<link rel="stylesheet" type="text/css" rel="external nofollow" target="_blank" ...4800
20205.5

WordPress网站logo扫光特效纯代码

将以下代码加到你的网站css文件里面 /*logo扫光*/.logo:before{/*这里第一句看原理解释*/content: "";position: absolute;width: 110px;height: 10px;background-color: rgba(255,...23302
20204.17

给WordPress网站添加护眼色 夜间模式功能 附时间与按钮两种方式

时间调节下面分享两种方法，一种是根据时间自动变换为夜间模式，另一种是按钮切换的方式。首先加入js代码，你可以扔footer页脚：<script type="text/javascript"> //夜间模式(function(){ if(doc...150220
20204.16

鼠标点击特效，canvas点击效果

JS代码代码中包含了sketch.min.js的源码，如果你的网站已经引用了，请删掉下面的6到7行。 /* Copyright (C) 2013 Justin Windle sketch.min.js, http://soulwire.co.uk */var Sketch...13100
20204.1

网站右侧悬浮菜单css+html 手机端隐藏PC自动判断

可以自己自定义图标，在css更改图片链接即可（背景图标和鼠标hover浮动图标）代码适用于大部分主题（包含本站的RiPro主题）大轩能力有限，Css请自行修改适配RiPro主题使用用户，请删除footer.php中43-53行代码，把下方html代码添加至diy-footer.php中；...14576
20204.1

WordPress ripro主题添加文章字数和阅读时间

在文章标题下方加入显示文章字数和阅读时间： 将以下代码添加到当前主题函数模板 functions.php 中 function count_words_read_time () { global $post; $text_num = mb_strlen(pr...6668
20204.1

ripro主题美化 · 二级导航菜单添加文章数量统计和美化小圆点

(先看效果图(也可点击本站顶部菜单查看) 找到\ripro\functions.php 文件，在最下面添加以下代码： //导航菜单增加文章统计function wt_get_category_count($cat_ID) { $category = get_cat...86617
20203.26

给菜单添加图标

因为这个 标签是全局统一颜色 可以在css文件中增加一个 .free-theme-tag {background-color: #F44336!important;}然后到主题下面的菜单设置里 在你的菜单名字后面添加上你需要的代码，如<sp...3830
20203.26

ripro子主题右下角添加图标

1./ripro-chlid/parts/template-parts/content-grid.php首先我们进入文件找到第20行 <?php $ymetaValue = get_post_meta(get_the_ID(), "post_style_a...7868
20203.26

ripro美化文章标题，添加常见问题FAQ（四）

文章标题美化教程： 1.ripro->部件->单头.php文件，整体替换为如下代码<div class="aug_entry_header"> <div class="single-avatar"><?php echo g...6484
20203.26

标签云添加彩色标签云

添加functions.php文件中 多彩背景云标签/* 彩色静态标签云 Color Tag Cloud /* -------------------------------- */function colorCloud($text) { $text = preg...5200
20203.26

加载动态特效

加载动态特效/inc/theme-functions.php// 获取图片高度 //NEW或者entry-media把下面的代码 加进去// 获取图片高度 //NEWfunction cao_entry_media() {global $post;$ratio = cao_...4990