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 函数——get_template_part(),加载模板文件

最近在改造 twentyseventeen 主题,这个主题中使用到了很多模板文件,比如文章模板:template-parts/post/content.php,页脚模板:template-parts/footer/site-info.php 等等,并且使用了get_template_part() 函数来加载这些模板文件。使用这个函数可以利用子主题来直接重载并自定义父主题的模板内容,这里就记录一下这个函数的简单用法。 想看更多?点我点我 “WordPress 函数——get_template_part(),加载模板文件”

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

服务器SMTP邮件端口25,465被禁?博客无法发送邮件?快来试试邮件推送服务吧

相信很多博主都在使用评论邮件通知和评论回复邮件通知功能,然而,很多服务器都禁止了 SMTP 发送邮件的25端口。虽然有些能使用 SSL 加密的465端口来发送,但是,有些服务器提供商连465端口都封了 :(不高兴) SunriseYDY 就遇到了这样的服务器提供商,申请解封的工单提交了一次又一次,然而都石沉大海了。导致我每天都要打开博客看一看有没有评论(虽然不会有人评论 :(委屈) ),很不方便。 想看更多?点我点我 “服务器SMTP邮件端口25,465被禁?博客无法发送邮件?快来试试邮件推送服务吧”

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

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

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

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

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