2023 – 设计趁年华

2023

精选文章

B2主题美化-仿致美化顶部菜单栏

前言：致美化是B2美化圈子的大佬，顶级的美化。本教程模仿...

精选文章

B2主题美化-仿致美化分类筛选页面排版布局

前言：致美化是B2美化圈子的大佬，顶级的美化。本教程模仿...

B2主题美化之文章内容美化H标签美化

B2主题美化之文章内容美化H标签美化，本标题就是美化效果将...

关注设计趁年华公众号

获取一手美化信息及素材

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

Warning: Undefined variable $meta_jiaobiao_html in /www/wwwroot/www.sjcnh.cn/wp-content/themes/b2jktheme/Modules/Templates/Modules/Posts.php on line 312

子比主题下载页面美化（简单的美化）

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

这个教程仅是给网格列表添加了角标，其他列表也可以使用此方法添加。 1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件，在$gg_meta = new_cmb2_box 之前添加： // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2…
B2源码
- 0
- 1
- 1.1k
花醉5月21日
WordPress中怎么点击一个按钮弹出使用Ctrl+D收藏网站

当我们想要用户收藏网站时，往往会添加一个按钮或者一个提醒，因为有些浏览器不能直接使用点击收藏。这时候需要一个弹窗提示用户按Ctrl+D来收藏网站。就可以添加以下代码 <button onclick="alert('请使用CTRL+D键收藏本站！')">收藏本站</button> onclick会监测用户的动作，当点击用户按钮时，…
B2源码
- 0
- 0
- 1.1k
花醉10月13日
B2主题加上随机一言的功能

在这里，教大家一个使用一言官方 API 的方法~ 作为一个养殖站用一言好像没啥用，分享给你们玩玩。首页在你的主题functions加上这句话 /** * WordPress B2Pro主题集成一言（Hitokoto）API 经典语句功能 - 鸸鹋产业网 */function GetHitokoto(){ $url = 'https://v1.hitokoto.cn/?encode=js…
B2源码
- 0
- 0
- 668
花醉9月7日
B2主题添加目录按钮自用版

B2主题没有自带目录，有时候浏览文章时翻来翻去很麻烦，用户体验不好，所以自己通过AI写了个看图: 第一步：第三步：刷新浏览器缓存以查看
B2源码
- 0
- 0
- 1.1k
花醉7月29日
WordPress 短代码文章部分内容关注微信公众号后可见

功能介绍利用WordPress 短代码将文章中的部分内容隐藏，通过注微信公众号自动回复获取查看验证码。放点吸引人的玩意，可以增加公众号的粉丝。操作指南 function weixin_fans($atts, $content=null){ extract(shortcode_atts( array ( 'key' => null, 'reply' …
WordPress源码
- 0
- 0
- 759
花醉6月1日
B2主题中用代码做个悬浮目录

第一步您可以使用以下步骤在B2主题中创建一个悬浮目录：在主题文件夹中创建一个新的JavaScript文件，例如“floating-menu.js”。在该文件中编写以下代码： jQuery(document).ready(function($) { // 创建目录 var toc = ''; var level = 0; var maxLevel = 3; $('…
B2源码
- 0
- 1
- 1.4k
花醉6月22日
WordPress添加百度API 自动提交收录

百度站长的资源提交分为快速收入和普通收录，资源的提交方式有：API 提交、Sitemap 提交、手动提交三种方式。这里分享一下API提交方式。纯代码实现： API推送：最为快速的提交方式，建议您将站点当天新产出链接立即通过此方式推送给百度，以保证新链接可以及时被百度收录。百度 API 提交token 值的获取登录百度站长 → 资源提交 → 普通收录，下面图片中’token=’的后面就是我们自…
WordPress源码
- 0
- 6
- 1.1k
花醉3月14日
子比主题首页轮播图按钮样式美化

前言：这个应该好好吐槽一下，主题作者应该更新美化轮播图按钮样式，太矩形了（边角弄圆一点也好呀!）,自己动手丰衣足食，喜欢我这个样式的小伙伴，拿去吧！点赞一波就好啦！美化图： CSS代码：（压缩过了） /*幻灯片上一张、下一张按钮样式*/.swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-button…
子比源码
- 0
- 0
- 976
官方审核员10月23日
WordPress的评论区加背景图片，让评论框不在单调

前言：首先由于主题不同，所以我的CSS和大家并不一样！因此，我们需要找到评论框所在CSS！我使用的是JustNews主题，用这个版本的可以直接添加代码使用。 JustNews主题CSS #comment,.comment-must-login { background-image:url(https://cdn.west2.cn/wp-content/uploads/2022/02/164405…
WordPress源码
- 0
- 0
- 776
花醉3月15日
WordPress完全美化后台登陆页面

第一步：把以下代码加入模板文件function.php中 //去登录界面的默认图片 function custom_loginlogo() { echo‘ < style type = “text / css” > h1 a { background - image: url(‘.get_bloginfo(‘template…
WordPress源码
- 0
- 0
- 693
花醉6月22日
子比主题引用阿里巴巴矢量图标库彩色图标

前言现在大部分博客图标都采用Font Awesome图标库，因为Font Awesome图标库满足了大部分用户的需求了，但做为喜欢花里胡哨的我们是不够的，Font Awesome图标库的图标不仅没有彩色的图标，个性化的图标还有点少！所以对于我们喜欢彩色的菜单图标选择性很少！所以只能引入其他的矢量图标库，今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。美化教程阿里巴巴矢量图…
子比源码
- 0
- 0
- 1.2k
花醉10月16日
B2主题网站底部添加动态人物和收藏按钮模块

看图：第一步：打开主题的页脚 (footer.php）文件，在大约第12行，style标签后面第三步：代码中的文字，图片链接自行更换
B2源码
- 0
- 19
- 1.2k
花醉9月27日
子比主题添加右下角活动倒计时悬浮窗

教程开始放自定义顶部或底部html都可以，也可以放文件里，都随意   <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…
子比源码
- 0
- 4
- 1.8k
花醉10月17日
B2主题美化头部菜单栏，底部信息，实现全透明网站

B2主题美化头部菜单栏，底部信息，实现全透明网站
B2源码
- 0
- 0
- 887
花醉3月15日
B2主题美化小工具“创建圈子”按钮

B2主题美化小工具“创建圈子”按钮，直接上图，把下方css样式添加到相应样式文件里面就行了美化前：美化后： . .circle-widget-button .text { background: #2485e5!important; border: 1px solid #2485e5!important; border-radius: 0!important; colo…
B2源码
- 0
- 0
- 915
花醉3月8日
子比主题添加侧边彩色滚动条

前言 WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去美化啦！村少今天就教大家如何自定义美化侧边滚动栏。其实非常简单，只需一句代码的事情就可以自定义美化WordPress侧边滚动栏，并且代码适用于绝大多数WordPress主题。美化教程一般主…
子比源码
- 0
- 0
- 705
花醉10月16日
B2主题美化-移动端底部导航修改美化

移动端现在是网站使用的主流方向，移动端的美化牵扯网站的使用体验，7b2主题移动端美化底部导航栏，可以快速找到相应的内容，这个跟子比主题移动端的底部导航条非常的相似。效果图：使用教程：修改 b2/Assets/fontend/mobile.css 中 .mobile-footer-menu.footer-fixed 内容(覆盖原{}中内容) (宝…
B2源码
- 0
- 0
- 3.7k
花醉4月2日
B2主题菜单栏样式美化

演示效果 .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…
B2源码
- 0
- 0
- 589
花醉6月14日
子比主题更改文章列表样式

美化图 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
花醉10月21日
B2主题美化（用户等级）和（会员等级）图标

前言我也是搜了很多教程只修改用户等级，没有修改会员等级，这里教程修改两个等级 B2主题有两个等级系统，一个（用户等级）和（会员等级），这里同时修改两个等级，把文字等级改为图片。效果演示第一步：修改B2主题目录下的Modules>Common>User.php文件，子主题把User.php文件复制到同样的路径修改，查找：
B2源码
- 0
- 0
- 1.2k
花醉7月21日
WordPress自定义修改登陆后自动跳转到任意页面

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

前言一般博客网站都有go外链页面，子比主题也自带有go链接页面，而且非常的好看，但是自己不太喜欢，所以花点时间改了一下代码，主要是改HTML+CSS（加入自己的一些想法），保留页面自动跳转，但页面停留10秒才会触发自动跳转。以上就是关于子比主题GO外链页面我想说的，可能以后主题更新页面代码会改变，记住当前本站使用的版本：V6.6.1。请投币看教程，禁止白嫖党。发现很多网站使用子比主题的站长多…
WordPress源码
- 0
- 0
- 571
花醉6月23日
WordPress用代码在文章内容加入微信关注后获取验证码可见

这里以微信公众号为例（QQ公众号应该也是这样），在微信公众号的“自动回复-关键字自动回复”中设置好关键字（对应上面代码中的keyword）及验证码（对应上面代码中的key）。预览食用代码： css 加入短代码使用方法在文章中插入以下简码，修改相关内容即可： [gzh2v keyword="关键字" key="验证码"]隐藏内容[/gzh2v]
WordPress源码
- 0
- 0
- 816
花醉6月25日