主题美化

最新随机最多浏览最多喜欢最多评论

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

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

视频教程在function.php中调用子主题要修改的文件 //以下是我所用到的，没用到的尚未改动，其他页面你有用到就自己改路径 /******************************************************************************/ //顶部导航菜单部分 require_once get_stylesheet_directory() .…
主题美化
- 0
- 2
- 71
哔哔一二1月3日
菜单导航底部线条动态效果

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

代码介绍它会在页面顶部显示一个进度条，当用户滚动页面时，进度条的长度会根据用户的滚动位置动态变化。注意：当你的页面长度不够时，这个进度条会有一个默认的长度，这与你右侧的滚动条长度基本一致。视频介绍
主题美化
- 0
- 0
- 13
哔哔一二1月3日
缩略图hover时放大和浮动

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

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

代码介绍这是我自己写的一个联系方式展示代码，代码主要参考了Codepen中Akshay作者的Follow me代码? Akshay 作者主页，然后重写的使用方法代码丢wordpress后台的外观-小工具-自定义html或B2的html中即可，记得改代码里的图片地址，要对应上 css代码放到style.css样式文件中。你也可以把遮罩背景改成图片或者视频，看自己喜欢。
主题美化
- 0
- 0
- 29
哔哔一二1月3日
本站使用的字体文件

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

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

文件介绍如果你觉得我的网站滚动起来滑滑的，那么就归功于这个JS文件了。由于是古老备份，已经不记得这个文件的出处了，知道的小伙伴可以告知我一下。使用方法全局引用这是一个js文件，应当整站引用。比如放到header.php、footer.php中，全局引用。js文件的引用方法不再多说 functions.php中全局引用，详细说明可查看下方文章 function.php相关代码，将/diy/si…
主题美化
- 0
- 0
- 10
哔哔一二1月3日
【B2美化】替换文章小图标

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

代码介绍如果你也和我一样，使用的代码高亮插件是Enlighter - Customizable Syntax Highlighter那么本站分享的这个美化代码，或许你会喜欢代码修改方法请注意！B2主题需关闭自带的代码高亮功能，开启的话会冲突导致样式无效！位置在B2主题设置的-模块管理-综合最下面 1、首先你需要安装了Enlighter插件 2、在插件的设置中，依次选择Appearance -…
主题美化
- 0
- 0
- 25
哔哔一二1月3日
在functions中全局输出js和css文件

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