我的博客从上线到现在，网站背景一直是纯色的。突然想把背景改为图片。好在WordPress自定义背景图片比价简单。 在functions.php文件中添加以下代码，保存，然后上传替换原来的文件。 //自定义背景图片控件 add_custom_background(); 来到网站后台，点击外观，可以看到多了一个背景选项。

效果图： 不会自动跳转，需勾选后点击跳转 无需操作自动跳转，默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码，替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV…

b2主题实现用户发布或更新文章后，通知粉丝 在社交化的博客平台中，当作者发布或更新文章时，及时通知其粉丝是一个非常实用的功能。本教程将指导您如何在7b2主题中实现这个功能，让您的粉丝能够第一时间收到文章更新的通知。 功能介绍 实现后的效果： 当作者发布新文章时，其粉丝会收到站内通知和邮件通知 当作者更新已发布的文章时，其粉丝同样会收到通知 通知包含文章标题和链接，方便粉丝直接查看 实现步骤 1. …

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

美化图 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代码： //进度条加…

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

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

B2主题美化之文章内容美化H标签美化，本标题就是美化效果 将下列代码加入到styles.css之中 添加代码后，强制刷新就能看到效果了

在使用WordPress过程中花醉发现还有一些不太完善的地方，没有充分考虑到用户体验。所以，在使用WordPress时候，我们有必要对WordPress进行一次小改造，让WordPress更个性、更符合SEO规范。 WordPress的链接绝大多数都是在当前窗口打开，对于站内链接还好，要是是站外链接，那么用户点击链接之后就离开你的网站了。这一点不仅仅对SEO不利，而且也不符合用户体验。我比较钟爱新…

前言 很多网站也都在分享滚动播报小工具，所以一直没有写一篇文章分享滚动播报小工具，我们不是小工具的创造者，我们只是小工具的搬运工。 美化教程 其实很简单，就一段代码！只需在后台—>外观—>小工具—>自定义HTML添加下面的代码，把它放在合适的位置（本站放在侧边栏），然后就可以啦。 <section id="custom_html-2" class=&qu…

原生的认证图标有的人不是很喜欢，喜欢自己去自定义，那么如何去修改？ 1、首先打开主题函数文件路径为：/wp-content/themes/b2/functions.php 第23行的常量 define('B2_VERIFY_ICON','<i class="b2-vrenzhengguanli b2font b2-color"><…

保存下面图片附件放到网站根目录 动画与点击的链接可以自定义 第一步： 以下代码放入b2/footer.php最上面 <div class="showpc"> <style> .showpc{display:none;}@media (min-width:960px){.showpc{display:inline; </style> <d…

WordPress主题美化右边多色滚动条，本站就是美化效果 将下列代码加入style.css中

顾名思义，根据设定时间，7b2网站会显示不同的颜色或背景图片，目前使用的是黑夜模式，故未测试该功能，详细的演示效果及代码如下 1.黑夜模式图片 白天的图片大家应该都有，分享一个夜晚的图片 2.背景图片/颜色自动切换代码 适用于所有WordPress网站，通过 Date 对象的 getHours() 方法自动获得当前时间，然后自动根据不同的时间段来自动改变页面的背景颜色，当然也可…

改WordPress程序根目录下的全局配置文件wp-config.php，在最后加入：

一、写在前头 图片模糊目的就是为了引流用户注册为本站，到达用户数量增多或留着用户的原因之一 二、实现思路 隐藏图片有很多方法，让图片模糊，看的清而又看不清，从而让图片吸引访客登录。 这里我们用CSS的filter属性来实现图片模糊。 这是一串CSS代码，怎么让他在访客未登录的情况下添加到网站中呢？ 这里我们需要解决两个问题 怎么判断访客是否登录？ – 用is_user_logged_in()函数 …

1.在主题的 functions.php 添加下面的代码： /* * RiPro 添加评论之星等级 * https://www.sjcnh.cn */function get_author_class($comment_author_email,$user_id){ global $wpdb; $author_count = count($wpdb->get_results( “…

教程开始 首先 我们打开ripro/inc/theme-functions.php 找到// 获取图片高度 //NEW 或者 entry-media 替换为以下代码 // 获取图片高度 //NEW if ( ! function_exists( 'cao_entry_media' ) ) : function cao_entry_media() { global $post; …

前言 我们B2主题的回到顶部的按钮一直都显示，不太喜欢，所以用AI写了个代码，可以增加趣味性 以下是修改后的代码，实现了回到顶部按钮默认隐藏起来，在页面滑动的时候才显示的功能。主要修改点在于对按钮初始显示状态以及显示逻辑的调整。 我这个是修改了代码的侧边栏，原主题是要修改代码的， 第一步 修改位置在B2/Modules/Templates/Footer.php, 480-483行处，当前B2版本：…

需求：想在文章或侧边栏添加音乐播放器，可以进行播放音乐。 我这里选择的是网易云音乐。 网易云音乐提供单曲、专辑、歌单、电台节目的外链播放器，将外链播放器放在论坛、网站上，都可以免费播放。 第一部分：给文章添加音乐 1.进入网易云音乐官网：http://music.163.com/ 2.搜索自己需要播放的音乐 3.在网页版（music.163.com）进入单曲、歌单、专辑、电台节目页面后，点击&nb…

鼠标指向图标会弹出窗口 附件放到网站根目录，内容图标位置都可以自定义。 打开/b2/Modules/Templates/Header.php 搜索 <div class="header-banner-right"> 将下方代码放置下方 <style> .abcd_benefitTag_benefits-wrapper {position:relative…

1、打开B2主题的TempParts/circle/circle-form.php文件 2、搜索代码： <div class="circle-top"> 3、在此代码上面添加下方的文字滚动通知代码 <!--B2圈子顶部文字通知--> <div class="xcbtmw_notice wrapper" style="m…

第一步 网站添加添加复制透明提示框 第二步 以下代码放入模板函数(functions.php) //透明复制提示 // by：设计趁年华 document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【设计趁年华】{www.sjcnh.cn}<br>复制成功…

美化图 CSS代码： /*文章列表样式*/@media screen and (min-width: 768px){.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 1…

如果你喜欢这个样式的搜索 将以下Html代码放至主题模块中（主题设置-模块管理-自定义代码 HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line…

前言 电视剧、电影是我们生活中必不可少的，它们可以让我们放松一下心情，但大多数的电视剧或电影都是要VIP或者付费的，本来不怎么富裕的我们更加的雪上加霜，本来可以每炖吃好的，但为了追一个剧，只能吃馒头了！那么我们怎么能够免费看那些电视剧或电影呢？为了能够看免费的，大佬们弄出了VIP视频解析接口，只需在该接口输入电视剧或电影的网址就可以观看视频。VIP视频在线解析页面采用的主要是HTML代码和一些js…

前言： 短视频聚合无水印解析页面是我很久之前就弄了，但弄好之后就不怎么管了，采用了非常简洁的样式，非常的简单。说是聚合无水印解析，其实我也没怎么测试过（只测试了抖音、快手、最右这几个短视频软件），解析的API采用大佬的接口。好啦！废话少说，下面安排教程！ 美化图： （其他的WP主题要注意看哦！）页面的头尾代码我只采用符合本站主题（子比主题）的头部和尾部代码，WP其他主题使用可能会出现样式错乱。若其…

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

define('B2_EMPTY','<div class="empty-page"><div class="e404-page-icon">“我是svg代码”</div><p>'.__('暂无相关结果','b2�…