主题美化共19篇
排序
2024-08-23
子比主题美化/ 文章角标/封面图底部美化代码教程 - 项目资源网

子比主题美化/ 文章角标/封面图底部美化代码教程

前言 今天分享的教程是WordPress子比主题美化教程：文章角标及封面图底部美化。简单的来说，就是在文章发布页面增加一个附加选项，可以通过这个附加选项达到我们想要的美化效果 效果图 代码 1.Zibll主题设置>>全局&功能>>自定义代码>>自定义CSS样式 [hidecontent type="reply"] /*角标css*/ .posts-item.card .item-thumbnail { background:#c4cffa26; width:100%; padding-bottom:var(--posts-card-scale); } a.item-category { position:absolute; left:10px; top:10px; padding:5px 6px; font-size:1rem; line-height:1; color:#fff; background:var(--theme-color); border-radius:6px; } a.item-category-app { position:absolute; height:24px; line-height:24px; width:100%; text-align:center;...
# WordPress# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-21
子比主题美化 – 实现未登录时图片高斯模糊显示 - 项目资源网

子比主题美化 – 实现未登录时图片高斯模糊显示

这是子比主题用户没有登入时图片高斯模糊显示的一个纯代码的一个特效，就是没有登入的用户他看不到前台的所有图片，并且全是模糊的 代码如下 [hidecontent type="reply"] //未登录时全站图片模糊 function n_yingcang_css(){ echo '<style> img { -webkit-filter: blur(10px)!important; -moz-filter: blur(10px)!important; -ms-filter: blur(10px)!important; filter: blur(6px)!important;} </style>'; } if( !is_user_logged_in()) {add_action( 'wp_head', 'n_yingcang_css' );}; //未登录时全站图片模糊 [/hidecontent]
# 子比主题
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-21
子比主题美化 – 文章评论区添加评论用户的六位彩色ID号码 - 项目资源网

子比主题美化 – 文章评论区添加评论用户的六位彩色ID号码

也可以加个靓号的判断，还是比较简单。 子比主题文章评论区添加评论用户的六位彩色ID号码 效果图 修改文件：子比主题: zib-comments-list.php (inc/functions/zib-comments-list.php) 找到大概27行的 [hidecontent type="reply"] $numStr = strval($user_id); $uesrid_L6 = str_pad($user_id, 6, "0", STR_PAD_LEFT); switch (true) { //10的整数倍 case ($user_id%10==0): $uid = "<span style='background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgba(0,...
# 子比主题
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-21
子比主题美化-给子比侧边加一个人生倒计时 - 项目资源网

子比主题美化-给子比侧边加一个人生倒计时

从某网站找的，简单的设置了一下明年的春节日期（每年都得手动设置一下春节日期，不然计算春节会有问题，我在里面加了注释，一搜就能找到） PS：经过使用，这个对于使用了日夜自动切换模式的网站来说可能不太友好，单模式的可以自行修改背景颜色适配一下就行 效果图 新建一个HTML [hidecontent type="reply"] <html> <head> <meta charset="UTF-8" /> <title>人生倒计时</title> <style> /* body { background: linear-gradient(to right, #9796f0, #fbc7d4); color: #333; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: 'Muli'; height: 100vh;...
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-31
子比主题美化 – 文章标题文字添加彩色渐变效果 - 项目资源网

子比主题美化 – 文章标题文字添加彩色渐变效果

当鼠标悬停在文章列表的文章标题上时标题文字会呈现彩色渐变效果，给网站标题加点彩色，这是一个非常不错的一个美化样式，可以给自己的网站标题加点色彩！！ 代码如下 放到自定义css代码 [hidecontent type="reply"] /*<a target="_blank" href="https://www.foxccs.com/tag/%e6%96%87%e7%ab%a0%e6%a0%87%e9%a2%98" title="View all posts in 文章标题">文章标题</a>加上渐变彩色文字 开始*/ .item-heading :hover, .text-ellipsis :hover, .text-ellipsis-2 :hover, .links-lists :hover { background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent;...
# WordPress# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-22
子比主题美化 – 添加自定义表情包 - 项目资源网

子比主题美化 – 添加自定义表情包

子比主题自带的表情包是QQ表情包，但是很多站长都不是很喜欢这个表情包，今天我来教大家怎么去自定义表情包自己喜欢的表情包 教程 找到 /wp-content/themes/zibll/inc/functions/ 文件夹，打开你的 functions.php ，搜索 “//表情”（1515行左右） 第二步 把你想要加入的表情包名称像这样添加在里面 并用英文逗号分隔 注意 只要名字！名字！名字！名字！不要扩展名 添加完之后，保存文件。 第三步 文件改好了，接下来就是下载表情包图片了，切记你的图片一定要是.gif格式的，png不行（传下去，png他不行） （/wp-content/themes/zibll/img/smilies ） 放入这个文件夹 把你下载的表情包放到这个文件夹，就OK了！ 使用事项 子比主题表情默认大小为30px，所以别想着添加什么稀奇古怪的图片 添加的表情包，在论坛同样适用 尽量不要打开评论图片懒加载开关，很丑 主题自带的表情可以删除（如果你不需要的话(/▽＼) 分类教程（进阶） 第一步 将原来的表情注释掉。 [hidecontent type="reply"] //表情 if ('smilie' == $type) {...
# 子比主题
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-31
子比主题美化 – 给你的网站添加一个自定义原神启动开屏动画 - 项目资源网

子比主题美化 – 给你的网站添加一个自定义原神启动开屏动画

给网站加一个原神的动画，当你打开网站的时候就会出现原神启动，并且十分美观，原神的图标我放下面了，并且以css代码实现启动开屏动画！！ LOGO素材自行下载本地化 可保存上方原神图，也可以用自己的logo自行发挥，但是图片需要清晰可见 CSS代码 [hidecontent type="payshow"] /*原神启动*/ body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image: url(图片链接); background-repeat: no-repeat; background-position: center; background-size: 30%; animation: fadeOut 3s; animation-fill-mode: forwards; -webkit-transition: fadeOut...
# WordPress# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-23
子比主题美化-用户注册随机头像(新版子比7.9及以上) - 项目资源网

子比主题美化-用户注册随机头像(新版子比7.9及以上)

当用户在前台注册时会随机一个头像,让你后台图像不只是单单一个了,新版已经修改完成 效果图 代码教程 此代码放在func.php或者functions.php中 [hidecontent type="payshow"] /*星空知(xkzhi.cn) 请把我留下*/ function zib2_sign_in($user_id) { // 检查用户ID是否有效 if (!$user_id) { return; } // 检查是否通过社交登录 $social_login = get_user_meta($user_id, 'oauth_new', true); // 构造头像图片的基础文件系统路径 $avatars_base_dir = WP_CONTENT_DIR . '/uploads/tx/'; // 基于WP_CONTENT_DIR的相对路径 //...
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-26
子比主题美化 – 侧边栏小工具会员广告小模块 - 项目资源网

子比主题美化 – 侧边栏小工具会员广告小模块

侧边小工具会员广告小模块，炫彩色的美化样式，非常好看，给自己的子比主题侧边加上一款会员模块，很实用 代码部署 将下面代码放到：外观-小工具-侧边即可，要选择自定义HTML小工具，将下面代码放到里面 [hidecontent type="payshow"] <div class="ztw-bj zib-widget mb10-sm ztw-bj"> <div class="colorful-make" style="transform: rotate(-9deg) scale(0.7);"></div> <div class="text-center"> <div class=""> <div class="ac"><b class="em14">成为永久黄金会员本站免费下载</b></div> <div style="" class="em09 opacity8">每日更新只出精品资源</div><br> <a style="--this-color:#f2c97d;--this-bg:rgba(62,62,67,0.9);" class="mt6 but radius jb-red px12 p2-10 pay-vip"...
# WordPress# 子比主题# 美化
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-21
子比主题美化 – 评论、搜索框等输入场景的打字粒子特效 - 项目资源网

子比主题美化 – 评论、搜索框等输入场景的打字粒子特效

效果图 使用方法： 子比主题设置——全局&功能——自定义代码——自定义javascript代码 其实所有WP站点都可以用，直接复制就行啦… 如果用在其他主题或者其他位置，记得加<script>标签哦！ [hidecontent type="reply"] <!--彩色粒子特效--> (function webpackUniversalModuleDe finition(a, b) { if (typeof exports === "object" && typeof module === "object") { module.exports = b() } else { if (typeof define === "function" &&...
# 子比主题
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-27
子比主题美化 – 子比主题添加一个VIP会员页面 - 项目资源网

子比主题美化 – 子比主题添加一个VIP会员页面

给子比加一个VIP会员页面，这个页面是我扒的别人的，我感觉电脑看起来舒服一点，我确实...
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
 2024-08-28
子比主题美化 – 独立下载页美化样式 - 项目资源网

子比主题美化 – 独立下载页美化样式

本站的独立下载页美化样式，我看最近很多人找我要这个下载页，我今天分享一下，也当作记录...
站长KING的头像 - 项目资源网尊享会员站长KING
#Zibll美化
12

近期文章

近期评论

归档

分类