全部标签

主题美化

美化分类：
全部子主题准备 Css样式 Js功能 Js特效 functions功能功能插件 Wordpress小工具网站字体

B2子主题修改前的准备工作

视频教程在function.php中调用子主题要修改的文件 //以下是我所用到的，没用到的尚未改动，其他页面你有用到就自己改路径 /******************************************************************************/ //顶部导航菜单部分 require_once get_stylesheet_directory() .…
- 0
- 0
- 12
哔哔一二1月3日
本站广播模块功能

简单介绍通过获取指定分类下的文章，对文章的标题进行顺序轮播。这个功能前前后后优化了N版，通宵熬夜，代码不多，但耗时耗力。最终完结，以下是代码的使用方法，可看视频了解。视频教程
- 0
- 0
- 5
哔哔一二1月3日
页面底部漂浮星星

特效介绍引用文件后，从网页底部向上漂浮蓝色星星。比较好看，但是css代码太长，建议单文件引用，不要复制到style.css里还有html代码也比较长，注意不要放错地方，具体的看视频教程吧如果div代码过长，影响观感，可以找个html转js的工具，将html代码转换为js代码。然后直接在你想展示在的代码内，调用你的转换js文件，输出即可。视频教程
- 0
- 0
- 5
哔哔一二1月3日
网站滚动进度条

代码介绍它会在页面顶部显示一个进度条，当用户滚动页面时，进度条的长度会根据用户的滚动位置动态变化。注意：当你的页面长度不够时，这个进度条会有一个默认的长度，这与你右侧的滚动条长度基本一致。视频介绍
- 0
- 0
- 3
哔哔一二1月3日
鼠标点击效果-彩色心

代码介绍这个代码实现了一个点击页面时生成彩色心形动画效果的功能。具体来说，当用户点击页面任意位置时，会在点击位置生成多个彩色的心形图案，这些心形图案会逐渐上升并消失。视频介绍
- 0
- 0
- 2
哔哔一二1月3日
鼠标点击效果 – emoji表情

代码效果在页面上点击鼠标时，生成随机的emoji表情，这些表情从鼠标位置开始出现，然后移动并逐渐消失。视频介绍
- 0
- 0
- 3
哔哔一二1月3日
网站加载进度条

代码效果这个代码实现了页面加载进度条功能。其核心目的是在页面加载过程中显示一个进度条，以向用户展示页面加载的进度情况，让用户在等待加载完成时能够得到视觉上的反馈。视频介绍
- 0
- 0
- 2
哔哔一二1月3日
给网站添加一个上吊猫

代码效果这是一个返回顶部按钮的功能，被魔改为了一只小猫。当用户滚动到页面底部时，点击小猫，即可自动返回到页面顶部视频介绍
- 0
- 0
- 4
哔哔一二1月3日
给后台添加自定义按钮

代码效果为WordPress的文本编辑器添加一些自定义按钮。这些按钮可以插入特定的短代码或HTML标签，从而方便用户在编辑器中快速插入常用的内容格式。视频介绍代码放置位置子主题或父主题的functions.php中代码查看 add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce'); func…
- 0
- 0
- 2
哔哔一二1月3日
写文章自动选择上次勾选的分类

代码效果当你在后台编辑或新建文章时，页面会自动选择之前保存的分类，可以快速继续编辑而不需要重新选择分类。这段代码有效地增强了用户体验，确保在编辑文章时能够保留和自动选择用户上次选择的分类。视频介绍代码放置位置子主题或父主题的functions.php中代码查看 // 自动选择上次发布文章时选择的分类 add_action('publish_post', '…
- 0
- 0
- 1
哔哔一二1月3日
在functions中全局输出js和css文件

代码效果在你的 WordPress 上，通过 wp_enqueue_scripts 钩子自动全局加载指定路径的 CSS 和 JavaScript 文件视频介绍代码放置位置子主题或父主题的functions.php中代码查看 function bber_css_js() { // 输出其他路径的 CSS 文件 wp_enqueue_style( '唯一标识符', get…
- 0
- 0
- 1
哔哔一二1月3日
【B2美化】替换文章小图标

代码效果替换B2文章的小图标，让文章列表看起来更加美观。每个人审美不同，你可以替换自己想要的任何图标，包括套svg图标以及一些其他的。代码修改位置 /Modules/Templates/Modules/Posts.php 104行左右 functions.php引用代码： require_once get_stylesheet_directory() . '/Modules/Temp…
- 0
- 0
- 0
哔哔一二1月3日
本站使用的字体文件

字体介绍 OPPO Sans 是 OPPO 专属品牌字体，采用了全新骨架，中宫自然舒适，结构稳定，字形舒展，强化了屏幕显示的易读性和外观性，简洁真实，体现了科技美感。全新 OPPO Sans 更加简洁、干净。在提高屏幕显示的阅读体验的同时，也体现了 OPPO 现代化科技美感。OPPO Sans 将继续免费授权给全社会使用（含商用），欢迎大家下载体验。字体官网下载地址 https://www.c…
- 0
- 0
- 1
哔哔一二1月3日
缩略图hover时放大和浮动

代码效果这个代码是用来在网页中实现一些鼠标悬停（hover）效果的，当鼠标移动到文章缩略图区域时，缩略图放大。当鼠标移动到文章区域时，文章向上移动位置，并在底部添加一点阴影。代码展示 # 放到style.css文件中即可 # # 全站thumb-link生效 - 缩略图 hover 放大效果 # .thumb-link { transition: all .4s ease-out; } .t…
- 0
- 0
- 1
哔哔一二1月3日
菜单导航底部线条动态效果

代码效果这段代码用于为菜单项添加下划线效果，当鼠标悬停在菜单项上时，下划线的宽度会发生变化。底部线条的具体宽度可自己定义。代码展示 # 放到style.css文件中即可 # /* 为其他菜单添加下划线 */ .ym-menu>ul>li>a::after { content: ''; display: block; /* 将伪元素设置为块级元素，确保它可…
- 0
- 0
- 0
哔哔一二1月3日
网站顶部动态跑马灯特效

资源介绍给网站顶部添加一个动态的跑马灯效果，也是N年前的老特效了，不过还是蛮好看的。 Wordpress&B2主题使用方法方法一：将代码放入functions.php中： function horseracelamp() { echo '<style>#top-grrk{background:url(https://i.ibb.co/ZWNJRZq/image.gi…
- 0
- 0
- 1
哔哔一二1月3日
鼠标点击特效Canvas点击烟花效果

资源介绍一个JS烟花效果，很久之前的代码了，可以拿去研究一下。圆点大小自己研究代码调整，已经做了详细的注释。代码说明（任选一种方法）方法一：放在主题/子主题的header.php中，注意代码的上下位置，js引入文件应该在下面。方法二：放在主题/子主题的footer.php中(最下面)，注意代码的上下位置，js引入文件应该在下面。注意修改JS引用路径，要和自己的js文件位置对应，如果你对代码…
- 0
- 0
- 1
哔哔一二1月3日
一行CSS代码让整站变灰

代码介绍将以下代码添加到网站的CSS文件中并保存，然后刷新页面，整站网页，将会变成灰色。 html { filter: grayscale(100%); -webkit-filter: grayscale(100%); /* 仅保留对 Safari 的支持 */ /* 兼容旧版 IE */ -ms-filter: "progid:DXImageTransform.Microsoft.Ba…
- 0
- 0
- 1
哔哔一二1月3日