汇聚访-汇聚访-第26页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访193天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-05-06
05-06
子比主题 - 给文章内超链接加上波浪效果-汇聚访

实用子比主题 – 给文章内超链接加上波浪效果

目前这个美化还并不是很多，喜欢的朋友可以使用看看效果，很简单把代码添加到合适的位置即可，应该所有WordPress网站都可以使用。只需两行代码即可实现！ 演示效果： 代码部署： [hidecontent type="reply"] /*超链接下波浪线*/ .wp-posts-content a:hover {color:#ff4500;text-decoration:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;background-size:20px auto;animation:waveMove 1s infinite...
子比主题子比美化建站笔记
2025-08-24
08-24
子比主题 – 首页左侧快捷导航美化-汇聚访

实用子比主题 – 首页左侧快捷导航美化

大家好，本次汇聚访给大家带来一款子比主题的首页左侧快捷导航美化样式，只会在电脑版本显示，效果还是非常不错的，比较便捷，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHP代码CSS代码首页配置 首先在路径：/wp-content/themes/zibll/index.php文件里面我们将下面的代码放到</main>的下面 #号 zuixinfabu不要动，后面跟的两个分类的bbmh和zbmh是分类别名。跳转至对应的卡片列表，如果你想要跳转到哪个小工具那个地方你加一个<div id=”标签名字”>，然后改下面的代码#标签即可！ /*汇聚访：www.huijuf.com*/ <ul id="menu" class="ontop show" style="background:var(--main-bg-color);"> <a class="scroll-link" href="javascript:(scrollTo('#zuixinfabu',-1));" rel="external nofollow" ><li title="最新发布" style="color:var(--key-color);" class="">最新发布</li></a> <a class="scroll-link" href="javascript:(scrollTo('#bbmh',-1));" rel="external nofollow" ><li title="B2美化" style="color:var(--key-color);" class="">B2美化</li></a> <a...
子比主题子比美化建站笔记
2025-04-29
04-29
子比主题 - 页脚底部按钮美化-汇聚访

实用子比主题 – 页脚底部按钮美化

子比主题底部辨识度不高，这里做一下美化，提高用户辨识度，比较简单，也不影响网站速度 演示效果： 代码部署： [hidecontent type="reply"] 主题设置 -> 页面&显示 -> 页脚底部 将以下代码粘贴到：板块二位置即可 <p class="fcode-links"> <style type="text/css"> .github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; background-color: #abbac3; margin-bottom: 5px; } .github-badge .badge-subject {...
子比主题子比美化建站笔记
2025-06-09
06-09
子比主题 - 加一个实用美观可翻转的区块代码-汇聚访

实用子比主题 – 加一个实用美观可翻转的区块代码

这是一款子比主题可以翻转的公众号样式，这是第一款代码实现的功能，我觉得放到文章侧边比较好看，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码！ <div class="card-widget" id="card-wechat" onclick="window.open('https://www.huijuf.com/wechat');"> <div id="flip-wrapper"> <div id="flip-content"> <div class="face"></div> <div class="back face"></div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/zibll/css/wxgzh.css" type="text/css"> 然后你可以看到上面的这个https://www.huijuf.com/wechat这个代码，后面会用到，继续我们的部署，文章图片以及CSS样式我都放在文件附件了，自行下载即可！代码里的网址以及CSS引用地址自行更改！上传完了之后呢，我们就可以看到我们的侧边有这个样式了，别忘了改一下下面链接的图片，因为里面有我的二维码，你们自己PS一下你们自己的二维码：/wp-content/themes/zibll/img/wx_gzh.png 然后我们接下来就是我们的https://www.huijuf.com/wechat这个了，我们这个是一个页面，我不多说，这个就一个HTML单页，你自己替换你自己的然后拿到链接直接替换了我的链接就行！ [/hidecontent]
子比主题子比美化建站笔记
2025-10-09
10-09
子比主题 – 文章页添加本站历史上的今天-汇聚访

实用子比主题 – 文章页添加本站历史上的今天

给子比主题文章页面加一个本站历史上的今天，加上去可以看到去年的今天的文章，并且可以看到自己之前发的什么文章，整体来说还是很不错的，该教程需要修改主题原代码，记得提前备份，以防网站发生致命错误！喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] func.phpCSSzib-single.php 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，创建之后记得加php头，将下面的代码放到里面： //历史上的今天，代码来自柳城博主的 WP-Today 插件 function today_in_history() { // $title = "历史上的今天"; ?> <?php $limit = 5; global $wpdb; $post_year = get_the_time('Y'); $post_month = get_the_time('m'); $post_day = get_the_time('j'); $sql =...
子比主题子比美化建站笔记
2025-05-24
05-24
子比主题 - 底部添加蓝色波浪美化-汇聚访

实用子比主题 – 底部添加蓝色波浪美化

这个美化也是很久之前的美化了，发出来记录一下吧，希望对大家有用！ 演示效果： 代码部署： [hidecontent type="reply"] 进入宝塔面板，进入子比主题文件夹（zibll）找到footer.php文件夹，在footer标签(</footer>)下面添加下面代码。 <!--底部波浪开始 汇聚访www.huijuf.com--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18...
子比主题子比美化建站笔记
2025-04-28
04-28
子比主题 - 论坛帖子标签颜色修改-汇聚访

实用子比主题 – 论坛帖子标签颜色修改

基于6ke论坛提供的美化代码修改了下颜色方案并添加了文本自适应根据色彩而改变（就是黑白两色而已），这样的话，找颜色方案的时候看着嘎嘎好看！ 演示效果： 代码部署： [hidecontent type="reply"] /*论坛标签美化颜色JS代码*/ const tagColors = [ { bg: `linear-gradient(120deg, #FFF0DE 20%, #6FB4BC 80%)`, textColor: getTextColor('#FFF0DE', '#6FB4BC') }, { bg: `linear-gradient(120deg, #FFE6E3 20%, #8379A8 80%)`, textColor: getTextColor('#FFE6E3', '#8379A8') }, { bg: `linear-gradient(120deg,...
子比主题子比美化建站笔记
2025-07-10
07-10
7B2主题 - 404页面-汇聚访

实用7B2主题 – 404页面

适用于WordPress网站7B2主题的404页面美化（其实所有wp主题都可以用），但是我没有测试，这个·需要你们自己部署然后测试下试试吧！ 演示效果： 代码部署： [hidecontent type="reply"] 步骤一步骤二 替换404文件，原404文件位置：主题目录——404.php，将里面内容替换为下面的！ <?php get_header(); ?> <div id="primary" class="content-area"> <main id="main" class="site-main wrapper"> <div class="error-404 page-404"><div class="page-content"><h2>您访问的页面不存在</h2><p>暂时没有搜寻到您需要的内容，我们会在今后努力补充完整。 <br> 感谢对 乱码天地 的关注支持</p> <a class="go-home b2-radius" href="/"><i class="b2font b2-feiji"></i>返回首页</a><h3>这些热门频道或许您感兴趣</h3><ul><li>1. <a href="/cnjz/bmh">WordPress主题美化教程</a></li><li>2. <a href="/cnjz/chajian">WordPress主题插件下载</a></li><li>3....
7B2主题7b2美化建站笔记
2025-05-24
05-24
子比主题 - ajax加载更多按钮美化-汇聚访

实用子比主题 – ajax加载更多按钮美化

给子比主题加一个ajax加载更多按钮的美化，这个美化确实很不错，（提供两种样式) 演示效果①： 演示效果②： 代码部署： [hidecontent type="reply"] 将下面代码放到子比自定义CSS即可 样式一： /*加载更多*/ .chat-next a, .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a { display: inline-block; width: 130px; -webkit-border-radius: 0 0 16px 16px; -moz-border-radius: 0 0 16px 16px; border-radius: 0 0...
子比主题子比美化建站笔记
2025-08-24
08-24
子比主题 – 给登录模块下拉菜单窗口美化-汇聚访

实用子比主题 – 给登录模块下拉菜单窗口美化

大家好，今天汇聚访给大家带来子比主题登录模块下拉菜单窗口美化，图片可以自行更换，教程需要修改主题文件代码，请先备份前再进行修改，话不多说，有喜欢的自行部署即可！ 演示效果： 代码部署： [hidecontent type="reply"] 我们首先到：/wp-content/themes/zibll/inc/functions/zib-header.php文件，然后搜下面的代码： signin-loader"><div class="badg mb6 toggle-radius c-blue"> 随后按照图片的打上注释或者删除，然后添加以下代码： $href .= '<img style="height:150px;weight:150px;" src="https://img.alicdn.com/imgextra/4035900312/O1CN01yCLjR21EAwWbIalSK_!!4035900312.png" class="mascot signin-loader">class="explain">主人，请点击头像登录后查看哦~</class=><div class="flex jsa header-user-href">'; [/hidecontent]
子比主题子比美化建站笔记
1…2425262728…30跳转
热评