2023 – 设计趁年华

2023

关注设计趁年华公众号

获取一手美化信息及素材

B2主题使用Fancybox插件的图片灯箱效果

要使用Fancybox插件实现图片灯箱效果，需要先引入Fancybox的CSS和JS文件，然后在HTML中添加相应的代码。具体步骤如下：在<head>标签中引入Fancybox的CSS和JS文件： <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox…
B2源码
- 0
- 0
- 674
花醉10月16日
子比主题左侧菜单添加背景图片（手机才能看）

美化图：代码： /*手机侧边栏背景图片*/@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
- 868
官方审核员10月23日
WordPress添加百度API 自动提交收录

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

路径b2/Assets/fontend/single.js 在1139行添加以下代码： location.reload();
B2源码
- 0
- 1
- 1k
官方审核员10月29日
WordPress如何重新排列后台管理菜单

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

效果图: 原版自己试一下就好了，原来是有一个活动倒计时的，因为我这里直接标了日期就把倒计时去掉了，各位可根据自身需求自行调整教程：首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…
B2源码
- 0
- 0
- 1.4k
花醉11月7日
子比主题底部炫酷引导卡片小工具

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

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

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

美化图在子比主题设置—>文章&列表—>文章页—>版权提示内容处添加以下代码： <div>  <div> <fieldset style=" border: 1px dashed #008cff; padding: 10px; border-radi…
子比源码
- 0
- 0
- 777
花醉10月18日
WordPress自定义网站背景图片

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

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

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

美化图：该美化有用到jquery请自行引入，如您已经引入过则可以忽视第一步：在合适的位置插入以下HTML代码 <div id="rizhuti_v2_module_dynamic-5" class="section rizhuti_v2-widget-dynamic"> <div class="wrapper"&g…
B2源码
- 0
- 0
- 2.4k
花醉1月31日
B2主题美化之根据时间自动切换网站背景颜色/图片

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

前言：本来是准备把另一个追剧页面弄好后在一起发教程的，但一直还没有时间去弄追剧页面的样式美化（暂时没有了样式设计的想法），有星友需要这个页面，所以今天就先发布WordPressB站追番页面吧（后期会发布追剧的页面，敬请期待…）！O(∩_∩)O哈哈~。 WordPress追番页面是我在百度翻找了好久，无意间在GitHub找到的，是由Mario（蘑菇君）大佬二开的（大佬就大佬，我永远滴神…），然后我…
子比源码
- 0
- 0
- 1k
花醉10月21日
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.7k
花醉11月9日
B2主题美化-移动端底部导航修改美化

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

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

美化图 javascript代码： <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
子比源码
- 0
- 0
- 1.3k
花醉10月18日
子比主题侧边栏添加简单的小模块

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

前言： WordPress信息统计小工具是前几天逛别的网站看到挺可以的，然后就到百度搜索一下，果然有很多这样的教程，但是那些小工具都只显示文字，不怎么美化，特别的简洁。作为喜欢花里胡哨和爱捣鼓的我，当然要进行一些修改啦！O(∩_∩)O哈哈~，然后我自己就弄出了看上去比较可以的信息统计小工具（算是图片版吧<del>~），代码基本都是借鉴大佬的。本来有9个信息统计（删除一些…
子比源码
- 0
- 0
- 1.7k
花醉10月20日