-
一个文件让你的网页丝滑起来
文件介绍如果你觉得我的网站滚动起来滑滑的,那么就归功于这个JS文件了。由于是古老备份,已经不记得这个文件的出处了,知道的小伙伴可以告知我一下。 使用方法 全局引用 这是一个js文件,应当整站引用。比如放到header.php、footer.php中,全局引用。js文件的引用方法不再多说 functions.php中全局引用,详细说明可查看下方文章 function.php相关代码,将/diy/si…- 0
- 0
- 9
-
写文章自动选择上次勾选的分类
代码效果 当你在后台编辑或新建文章时,页面会自动选择之前保存的分类,可以快速继续编辑而不需要重新选择分类。 这段代码有效地增强了用户体验,确保在编辑文章时能够保留和自动选择用户上次选择的分类。 视频介绍 代码放置位置 子主题或父主题的functions.php中 代码查看 // 自动选择上次发布文章时选择的分类 add_action('publish_post', '…- 0
- 0
- 10
-
鼠标点击特效Canvas点击烟花效果
资源介绍一个JS烟花效果,很久之前的代码了,可以拿去研究一下。圆点大小自己研究代码调整,已经做了详细的注释。 代码说明(任选一种方法) 方法一:放在主题/子主题的header.php中,注意代码的上下位置,js引入文件应该在下面。 方法二:放在主题/子主题的footer.php中(最下面),注意代码的上下位置,js引入文件应该在下面。 注意修改JS引用路径,要和自己的js文件位置对应,如果你对代码…- 0
- 0
- 6
-
-
文章内容高亮样式代码
本文分享了哔哔一二自用的一些文章美化代码,主要是给指定文字内容添加一些样式,以高亮突出重要性。 这是一段黑色文字的代码效果 这是一段蓝色文字的代码效果 这是一段红色文字的代码效果 这是一段? 链接文字的代码效果 红色提醒框 绿色提醒框 浅色提醒框 紫色提醒框 资源介绍文章介绍内容 代码使用方法 步骤一:在functions.php中添加按钮代码,添加按钮代码的方法自行查看之前发布的文章。 相关按钮…- 0
- 0
- 12
-
在functions中全局输出js和css文件
代码效果 在你的 WordPress 上,通过 wp_enqueue_scripts 钩子自动全局加载指定路径的 CSS 和 JavaScript 文件 视频介绍 代码放置位置 子主题或父主题的functions.php中 代码查看 function bber_css_js() { // 输出其他路径的 CSS 文件 wp_enqueue_style( '唯一标识符', get…- 0
- 0
- 7
-
一行CSS代码让整站变灰
代码介绍将以下代码添加到网站的CSS文件中并保存,然后刷新页面,整站网页,将会变成灰色。 html { filter: grayscale(100%); -webkit-filter: grayscale(100%); /* 仅保留对 Safari 的支持 */ /* 兼容旧版 IE */ -ms-filter: "progid:DXImageTransform.Microsoft.Ba…- 0
- 0
- 5
-
给后台添加自定义按钮
代码效果 为WordPress的文本编辑器添加一些自定义按钮。这些按钮可以插入特定的短代码或HTML标签,从而方便用户在编辑器中快速插入常用的内容格式。 视频介绍 代码放置位置 子主题或父主题的functions.php中 代码查看 add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce'); func…- 0
- 0
- 5
-
缩略图hover时放大和浮动
代码效果 这个代码是用来在网页中实现一些鼠标悬停(hover)效果的,当鼠标移动到文章缩略图区域时,缩略图放大。 当鼠标移动到文章区域时,文章向上移动位置,并在底部添加一点阴影。 代码展示 # 放到style.css文件中即可 # # 全站thumb-link生效 - 缩略图 hover 放大效果 # .thumb-link { transition: all .4s ease-out; } .t…- 0
- 0
- 7