2023 – 设计趁年华

2023

关注设计趁年华公众号

获取一手美化信息及素材

子比主题左侧菜单添加背景图片（手机才能看）

美化图：代码： /*手机侧边栏背景图片*/@media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; bac…
子比源码
- 0
- 0
- 869
官方审核员10月23日
B2主题添加个好看的底部导航

效果图：教程：第一步：打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…
B2源码
- 0
- 0
- 1.7k
花醉11月15日
WordPress中怎么点击一个按钮后可以切换图标

有时候想搞个白天夜晚切换的按钮，想切换后图标不一样我要使这个图标<i class="jktheme JK-baitian"></i>被点击后变成另一个图标<i class="jktheme JK-yewan"></i>再次点击后又变回原来图标可以使用jQuery的toggleClass()方法来实现这个效果…
WordPress源码
- 0
- 0
- 1.1k
花醉10月13日
B2主题美化之根据时间自动切换网站背景颜色/图片

顾名思义，根据设定时间，7b2网站会显示不同的颜色或背景图片，目前使用的是黑夜模式，故未测试该功能，详细的演示效果及代码如下 1.黑夜模式图片白天的图片大家应该都有，分享一个夜晚的图片 2.背景图片/颜色自动切换代码适用于所有WordPress网站，通过 Date 对象的 getHours() 方法自动获得当前时间，然后自动根据不同的时间段来自动改变页面的背景颜色，当然也可…
B2源码
- 0
- 0
- 1.2k
花醉4月11日
B2主题网站侧边栏小工具添加一款好看的粒子当前时间

第一步后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可我是添加在首页侧边栏 <canvas id="canvas" style="width:100%;" width="820" height="2"></canvas> <script s…
B2源码
- 0
- 0
- 431
花醉6月22日
子比主题评论框添加背景图片

美化图在主题设置—》自定义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
- 622
花醉10月21日
B2主题仿子比主题未登入小工具UI

效果图第一步：打开Modules/Templates/Widgets/User.php，大约在第224-254行，具体根据图片进行确定位置可把这个文件复制到子主题相同位置中更改，以防更新主题失效其它在文件中标明替换链接的地方自己替换就可以
B2源码
- 0
- 9
- 1.8k
花醉9月19日
B2主题修改顶部头像下拉菜单栏的等级图标位置

看图：原来的位置是左边等级，右边会员，此教程是左右位置调换首先：
B2源码
- 0
- 1
- 2.6k
花醉7月23日
子比主题公告弹窗样式美化

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

美化图 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日
B2美化button动态按钮

本站就是演示站,从鸡主题扒的
B2源码
- 0
- 0
- 675
花醉6月3日
WordPress给文章内容添加密码[WP教程]

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

美化图在子比主题设置—>文章&列表—>文章页—>版权提示内容处添加以下代码： <div>  <div> <fieldset style=" border: 1px dashed #008cff; padding: 10px; border-radi…
子比源码
- 0
- 0
- 815
花醉10月18日
B2主题logo扫光特效，网站logo扫光特效纯代码

将以下代码加到你的网站css文件里面，随意，只要能引用的css就行了，wordpress用户加在style.css里面。（必看）原理解释给大家解释一下代码，不看可能不会扫（WordPress柒比贰主题可以忽略，因为花醉也是。）找到你的logo所处的div，然后找到他的class，如这个实例： <h1 class="logo pos-a">< …
B2源码
- 0
- 4
- 1.2k
花醉3月14日
子比主题添加微语页面

我们常常在自己博客网站发表自己的一些文章，微语页面在这时候就起到了一个很好的作用。微语页面简单地说就像我们微信的朋友圈那样。美化教程 1、首先在子比主题目录的functions.php里面加入以下代码： //微语 add_action('init', 'my_custom_init'); function my_custom_init() { $label…
子比源码
- 0
- 0
- 1.1k
花醉10月14日
B2主题自带的语音播放失效了

第一步：其实是API地址失效了更换API地址就好了第二步：这里推荐一个api地址 b2-accsets-fontend-main.js-1691行第三步： ctrl+f5强制刷新浏览器，即可看到效果。如不显示多刷新几次或者更换浏览器试试。
B2源码
- 0
- 1
- 1.6k
花醉6月25日
B2主题网格样式文章鼠标悬浮弹出分类角标

角标底色同步你站点 css样式 .post-1 a.post-list-cat-item { background: var(--b2color); color: #fff!important; padding: 4px; line-height: 12px; border-radius: 4px; } .post-list-meta-box { justify-content: space-be…
B2源码
- 0
- 0
- 550
花醉6月14日
B2主题代码块添加一键复制和美化

美化图：第一步： 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…
B2源码
- 0
- 0
- 1.8k
花醉11月9日
子比主题底部可爱底线提示

美化图在主题目录—>footer.php的“<footer class….>”上方加入以下代码：  <div class="app_normal window" style="padding-top:" data-reactroot=&quo…
子比源码
- 0
- 0
- 753
花醉10月19日
B2美化之侧边栏漂亮的会员优惠倒计时

美化图：教程：外观小工具，插入侧边栏自定义HTML，代码如下 <div class="srot-mine b2-radius" style="background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);"> <i class="srot-mine-bg…
B2源码
- 0
- 0
- 1.6k
花醉11月4日
WordPress实现复制弹出提示框-美化版

WordPress实现复制弹出提示框-美化版教程 wordpress的小伙伴直接将以下代码加入到主题目录functions.php文件即可
WordPress源码
- 0
- 5
- 789
花醉3月15日
子比主题引用阿里巴巴矢量图标库彩色图标

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

在这里，教大家一个使用一言官方 API 的方法~ 作为一个养殖站用一言好像没啥用，分享给你们玩玩。首页在你的主题functions加上这句话 /** * WordPress B2Pro主题集成一言（Hitokoto）API 经典语句功能 - 鸸鹋产业网 */ function GetHitokoto(){ $url = 'https://v1.hitokoto.cn/?encode=j…
B2源码
- 0
- 0
- 660
花醉9月7日
B2主题美化大屏搜索雨滴玻璃效果背景

效果图：本站就是预览效果前言：经过网上的教程一些教程改编美化的，确实花费不少精力，所以不免费，如喜欢请支持一下。通过b2主题自带的首页内容模块实现，后续会加到子主题里面，目前只适配电脑端，不想适配手机端。第四步：刷新浏览器缓存查看
B2源码
- 0
- 0
- 1.7k
花醉10月21日