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

.gg-box .modal-content { width: 28rem; overflow: hidden; margin-top: 0; } .gg-box-title .gg-title { width: 100%; text-align: center; padding: 0!important; } .modal-content .gg-box-title h2 { font-size…

效果图： 使用教程： 打开b2/Modules/Templates/Header.php 文件查找如下代码： <b class="bar-mark" v-if="count" v-cloak> 大约在850行，找到后在其标签中加入如下代码： <p class="ict-count" v-text="count&…

演示： 教程： 第一步： 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l…

一、Wordpress主题包含基本模版文件. 文件 释意 Style.css 样式表文件 Index.php 主页模版文件 Single.php 单一日志页面模版文件 Archive.php 归档、分类 模版文件 Searchform.php 搜索框模版文件 Comments.php 评论模版文件 Footer.php 底部模版文件 Header.php 顶部模版文件 Sidebar.php 侧边…

把下面的代码放在当前使用主题的functions.php文件第一行<?php下面即可：

美化图： 效果就是上图这样，图片自动滚动，挺适合做广告位，也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…

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

第一步：

前言： 统计信息模块小工具主要采用前端HTML+CSS和后端函数，通过后端提供功能函数，然后前台获取到后台提供的数据来显示信息功能。有兴趣的大佬可以修改一下。 美化教程 1.在子比主题的主题目录下，header.php底部添加以下函数代码： <!--统计信息函数--> <script type="text/javascript" > <?php /…

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

前言 可以用来做侧边栏的广告、领取福利等。 美化教程 很久以前网上找来的，然后自己就进行了一些小小的修改，本来这个小工具模块是广告类型的，但觉得自己侧边栏东西很少就修改成了自己的在线工具跳转的模块工具了。这是一个非常简单的模块小工具，采用结合的HTML+CSS。只需在站点后台 >> 外观 >> 小工具 >> html代码 然后把小工具添加到指定侧边栏中即可。 &…

美化图： 该美化有用到jquery请自行引入，如您已经引入过则可以忽视 第一步： 在合适的位置插入以下HTML代码 <div id="rizhuti_v2_module_dynamic-5" class="section rizhuti_v2-widget-dynamic"> <div class="wrapper"&g…

文字美化代码： 只放了两种等级的代码，需要更多的 自行添加 .lv-icon.b2-vip0 b { color: #607a87 !important; background: linear-gradient(90.34deg, #e8eff0 0.27%, #e8eff0 99.7%); padding: 0 5px; border-radius: 3px; } .lv-icon.b2-vip…

演示效果 .top-menu ul li.depth-0 > a { color: #fff; padding: 18px 30px; } .has_children .sub-menu { border-radius: 4px; } .top-menu .b2-jt-down { display: none!important; } .top-menu-ul .sub-menu-0 { b…

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

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

wordpress默认情况下后台的菜单列表如下图所示： 但是我们在使用wordpress后台管理网站的时候，有些菜单选项并不是经常会用到的，比如“多媒体”菜单，儿相对于“页面”菜单我们又经常用到，那么如何重新排列wordpress的后台菜单管理项呢？方法如下：在你主题的的functions.php文件中添加如下代码: /** * 重新排列wordpr…

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

附件放到网站根目录 以下代码放入b2后台-模块管理-首页-自定义代码 <div id="primary-home" class="content-area"> <div id="home-row-foots_a23" class=" mobile-hidden home_row home_row_0 modul…

第一步 创建一个PHP文件：widget-websitestat.php 然后把下面的php代码添加进去 <?php // 设计趁年华统计信息小工具 // 名称: 设计趁年华 // 定义小工具的类 EfanWebsitestat class EfanWebsitestat extends WP_Widget{ function __construct(){ // 定义小工具的构造函数 $wi…

B2主题的投稿按钮在登录和未登录状态都会显示投稿按钮，特别不友好 只需要在b2/Modules/Templates/Header.php中的第409-414行中的（当前版本为5.8.0，不同版本可能位置不同，查找关键字即可），添加以下代码，使用WP自带的登录判断PHP函数代码 && is_user_logged_in()

火星的小伙伴都知道，WordPress登陆后自动进入的是“仪表盘”页面，说起来这个”仪表盘”页面实际意义并不大。我们也可以使用代码自定义修改WordPress登陆后自动跳转到任意页面，下面来看看具体怎么操作吧！ 其实操作也很简单，打开主题目录下的functions.php，在末尾加上以下php代码： //自定义修改WordPress登陆后自动跳转到任意页面 function my_login_re…

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

用等级颜色美化 .lv-icon.b2-lv0 i { background-color: rgb(199 194 194); } .lv-icon.b2-lv1 i { background-color: #ff9400; } .lv-icon.b2-lv1 b { color: #ff9400; } .lv-icon.b2-lv2 i { background-color: #ff9400; …

这个功能主要是通过获取文章id，然后通过id来获取文章内容，最后进行正则统计，计算出图片数量。接下来就说一下怎么部署代码。 一.前端代码判断部署 至此，完成所有代码部署，记得保存一下首页模块，强制刷新一下，即可看到效果。

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

Ripro主题8.1来源网络资源美化版，来源网络资源破解版

众所周知，b2主题的签到按钮每日签到按钮特别的丑，今天美化一下（当然也不是很好看，但也还差不多），小白看就好了，高手绕道！ 把下面的图片移到上面了，下面则改成灰色透明颜色。 预览： 第一步： 加入以下css代码 第二步： CTRL+F5强制刷新页面查看