建站笔记

2025-05-01
05-01
子比主题 - 让网站禁止访问控制台 打开控制台跳转页面说明-汇聚访

实用子比主题 – 让网站禁止访问控制台 打开控制台跳转页面说明

让网站禁止F12访问控制台，打开控制台就会跳转到另一个页面，取消就会返回上一页，这个没图，你们可以自己试一下。 演示效果： 代码部署： [hidecontent type="payshow"] JS代码 <script type="module"> import devtools from './banf12/js/moukey.js'; if (devtools.isOpen) { window.location.href = "./banf12"}; window.addEventListener('devtoolschange', event => { if (event.detail.isOpen) { window.location.href = "./banf12"}; }); </script> 路径需要自己调整，资源文件自己找地方放置即可！ [/hidecontent]
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 下拉菜单猫耳朵样式-汇聚访

实用子比主题 – 下拉菜单猫耳朵样式

这是一款子比主题的下拉菜单猫耳朵样式，此效果会给一部分下拉菜单添加猫耳朵的背景图层，适合那些使用子比主题同时还是ACG风格的站点，话不多说了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*悬浮按钮猫耳朵www.huijuf.com*/ .dropdown-menu { margin-bottom: 10px; border: none; box-sizing: border-box; padding: 25px 12px 50px; border-radius: 8px; background: url(https://pic1.imgdb.cn/item/693157d6a11464095f8ab5cb .png) no-repeat 50%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100%...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 翻页按钮增加页数跳转-汇聚访

实用子比主题 – 翻页按钮增加页数跳转

这是一款为子比主题翻页按钮增加的一款页数跳转的功能，此效果非常适合一些文章较多的一些站点，可以方便用户轻松到达所想到达的页码，十分便捷，有需要的站长自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript添加以下代码： $(function(){ $('a.next.page-numbers').after('<br><div style="display: inline-flex;margin: 10px;"><input class="form-control" id="pageInput" placeholder="输入页数" style="flex: 30px;border-color: var(--theme-color);"> <button class="newadd-btns but pw-1em jb-pink btn-newadd" onclick="goToPage()">前往</button></div>'); }); function goToPage() { const pageNumber = document.getElementById("pageInput").value; if (pageNumber...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 卡片粉色细节美化样式-汇聚访

实用子比主题 – 卡片粉色细节美化样式

这是一款给子比主题适配的只要有卡片的都有一个粉色细节美化的样式，这种的样式看上去还是比较好看的，很适合一些用子比主题且是ACG风格的站点，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*粉色细节优化*/ /*www.huijuf.com*/ .navbar-top .navbar-right .sub-menu { -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset; -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset; box-shadow: inset 0 1px 4px 0 #FFD1D8;...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 首页搜索栏按钮及透明边框美化-汇聚访

实用子比主题 – 首页搜索栏按钮及透明边框美化

这是子比主题的叠加搜索组件美化，一共两个，一个是发布作品按钮，一个是透明框的美化，个人一直在用这个美化，一直很好用的，也算记录一下，怕忘记怎么美化。 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/inc/functions/zib-search.php，我们进去搜：“ search-form ”，大概在548行的代码，如下图，跟我一样将代码注释或删掉，然后放入下面的代码： $form_html = '<form method="get" class="padding-10 search-form tengfei_search_frame" action="' . esc_url(home_url('/')) . '">' . $type_html . '<div class="line-form">' . $cat_html . $input_html . '</div></form>'; 这一步添加完就该第二步了，还是当前文件，我们要搜下方代码： esc_attr(strip_tags($args['s'])); 然后我们搜到之后如下图注释然后换成我的代码，大概在525行： $s...
6个月前
建站笔记
2025-05-01
05-01
子比主题 - 鼠标选中文字颜色样式-汇聚访

实用子比主题 – 鼠标选中文字颜色样式

这是给子比主题添加的一款鼠标选中文字颜色样式，当选中网站任何文字的时候都会带有你设置的相关颜色，可以使用户更好地分辨出来当前所选内容，颜色都可自定义设置，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： color: #0045FF;是选中颜色，自己改自己喜欢的颜色吧 ::selection { background: transparent; color: #0045FF; } [/hidecontent]
6个月前
建站笔记
2025-04-30
04-30
子比主题 - 侧边动态时钟与温馨问候语-汇聚访

实用子比主题 – 侧边动态时钟与温馨问候语

动态的问候语和时间显示能够大大增强用户体验，通过使用 API 接口，我们可以方便地根据时间段提示相关的问候语和温馨提示，非常实用的一个小工具，这个小工具很简单，话不多说直接开始！！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：外观->>小工具->>自定义HTML的里面然后将小工具放到你想放到的位置 <div class="greeting-container"> <div class="clock-face"> <div class="clock-time" id="clock-time"></div> </div> <div class="greeting-text"> <div class="greeting" id="greeting"></div> <div class="tip" id="tip"></div> </div> </div> <style> .greeting-container { width: 100%; height: 150px; background-color: #f5f5f5;...
7个月前
建站笔记
2025-04-30
04-30
子比主题 - 用户中心隐私功能-汇聚访

实用子比主题 – 用户中心隐私功能25/12/10更新

这是子比主题的用户中心扩展功能，部署完代码后用户中心的个人评论将会含有一个评论可见性功能。可以极大程度保护网站用户的隐私，教程也比较简单，有需要的朋友自行部署吧！ 演示效果： 更新内容： 修复新版本子比主题代码不适配的问题 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/zib-author.php搜索以下函数代码： function zib_main_author_tab_content_comment() 随后把此函数完全替换为下方代码即可： //作者页面-评论tab function zib_main_author_tab_content_comment() { global $wp_query; $curauth = $wp_query->get_queried_object(); if (empty($curauth->ID)) { return; } $author_id = $curauth->ID; $current_user = wp_get_current_user(); $page = zib_get_the_paged(); if...
7个月前
建站笔记
2025-04-30
04-30
子比主题 - 文章顶部添加按钮样式-汇聚访

实用子比主题 – 文章顶部添加按钮样式

在浏览论坛时，我注意到一种非常吸引人的按钮样式。这个样式非常适合放在文章的开头，提升整体的视觉效果。同时，这个按钮也具有实用的功能。如果你感兴趣，可以自行进行部署哦！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台设置 - 外观 - 小工具 - 文章页-主内容上面- 自定义HTML代码中添加以下代码即可： <style> .hoayue_button_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px 0; width: 100%; box-sizing: border-box; } /*www.huijuf.com*/ .hoayue_button_block {...
7个月前
建站笔记
2025-04-29
04-29
子比主题 - 分页按钮渐变美化-汇聚访

实用子比主题 – 分页按钮渐变美化

这是给子比主题的分页按钮添加的一款渐变风格的美化。使用此美化效果前记得先在后台设置中将列表翻页模式选项设置为数字翻页按钮，此美化效果本站也在使用，还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*页码样式微调www.huijuf.com*/ .pagenav .current, .pagenav .page-numbers, .pagenav a { border: 0; padding: 8px 14px; background: linear-gradient(148deg, hsla(0, 0%, 100%, 0), var(--main-bg-color)); -webkit-box-shadow: 0 0 8px 0 rgba(95, 95,...
7个月前
建站笔记
1…262728293031跳转