建站笔记

子比主题 - 首页搜索栏按钮及透明边框美化-汇聚访

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

这是子比主题的叠加搜索组件美化，一共两个，一个是发布作品按钮，一个是透明框的美化，个人一直在用这个美化，一直很好用的，也算记录一下，怕忘记怎么美化。 演示效果： 代码部署： [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...
建站笔记
010912
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 鼠标选中文字颜色样式-汇聚访

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

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

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

动态的问候语和时间显示能够大大增强用户体验，通过使用 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;...
建站笔记
69915
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 用户中心隐私功能-汇聚访

实用子比主题 – 用户中心隐私功能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...
建站笔记
71327
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 文章顶部添加按钮样式-汇聚访

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

在浏览论坛时，我注意到一种非常吸引人的按钮样式。这个样式非常适合放在文章的开头，提升整体的视觉效果。同时，这个按钮也具有实用的功能。如果你感兴趣，可以自行进行部署哦！ 演示效果： 代码部署： [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 {...
建站笔记
410310
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 分页按钮渐变美化-汇聚访

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

这是给子比主题的分页按钮添加的一款渐变风格的美化。使用此美化效果前记得先在后台设置中将列表翻页模式选项设置为数字翻页按钮，此美化效果本站也在使用，还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [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,...
建站笔记
011913
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 文章标签美化-汇聚访

实用子比主题 – 文章标签美化

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。今天站长美化一下，弄成文章随机彩色标签。 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码中添加以下代码即可： /*文章随机彩色标签开始*/ /*www.huijuf.com*/ .article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags...
建站笔记
101228
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 最新通知模块小工具-汇聚访

实用子比主题 – 最新通知模块小工具

这是给子比主题首页加一个最新通知模块小工具，此小工具能够更好的提醒用户一些公告或是其他网站通知等信息，同时适配了黑夜模式，总的来说还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台–>外观–>小工具–>自定义HTML把下方代码放进去即可，推荐放置位置：首页 - 主内容上面 <style> .zhankr-zx { position: relative; margin-bottom: 18px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; line-height: 1; } .zhankr-zx:before { margin-right: 10px; } .zhankr-zx:after {...
建站笔记
210814
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 顶部导航下增加一排小桔灯-汇聚访

实用子比主题 – 顶部导航下增加一排小桔灯

这是给子比主题的导航栏位置添加的一款发光小桔灯，效果在夜间也是非常好看，默认出现时间为晚8点到早8点，其他时间不出现，距离顶部为50px，可以根据自己的需求修改，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHPCSS 定位：/wp-content/themes/zibll/func.php，没有了自己创建一个php文件，记得加上<?php头，否则报错！仅在晚上8点之后才显示该效果哦！ /*汇聚访www.huijuf.com*/ add_action('wp_footer', 'add_lu_xiaojudeng'); function add_lu_xiaojudeng() { date_default_timezone_set("Asia/Shanghai"); $now = time(); $start = mktime(8, 0, 0, date('n'), date('j'), date('Y')); // 今日 8:00 $end = mktime(20, 0, 0, date('n'), date('j'),...
建站笔记
1676
汇聚访的头像-汇聚访核心会员汇聚访1年前
子比主题 - 浮动圆点标题样式美化-汇聚访

实用子比主题 – 浮动圆点标题样式美化

本站只有H1和H2标题样式，因为我喜欢用这两个，有用户跟我说想要h1/h2/h3全部都有的浮动圆点，我这里又加了一个H3的一个橙色标题样式，喜欢的自行部署吧！原创为腾飞博客！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： /*浮动圆点标题美化*/ .article-content > .wp-posts-content > h2, .article-content .wp-posts-content > h1, .article-content .wp-posts-content > h3 { z-index: 1; } .article-content > .wp-posts-content > h2:hover::before, .article-content > .wp-posts-content >...
建站笔记
91216
汇聚访的头像-汇聚访核心会员汇聚访1年前
1…3233343536跳转