jQuery 实现 WordPress 中小工具点击标题隐藏/显示内容

一直想实现 WordPress 侧栏的小工具点击标题隐藏或显示小工具内容,无奈能力不够不知道怎么写。最近学了一点 jQuery 的用法,发现 jQuery 中有实现元素滑动显示/隐藏的效果,于是打算用来实现该功能,没想到还真的弄成了,于是乎在这里分享一下。 想看更多?点我点我 “jQuery 实现 WordPress 中小工具点击标题隐藏/显示内容”

WordPress 函数——get_theme_file_uri(),获取父/子主题文件的 URL

之前说到了 WordPress 中获取父/子主题的目录 URL以及加载父/子主题中的模板文件函数,那么有没有智能地获取父/子主题中文件 URL 的函数呢?强大的 WordPress 当然提供了这样的函数,那就是这次要说的:get_theme_file_uri( string $file = '' )函数,它就是用来获取主题中文件的 URL。

这个函数最大的特点在于,它在搜索模板目录(父主题目录)之前先搜索样式表目录(子主题目录),以便从父主题继承的子主题可以覆盖父主题的文件。并且,它的参数就是文件所在的路径加文件名。下面直接给出一个例子:

get_theme_file_uri( '/assets/css/style.css' )

此时函数首先判断子主题目录下是否存在 “/assets/css/style.css” 该文件,若存在,就直接返回该文件的完整 URL,即“http(s)://你的博客域名/wp-content/themes/子主题目录/assets/css/style.css”,如果子主题目录下不存在该文件,就直接返回父主题目录下该文件的完整 URL,即“http(s)://你的博客域名/wp-content/themes/父主题目录/assets/css/style.css”。

有一点需要注意的是,参数中最左边的路径符“/”可要可不要,即“/assets/css/style.css” 和 “assets/css/style.css” 是同样的效果,都是从父/子主题的根目录开始的。

在修改主题的时候,如果采用子主题的方式,父主题的模板文件中又使用了该函数来引用主题目录下的文件,那么就可以很方便地重写父主题的文件,只需要在子主题的相同路径下新建一个同名文件即可。

参考:get_theme_file_uri() | Function | WordPress Developer Resources

WordPress 函数——获取子主题和父主题的目录 URL

一、获取父/根主题的目录 URL,函数是:“get_template_directory_uri()

注意:不返回目录地址后面的尾部斜杠

在修改 WordPress 的主题时,常常会用到获取当前主题目录 URL 的情况,比如我要获取当前主题目录下 images 目录中的 logo.png,就可以使用“get_template_directory_uri()”函数,代码如下:

<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" width="" height="" alt="" />

这样就可以准确地获取这个图片的 URL 了。但是呢,很多时候我们修改主题都是使用子主题的方式,这样在父主题更新后你所做的更改也能保留下来。使用这个函数获取到的 URL 是父主题的目录地址,在 WordPress 也有一个获取子主题 URL 的函数。

二、获取子主题的目录 URL 函数:“get_stylesheet_directory_uri()

这个函数实际上是返回当前所用的主题样式表的目录 URL,但是由于在使用子主题时必须要使用子主题的样式表,所以这个函数返回的就是子主题的目录 URL。再来看看获取图像 URL 的示例:

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/aternus.png" alt="" width="" height="" />

这样子获取到的 URL 就是子主题目录下的了。

最近一直在修改主题,准备把之前用的子主题升级到2.0版本,有什么值得分享的方面我都会写到博客里的。

参考

get_stylesheet_directory_uri() | Function | WordPress Developer Resources

get_template_directory_uri() | Function | WordPress Developer Resources

WordPress 分类归档页面显示该分类的子分类结构

我的博客中有很多分级的分类结构,于是就想在一个分类的归档页面头部显示出该分类的子分类结构,当然只有在该分类有子分类的时候才会显示。如何判断一个分类是否有子分类的方法在上一篇文章中我已经分享过:WordPress 判断当前分类是否含有子分类 。网上的很多教程都是显示父分类的结构,但针对我的需求并没有相关的方法  :(懒得理) ,这里呢我就分享一下我使用的方法,效果就像这篇文章的首图那样咯。

想看更多?点我点我 “WordPress 分类归档页面显示该分类的子分类结构”

WordPress 判断当前分类是否含有子分类

博主想实现在分类归档页面显示当前分类下的子分类列表,当然是要在有子分类的分类归档页面才会显示。可是不知道怎么判断当前分类是否含有子分类,在网上搜到的都是判断是否有父分类的方法,于是只好自己找 WordPress 的文档来找相关的函数。最后找到了“get_term_children( int $term_id, string $taxonomy )”函数来实现该功能,下面具体说说实现的方法。 想看更多?点我点我 “WordPress 判断当前分类是否含有子分类”

WordPress 首页显示文章摘要或者内容以及个性化设置”阅读更多”

WordPress 首页和归档页面显示文章的方式有两种:内容模式(the_content)和摘要模式(the_excerpt)

内容模式:如果文章设置的有“阅读更多”的标签,即“<!--more-->”,就会显示全部的文章内容,如果有“阅读更多”的标签,则只会显示“阅读标签”前的内容,并在后面添加一个“阅读更多”的链接指向文章剩下的内容。因此,如果文章内容较多的话一定要设置“阅读更多”的标签,否则加载首页的时候会耗费更多的服务器资源(亲测 :(笑尿) )。

摘要模式:只显示文章的摘要,后面跟一个“更多”标签。如果作者没有在编写某篇文章时编辑文章摘要,那么默认截取文章的的前55个字作为摘要显示出来,并添加一个“more”标签(不是“read more”,即“阅读更多”),默认显示为“[…]”。如果作者在编辑文章时编写了文章摘要,那么在首页就只会显示作者编写的摘要,默认不添加“more”标签。因此建议在编写文章的时候顺便编写文章摘要。

我个人认为,内容模式比较适合我,因为可以自定义显示的内容和长度。

下面我来说说如何设置这两种模式以及两种模式的个性化。

想看更多?点我点我 “WordPress 首页显示文章摘要或者内容以及个性化设置”阅读更多””

给WordPress加上贴吧表情

自从看到饭大佬给博客加上了贴吧的表情后就也想弄一个,毕竟 :(滑稽) 这个表情太火了,而我之前弄的QQ表情里没有这些表情。现在终于有时间来给博客添加贴吧的表情了 :(滑稽)  :(滑稽)  :(滑稽)

饭大佬用的是 Typecho ,有一个插件可以用,而 WordPress 呢,我看了一下很多表情插件都是 N 年前更新的,都不知道适不适配最新的 4.9 版本。之前我用的是免插件修改函数的方法实现表情的,现在还用的是这种方法。方法如下(以下代码部分来自互联网,具体出处见文末) 想看更多?点我点我 “给WordPress加上贴吧表情”