前言 利用element-ui显示Notification通知实现【复制、禁用F12、右键菜单】提醒 大家在设定网站提示消息时，非常推荐这个element显示Notification通知功能。 截图 需要引入的CDN外链： <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js&q…

效果图： 不会自动跳转，需勾选后点击跳转 无需操作自动跳转，默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码，替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV…

效果图： 第一步： 在functions.php加上下面这段代码，图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…

演示： 教程： 第一步： 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l…

效果图： 教程： 第一步： 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…

美化图： 第一步： 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-…

美化图: 食用教程: 打开/wp-content/themes/zibll/inc/functions/zib-head.php 搜索zib_is_crawler 在(_pz('qj_dh_xs') == 'no2')前粘贴以下代码，如图： (_pz('qj_dh_xs') == 'no0') { $dh_nr = &…

美化图： 前言： 这个功能最开始叫底部滚动公告条，部分 WordPress 主题集成自带，比如知更鸟主题。主题没集成的还可以使用万戈牌公告栏插件来实现这个功能。不过以往插件或主题集成的公告栏功能都只会滚动公告，即后台会有一个公告撰写栏，可以编辑数条公告然后在前台底部滚动显示。 最开始，张戈博客也是用了知更鸟主题特有的公告功能来发布一些公告，后来在我折腾中国博客联盟展示导航的时候，发现原来要实现滚动…

演示： 🎉教程： 第一步： 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 // 获取用户的最后登录…

效果图: 原版自己试一下就好了，原来是有一个活动倒计时的，因为我这里直接标了日期就把倒计时去掉了，各位可根据自身需求自行调整 教程： 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…

美化图： 教程： 外观小工具，插入侧边栏自定义HTML，代码如下 <div class="srot-mine b2-radius" style="background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);"> <i class="srot-mine-bg…

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

前言： 代码从其它站扒下来的，喜欢就点个赞吧。 注：这里只是固定的html，适合不长修改用户使用，需要后台功能请赞助子主题 美化图： 只有鼠标经过后才显示文字，默认显示图标 第一步： 打开主题Footer.php 文件(Modules/Templates/Footer.php)，在大约383行-481行，替换成以下代码， 替换成以下代码 <div class="aside-bar&…

路径b2/Assets/fontend/single.js 在1139行添加以下代码： location.reload();

一般网站都会在页脚底部添加类似Copyright ◎ 2013-2014版权信息,如果嫌每年都改这个日期麻烦, 可以通过下面的方式添加一个动态版权日期。 将下面代码添加到当前主函数模板functions.php function mrxu_copyright() { global $wpdb; $copyright_dates = $wpdb->get_results("SELEC…

网页简介 三组链接悬停效果，鼠标指针在链接时显示具有特殊效果的缩略图。当将鼠标悬停在带下划线的链接上时，您可以看到缩略图。这三组特效看起来都非常不错，有需求可以看看！ 图片预览 在线演示

美化图 api文件下载地址：https://flowerdrunk.lanzouq.com/ibhV01covkyd 首页版： 将index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方 hotlist文件夹放到/wp-content/themes/zibll 内即可 页面版： 将HotList.php、hotlist放到/wp-con…

美化图： 教程： 提示：建议夜间模式下不使用背景图片 /***日间主题模式***/ body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; back…

前言： 用jQuery+Layer.js实现的一个主题切换小提示。 美化图： 第一步： 调用Layer.js，Layer.js是一个非常优秀的弹层组件，看自己是否已经调用了Layer组件 （办法：先别调用下面的Layer.js,看直接使用第二步的代码能否使用，若无法使用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】） <script type="te…

前言： 这个应该好好吐槽一下，主题作者应该更新美化轮播图按钮样式，太矩形了（边角弄圆一点也好呀!）,自己动手丰衣足食，喜欢我这个样式的小伙伴，拿去吧！点赞一波就好啦！ 美化图： CSS代码：（压缩过了） /*幻灯片上一张、下一张按钮样式*/ .swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-butto…

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

美化图： 代码： /*手机侧边栏背景图片*/ @media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; ba…

美化图： HTML代码： <!--开始--> <style> .but-download>.but,.but-download>span{min-width: 200px;padding: .5em;margin-top: 10px;}.pay-extra-hide{background: var(--muted-border-color);display: b…

美化图： 代码： <style type="text/css"> #update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color…