B2主题美化-仿致美化顶部菜单栏
前言： 致美化是B2美化圈子的大佬，顶级的美化。 本教程模仿...
-
B2主题网站侧边栏小工具添加一款好看的粒子当前时间
第一步 后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可 我是添加在首页侧边栏 <canvas id="canvas" style="width:100%;" width="820" height="2"></canvas> <script s…- 0
- 0
- 526
-
B2主题加上随机一言的功能
在这里，教大家一个使用一言官方 API 的方法~ 作为一个养殖站用一言好像没啥用，分享给你们玩玩。 首页在你的主题functions加上这句话 /** * WordPress B2Pro主题集成一言（Hitokoto）API 经典语句功能 - 鸸鹋产业网 */function GetHitokoto(){ $url = 'https://v1.hitokoto.cn/?encode=js…- 0
- 0
- 690
-
B2主题侧边栏信息统计小工具
第一步 创建一个PHP文件：widget-websitestat.php 然后把下面的php代码添加进去 <?php // 设计趁年华统计信息小工具 // 名称: 设计趁年华 // 定义小工具的类 EfanWebsitestat class EfanWebsitestat extends WP_Widget{ function __construct(){ // 定义小工具的构造函数 $wi…- 0
- 0
- 720
-
WordPress自定义网站背景图片
我的博客从上线到现在，网站背景一直是纯色的。突然想把背景改为图片。好在WordPress自定义背景图片比价简单。 在functions.php文件中添加以下代码，保存，然后上传替换原来的文件。 //自定义背景图片控件 add_custom_background(); 来到网站后台，点击外观，可以看到多了一个背景选项。- 0
- 0
- 584
-
子比主题设置网站的背景为图片背景
美化图： 教程： 提示：建议夜间模式下不使用背景图片 /***日间主题模式***/body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; backg…- 0
- 0
- 1.4k
-
子比主题添加侧边彩色滚动条
前言 WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去美化啦！村少今天就教大家如何自定义美化侧边滚动栏。其实非常简单，只需一句代码的事情就可以自定义美化WordPress侧边滚动栏，并且代码适用于绝大多数WordPress主题。 美化教程 一般主…- 0
- 0
- 744
-
B2主题美化之根据时间自动切换网站背景颜色/图片
顾名思义，根据设定时间，7b2网站会显示不同的颜色或背景图片，目前使用的是黑夜模式，故未测试该功能，详细的演示效果及代码如下 1.黑夜模式图片 白天的图片大家应该都有，分享一个夜晚的图片 2.背景图片/颜色自动切换代码 适用于所有WordPress网站，通过 Date 对象的 getHours() 方法自动获得当前时间，然后自动根据不同的时间段来自动改变页面的背景颜色，当然也可…- 0
- 0
- 1.2k
-
子比主题首页文章列表悬停上浮
美化教程 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); box…- 0
- 0
- 738
-
B2主题美化之仿致美化页脚
美化展示 第一步 添加在footer.php文件中(替换所有内容)，注意自行修改其中链接 <div class="footer hidden-xs"> <div class="footer__wrapper site-info" style="margin-top: 100px;"> <div class=&…- 0
- 0
- 733
-
子比主题底部可爱底线提示
美化图 在主题目录—>footer.php的“<footer class….>”上方加入以下代码： <!--底部可爱底线提示--> <div class="app_normal window" style="padding-top:" data-reactroot=&quo…- 0
- 0
- 808
-
-
B2主题自带的语音播放失效了
第一步： 其实是API地址失效了 更换API地址就好了 第二步： 这里推荐一个api地址 b2-accsets-fontend-main.js-1691行 第三步： ctrl+f5强制刷新浏览器，即可看到效果。如不显示多刷新几次或者更换浏览器试试。- 0
- 1
- 1.6k
-
子比主题下载页面美化（简单的美化）
前言： 这是简单的改动一下代码，添加了几个类，如果作者更新主题时下载页面没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 美化图： 代码: （一些说明请仔细看） CSS代码：（放在哪，这里就不在说了，自己可以压缩一下CSS代码） /*下载样式*/.download-article{ padding: 0 10px; } .downlo…- 0
- 0
- 2.9k
-
子比主题【夜/日】间模式切换小提示
前言： 用jQuery+Layer.js实现的一个主题切换小提示。 美化图： 第一步： 调用Layer.js，Layer.js是一个非常优秀的弹层组件，看自己是否已经调用了Layer组件 （办法：先别调用下面的Layer.js,看直接使用第二步的代码能否使用，若无法使用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】） <script type="te…- 0
- 0
- 1k
-
WordPress实现内容加密模式/需要输入密码可见方法
我们经常看到有些个人网站内容需要输入密码才可见，如果是整篇文章加密模式都还简单，我们在发布文章"公开度"选项中可以选择设置加密且设置密码。但是，如果我们看到有些文章部分可见，部分是需要密码才可以看到的，那这样的样式是如何实现的呢？ 第一、CSS样式部分 /*e-secret*/ .e-secret { margin:20px 0; padding:20px; backgroun…- 0
- 0
- 455
-
WordPress跳转外链页面
源码介绍 WordPress防红系统跳转页面和引导跳转页面go.php源码美化版，双端自适应。自动文章内的外链加入加密的跳转链接，其他网站也可以用。 使用教程： 1、网站根目录新建go.php 2、php里的代码如下:- 0
- 0
- 844
-
子比主题评论框添加背景图片
美化图 在主题设置—》自定义CSS样式，添加下面的CSS代码： /*评论背景图*/textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://www.cunshao.com/666666/me…- 0
- 0
- 664
-
WorePress安全检测GO内外链跳转页面html源码
美化展示 一款清新好看的跳转源码，底部自行更换跳转目标地址，可用来预防人机或者进行c验证页面！ 第一步 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compati…- 0
- 0
- 611
-
子比主题更改文章列表样式
美化图 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…- 0
- 0
- 1.1k
-
B2主题美化（用户等级）和（会员等级）图标
前言 我也是搜了很多教程只修改用户等级，没有修改会员等级，这里教程修改两个等级 B2主题有两个等级系统，一个（用户等级）和（会员等级），这里同时修改两个等级，把文字等级改为图片。 效果演示 第一步： 修改B2主题目录下的Modules>Common>User.php文件， 子主题把User.php文件复制到同样的路径修改， 查找：- 0
- 3
- 1.3k
