-
WordPress主题利用element-ui显示Notification通知【复制、禁用F12、右键菜单】提醒
前言 利用element-ui显示Notification通知实现【复制、禁用F12、右键菜单】提醒 大家在设定网站提示消息时,非常推荐这个element显示Notification通知功能。 截图 需要引入的CDN外链: <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js&q…- 0
- 0
- 1.4k
花醉23年12月27日 -
子比主题美化go外链跳转美化代码
效果图: 不会自动跳转,需勾选后点击跳转 无需操作自动跳转,默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码,替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV…- 0
- 0
- 1.2k
花醉23年12月26日 -
B2主题修改专题页面的文章排序布局样式
前言: 原来我的专题页面是这样的,感觉特别乱,如图: 于是我自己寻找代码,在b2/TempParts/Archive/content-collection.php文件中找到了代码,如图: 第一步: 修改其中的post-1为post-3,就显示正常了 第二步: 布局样式代码参考,根据图中标识选择布局样式。- 0
- 1
- 1.3k
花醉23年12月13日 -
子比主题添加底部导航带赞赏和常用按钮
效果图: 第一步: 在functions.php加上下面这段代码,图片是站长放在自己腾讯云里的,这里我就删除了,请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…- 0
- 0
- 2.1k
花醉23年11月15日 -
B2主题添加可自由缩放展开或关闭的底部浮动广告
演示: 教程: 第一步: 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l…- 0
- 0
- 1.1k
花醉23年11月15日 -
B2主题添加个好看的底部导航
效果图: 教程: 第一步: 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件,然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…- 0
- 0
- 1.5k
花醉23年11月15日 -
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-…- 0
- 0
- 1.6k
花醉23年11月9日 -
子比主题修改粉色果冻泡泡loading加载动画
美化图: 食用教程: 打开/wp-content/themes/zibll/inc/functions/zib-head.php 搜索zib_is_crawler 在(_pz('qj_dh_xs') == 'no2')前粘贴以下代码,如图: (_pz('qj_dh_xs') == 'no0') { $dh_nr = &…- 0
- 0
- 1k
花醉23年11月9日 -
WordPress添加底部滚动文章推荐条
美化图: 前言: 这个功能最开始叫底部滚动公告条,部分 WordPress 主题集成自带,比如知更鸟主题。主题没集成的还可以使用万戈牌公告栏插件来实现这个功能。不过以往插件或主题集成的公告栏功能都只会滚动公告,即后台会有一个公告撰写栏,可以编辑数条公告然后在前台底部滚动显示。 最开始,张戈博客也是用了知更鸟主题特有的公告功能来发布一些公告,后来在我折腾中国博客联盟展示导航的时候,发现原来要实现滚动…- 0
- 0
- 1.3k
花醉23年11月8日 -
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 // 获取用户的最后登录…- 0
- 0
- 1k
花醉23年11月8日 -
B2主题添加右下角会员活动弹窗
效果图: 原版自己试一下就好了,原来是有一个活动倒计时的,因为我这里直接标了日期就把倒计时去掉了,各位可根据自身需求自行调整 教程: 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…- 0
- 0
- 1.3k
花醉23年11月7日 -
B2美化之侧边栏漂亮的会员优惠倒计时
美化图: 教程: 外观小工具,插入侧边栏自定义HTML,代码如下 <div class="srot-mine b2-radius" style="background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);"> <i class="srot-mine-bg…- 0
- 0
- 1.5k
花醉23年11月4日 -
子比主题添加滚动图片广告位html小工具
美化图: 效果就是上图这样,图片自动滚动,挺适合做广告位,也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…- 0
- 0
- 1.8k
花醉23年11月2日 -
Windows的Num灯亮了右侧键盘数字却打不出来
当使用台式机或者笔记本外接键盘时,会遇到外接键盘的数字键盘无法使用的情况。出现这种情况主要有两方面原因: 原因: 1、数字键盘的锁定/解锁小键盘“Numlock”关闭; 2、误勾选了“Num Lock处于打开状态时只能使用鼠标键”。 第一种解决方法 开启电脑进入系统后,观察键盘右边的“NumLock”的指示灯是否亮起来。如果未…- 0
- 0
- 1.2k
花醉23年11月1日 -
B2主题美化-侧边跟随工具条
前言: 代码从其它站扒下来的,喜欢就点个赞吧。 注:这里只是固定的html,适合不长修改用户使用,需要后台功能请赞助子主题 美化图: 只有鼠标经过后才显示文字,默认显示图标 第一步: 打开主题Footer.php 文件(Modules/Templates/Footer.php),在大约383行-481行,替换成以下代码, 替换成以下代码 <div class="aside-bar&…- 0
- 0
- 995
官方审核员23年10月30日 -
-
WordPress添加动态版权日期
一般网站都会在页脚底部添加类似Copyright ◎ 2013-2014版权信息,如果嫌每年都改这个日期麻烦, 可以通过下面的方式添加一个动态版权日期。 将下面代码添加到当前主函数模板functions.php function mrxu_copyright() { global $wpdb; $copyright_dates = $wpdb->get_results("SELEC…- 0
- 0
- 1.2k
花醉23年10月24日 -
WordPress主题当鼠标指针滑动链接,将显示图像悬停滑动效果
网页简介 三组链接悬停效果,鼠标指针在链接时显示具有特殊效果的缩略图。当将鼠标悬停在带下划线的链接上时,您可以看到缩略图。这三组特效看起来都非常不错,有需求可以看看! 图片预览 在线演示- 0
- 0
- 858
花醉23年10月24日 -
子比主题聚合热搜API对接
美化图 api文件下载地址:https://flowerdrunk.lanzouq.com/ibhV01covkyd 首页版: 将index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方 hotlist文件夹放到/wp-content/themes/zibll 内即可 页面版: 将HotList.php、hotlist放到/wp-con…- 0
- 0
- 1.3k
花醉23年10月24日 -
子比主题设置网站的背景为图片背景
美化图: 教程: 提示:建议夜间模式下不使用背景图片 /***日间主题模式***/ body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; back…- 0
- 0
- 1.3k
官方审核员23年10月23日 -
子比主题【夜/日】间模式切换小提示
前言: 用jQuery+Layer.js实现的一个主题切换小提示。 美化图: 第一步: 调用Layer.js,Layer.js是一个非常优秀的弹层组件,看自己是否已经调用了Layer组件 (办法:先别调用下面的Layer.js,看直接使用第二步的代码能否使用,若无法使用就证明没有调用Layer,自己把下面的代码放到主题里【自定义头部HTML代码】) <script type="te…- 0
- 0
- 862
官方审核员23年10月23日 -
子比主题首页轮播图按钮样式美化
前言: 这个应该好好吐槽一下,主题作者应该更新美化轮播图按钮样式,太矩形了(边角弄圆一点也好呀!),自己动手丰衣足食,喜欢我这个样式的小伙伴,拿去吧!点赞一波就好啦! 美化图: CSS代码:(压缩过了) /*幻灯片上一张、下一张按钮样式*/ .swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-butto…- 0
- 0
- 859
官方审核员23年10月23日 -
子比主题下载页面美化(简单的美化)
前言: 这是简单的改动一下代码,添加了几个类,如果作者更新主题时下载页面没改动代码的话,更新主题后【复制粘贴代码】进去就能用!(更新前记得备份!记得备份!记得备份!不然就被刷新代码了) 美化图: 代码: (一些说明请仔细看) CSS代码:(放在哪,这里就不在说了,自己可以压缩一下CSS代码) /*下载样式*/ .download-article{ padding: 0 10px; } .downl…- 0
- 0
- 2.4k
官方审核员23年10月23日 -
子比主题左侧菜单添加背景图片(手机才能看)
美化图: 代码: /*手机侧边栏背景图片*/ @media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; ba…- 0
- 0
- 827
官方审核员23年10月23日