2023 – 设计趁年华

2023

精选文章

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

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

精选文章

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

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

PS2018-2024版本安装插件弹窗显示扩展未经正确签署

PS安装DR5插件显示无法加载"至DR5.0"扩展，因为它未...

关注设计趁年华公众号

获取一手美化信息及素材

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

WordPress主题当鼠标指针滑动链接，将显示图像悬停滑动效果

网页简介三组链接悬停效果，鼠标指针在链接时显示具有特殊效果的缩略图。当将鼠标悬停在带下划线的链接上时，您可以看到缩略图。这三组特效看起来都非常不错，有需求可以看看！图片预览在线演示
WordPress源码
- 0
- 0
- 944
花醉10月24日
子比主题顶部导航栏添加背景图片

美化图 CSS代码： /*导航栏图片背景*/.header-layout-1{position:relative;background-image:url(https://www.cunshao.com/666666/meihua/img/huacao.png);background-position:center right;background-size:auto 100%;} 说明：图片背景…
子比源码
- 0
- 0
- 571
花醉10月19日
子比主题底部炫酷引导卡片小工具

美化图：教程：在后台—》外观—》小工具—》首页-底部全宽度，自定义HTML添加下面代码即可。 <div id="wiiuii" style="box-shadow: 0 0 10px var(--main-shadow);"> <section class="buy-container"> <div cl…
子比源码
- 0
- 0
- 968
花醉10月21日
子比主题公告弹窗样式美化

美化图：代码：其实就是一个简单的HTML代码（因为弹窗公告支持HTML代码），自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。 <html> <body>  <a href="https://www.cunshao.com/" target="_blank" title="…
子比源码
- 0
- 0
- 807
花醉10月22日
子比主题添加滚动图片广告位html小工具

美化图：效果就是上图这样，图片自动滚动，挺适合做广告位，也可以放一些自己网站特色的内容宣传图。将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…
子比源码
- 0
- 0
- 2.2k
花醉11月2日
WordPress给文章添加百度是否已收录查询和显示功能

小编看到其他网站增加了显示百度是否收录的功能，于是患有强迫症的我就开始研究起来，直到现在终于完成这一小功能的编写，小编好困，坚持着写完就睡觉了！示例 “百度未收录”如下图： “百度已收录”如下图：教程要实现这一功能，我们需要利用一款WordPress插件：WP-Baidu-Record，安装之后启用插件，进行相应设置，修改之后保存即可。…
WordPress源码
- 0
- 0
- 1k
花醉3月14日
子比主题添加说说动态页面

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

效果图：第一步：在functions.php加上下面这段代码，图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…
子比源码
- 0
- 0
- 2.5k
花醉11月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用代码实现刷新网页都随机变换背景图片不调用API接口

代码作用不借助任何第三方随机图片api接口，每次刷新网站都可以随机显示自己喜欢的背景图片。【代码展示】代码中展示的为链接地址也可以改成本地比如 bodyBgs[0] = "images/01.jpg"; bodyBgs[1] = "images/02.jpg"; bodyBgs[2] = "images/03.jpg"; bodyBg…
WordPress源码
- 0
- 0
- 797
花醉4月11日
WordPress实现复制弹出提示框-美化版

WordPress实现复制弹出提示框-美化版教程 wordpress的小伙伴直接将以下代码加入到主题目录functions.php文件即可
WordPress源码
- 0
- 5
- 797
花醉3月15日
B2主题动态滚动公告显示订单成交信息

美化图：该美化有用到jquery请自行引入，如您已经引入过则可以忽视第一步：在合适的位置插入以下HTML代码 <div id="rizhuti_v2_module_dynamic-5" class="section rizhuti_v2-widget-dynamic"> <div class="wrapper"&g…
B2源码
- 0
- 0
- 2.5k
花醉1月31日
B2主题增加底部自定义友情链接

预览图：第三步：刷新浏览器缓存查看
B2源码
- 0
- 16
- 1.9k
花醉10月19日
WordPress自定义网站背景图片

我的博客从上线到现在，网站背景一直是纯色的。突然想把背景改为图片。好在WordPress自定义背景图片比价简单。在functions.php文件中添加以下代码，保存，然后上传替换原来的文件。 //自定义背景图片控件 add_custom_background(); 来到网站后台，点击外观，可以看到多了一个背景选项。
源码分享
- 0
- 0
- 571
花醉4月11日
B2主题会员等级美化与自定义标识

文字美化代码：只放了两种等级的代码，需要更多的自行添加 .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…
源码分享
- 0
- 0
- 1k
花醉4月16日
B2主题四栏目美化代码

直接放入后台模块自定义模块即可仅仅桌面显示，手机端不适应里面内容自行修改演示图 </style> <div class="topCard--list"><div class="topCard--item u-rounded u-shadowed"><h3 class="topCard--title&q…
B2源码
- 0
- 0
- 648
花醉5月20日
子比主题网站点击彩色效果

前言这一个很简单的网站点击彩色的效果，采用js来实现美化教程首先创建JS文件，复制下面的代码，粘贴到文件中，然后用script标签调用：代码调用如：，就可以啦！Worderss主题一般都在后台主题设置里的自定义JS代码里添加，其他大同小异。 JS代码： function clickEffect() { let balls = []; let longPressed = false; let …
子比源码
- 0
- 0
- 626
花醉10月16日
B2主题网站添加用户IP归属地

演示： 🎉教程：第一步： 1、下载WP-IPUA插件，打开/wordpress/wp-content/plugins/wp-ipua/helper.php，添加下面的代码 function get_user_ip_address() { ob_start(); $user_id = get_query_var('author'); // 获取用户ID // 获取用户的最后登录…
B2源码
- 0
- 0
- 1.1k
花醉11月8日
B2主题美化-顶部导航条的下拉菜单美化

关于导航条的一个美化，b2主题顶部导航条和子导航固定成58px了，改为75px了，并且把下拉菜单也美化了下，保留了导航条滚动后的效果。效果图：美化代码：放主題或者子主題style.css中 /* * 导航条美化 */.header-banner { /*隐藏顶部bar*/display: none!important; } .site-header { height: 75px; margi…
B2源码
- 0
- 0
- 1.1k
花醉4月8日
B2美化-页眉菜单添加开通vip图标

鼠标指向图标会弹出窗口附件放到网站根目录，内容图标位置都可以自定义。打开/b2/Modules/Templates/Header.php 搜索 <div class="header-banner-right"> 将下方代码放置下方 <style> .abcd_benefitTag_benefits-wrapper {position:relative…
B2源码
- 0
- 3
- 710
花醉3月12日
子比主题回到顶部悬挂猫咪

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

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

美化图 javascript代码： <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
子比源码
- 0
- 0
- 1.3k
花醉10月18日
子比主题顶部添加彩色进度条

美化图 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代码： //进度条加…
子比源码
- 0
- 0
- 1.1k
花醉10月18日