美化教程 CSS代码：（字体样式一：） /*字体*/@font-face{font-family:"wiiuii";src:url(https://www.cunshao.com/666666/meihua/adjzRQKK4rMhqM7T.ttf);} *{font-family:"wiiuii"} CSS代码（字体样式二）： /*全站字体美化*/@fon…

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

我不知道你们会不会这样，反正我遇到了，我就顺手写了个教程，小白可以看看，高手绕道吧 第一步： 原图是这样的： 第二步： 完成：

美化图： 代码： <div id="wiiuii1"> <img src="https://www.cunshao.com/666666/meihua/ipqianmingdang" class="post-cover-img-more ls-is-cached lazyloaded" data-src="ht…

第一步 效果图如下 第二步 这个比较简单，我们只需要在B2主题内部添加模块，在文章内页添加文章广告代码处即可，将下面的几行添加   <div class="mobile-hidden"><script language="JavaScript" type="text/javascript"> tips =…

第一步 后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可 我是添加在首页侧边栏 <canvas id="canvas" style="width:100%;" width="820" height="2"></canvas> <script s…

美化图： 代码： <style type="text/css"> #update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color…

前言： 代码从其它站扒下来的，喜欢就点个赞吧。 注：这里只是固定的html，适合不长修改用户使用，需要后台功能请赞助子主题 美化图： 只有鼠标经过后才显示文字，默认显示图标 第一步： 打开主题Footer.php 文件(Modules/Templates/Footer.php)，在大约383行-481行，替换成以下代码， 替换成以下代码 <div class="aside-bar&…

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

在安装WordPress程序时往往欠考虑，管理员账号用户名起的比较简单，有被暴力破解的可能，但Wordpress默认在后台无法修改用户名，再新建一个管理员账号删除原来的，管理员的ID也会变这不是我们所希望的。可以通过安装Wordpress用户名修改插件：Username Changer，修改自己和其他注册用户的用户名称。 Wordpress后台插件安装页面搜索：Username Changer，安…

第一步： 把以下代码加入模板文件function.php中 //去登录界面的默认图片 function custom_loginlogo() { echo‘ < style type = “text / css” > h1 a { background - image: url(‘.get_bloginfo(‘template…

预览图 第一步：

前言： 这是简单的改动一下代码，添加了几个类，如果作者更新主题时下载页面没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 美化图： 代码: （一些说明请仔细看） CSS代码：（放在哪，这里就不在说了，自己可以压缩一下CSS代码） /*下载样式*/.download-article{ padding: 0 10px; } .downlo…

美化图 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…

前言 WordPress给文章内容添加密码是我很久就弄好的，一直没有时间写文章进行分享，我们在写文章的过程中可能需要对一些文章进行隐藏或者添加密码，只有密码才能进行阅读文章加密码的那一部分内容。WordPress当然也自带这样的功能，但是样式非常的简洁，所有我就在网上找PHP代码，进行样式的美化，是文章内容加密码更加的美观、大气、符合自己主题的样式以及大众的审美观。虽然不是什么新颖的功能了，但是若…

前言 热门标签页面其实很早以前就想做了，但是没有正式学过前端相关的语言，自己写也写不出来，再加自己学业的原因一直没有时间去网上资料，所以就把这件事放到了脑后。昨天考完了试，终于把有时间把网站升了一下级，顺便把热门标签这个页面给弄了一下。自己写不出来，所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改，尽量的适应子比主题，所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些…

本站就是演示站,从鸡主题扒的

前言： 用jQuery+Layer.js实现的一个主题切换小提示。 美化图： 第一步： 调用Layer.js，Layer.js是一个非常优秀的弹层组件，看自己是否已经调用了Layer组件 （办法：先别调用下面的Layer.js,看直接使用第二步的代码能否使用，若无法使用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】） <script type="te…

演示效果 .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引用阿里巴巴矢量图标库的彩色图标。 美化教程 阿里巴巴矢量图…

美化图： HTML代码： <!--开始--> <style> .but-download>.but,.but-download>span{min-width: 200px;padding: .5em;margin-top: 10px;}.pay-extra-hide{background: var(--muted-border-color);display: b…

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

第一步： 打开文件B2 /Assets/fontend/main.js，大概913-933行 下面代码替换上图中 var login = new Vue({ el:'#login-box', data:{ show:false, loginType:1, checkCodeSendSuccess:false, isAdmin:false, imgCode:''…

以下教程基于开源项目”katelog” 项目地址：https://github.com/KELEN/katelog b2主题实际使用效果：https://www.aarss.cn/post/1.html 添加js 这里以child主题为例 外观 –> 主题编辑器 –> child.js 打开child.js,将以下js复制进去 "…

这是一款灵动的鱼群跳跃WordPress区块，采用JS技术，通过canvas绘制，适合用在页面底部，增添网站灵动气氛。 区块预览 如何使用 根据代码注释复制代码到自己需要的地方，例如古登堡的HTML区块或是小工具里面的“自定义HTML”，另外，记得看代码注释哦(。・∀・)ノ

1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件，在$gg_meta = new_cmb2_box 之前添加： // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2_post_onecad_jb', 'title&…

B2主题没有自带目录，有时候浏览文章时翻来翻去很麻烦，用户体验不好，所以自己通过AI写了个 看图: 第一步： 第三步： 刷新浏览器缓存以查看

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

美化图： 第一步： CSS代码部分 /*为pre区域添加一键复制*/i.yellow-i { content: ''; position: absolute; top: 0; left: 25px; width: 15px; height: 15px; border-radius: 50%; margin: 15px 25px; background: #fdbc40; z-i…

首先在主题页眉文件header.php的head标签中添加css引用文件 <!-- 图片放大 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> 然后…