美化图 将下面的函数代码加入到主题目录下functions.php文件中。 //文章过期提示 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H:i:s…

前言： WordPress信息统计小工具是前几天逛别的网站看到挺可以的，然后就到百度搜索一下，果然有很多这样的教程，但是那些小工具都只显示文字，不怎么美化，特别的简洁。作为喜欢花里胡哨和爱捣鼓的我，当然要进行一些修改啦！O(∩_∩)O哈哈~，然后我自己就弄出了看上去比较可以的信息统计小工具（算是图片版吧<del>~），代码基本都是借鉴大佬的。本来有9个信息统计（删除一些…

美化图 第一步： 子比后台—自定义代码—自定义底部代码。 <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"…

美化教程 在主题目录下go.php文件里面的全部代码清空，然后把下面的代码复制进去即可。替换原来的即可。 更新主题和修改前记得备份go.php。 样式一： <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime : 2020-10-08 17:42:52 * @E…

前言： WordPress添加说说页面百度上有很多这样的页面教程，有些大佬制作的说说页面非常好，这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面，毕竟百度上一大堆教程，而且用处也不是很大。但是我在使用那些大佬制作好的说说页面，有些存在一些小BUG（可能不适配本站主题的原因）,所以我自己制作了一个清新版说说页面（当然啦，大部分代码都是借鉴和使用大佬的），花了2天的时间制作完成（主要花很多…

前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！ 美化图 回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。 本教程以本站使用的子比主题为例，大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque…

美化图 在zibll主题目录下，footer.php文件中的“</footer>”（重要）下面添加下面的代码： <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.…

美化图 CSS代码： /*导航栏图片背景*/ .header-layout-1{position:relative;background-image:url(https://www.cunshao.com/666666/meihua/img/huacao.png);background-position:center right;background-size:auto 100%;} 说明：图片背…

美化图 1、在主题目录下functions.php文件把下面的代码添加进去： // 文章字数和阅读时间 function count_words_read_time () { global $post; $text_num = mb_strlen(preg_replace('/s/','',html_entity_decode(strip_tags($pos…

美化图 在主题目录—>footer.php的“<footer class….>”上方加入以下代码： <!--底部可爱底线提示--> <div class="app_normal window" style="padding-top:" data-reactroot=&quo…

美化图 在子比主题设置—>文章&列表—>文章页—>版权提示内容处添加以下代码： <div> <!--网站声明代码start--> <div> <fieldset style=" border: 1px dashed #008cff; padding: 10px; border-radi…

美化图 CSS代码： /*进度条加载显示*/ #percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;} javascript代码： //进度条…

美化图 javascript代码： <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

美化图/h2> 网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置集合即可。 代码： <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff00…

美化图 第一种 CSS代码： /** 鼠标样式 开始**/ /** 普通指针样式**/ body{cursor: url(https://www.cunshao.com/666666/meihua/img/5ccab616ea9c8.cur), default;} /** 链接指针样式**/ a:hover{cursor:url(https://www.cunshao.com/666666/mei…

前言 我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。 美化教…

美化教程 CSS代码： /*首页文章列表悬停上浮*/ @media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); bo…

美化教程 CSS代码： /点击更多/ .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a{border-radius: 30px; padding: 15px 0; color: var(--muted-color); background-color:var(--main-bg-color);color: #F…

教程开始 放自定义顶部或底部html都可以，也可以放文件里，都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…

前言 现在大部分博客图标都采用Font Awesome图标库，因为Font Awesome图标库满足了大部分用户的需求了，但做为喜欢花里胡哨的我们是不够的，Font Awesome图标库的图标不仅没有彩色的图标，个性化的图标还有点少！所以对于我们喜欢彩色的菜单图标选择性很少！所以只能引入其他的矢量图标库，今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。 美化教程 阿里巴巴矢量图…