WordPress主题的功能文件function

我根据别人的模板改代码光改Style.css,还有诸如index,single,header等,就是对function的功能认识不足,因此有时候形似,但是神却差了很多。比如对着善用佳软的网站改过模板,基本 上看上去一样了,可是有的功能就是用不了。这原因是function的缘故。下面是WordPress主题的功能文件function的学习,资料来源于网络。

在WordPress里,所有主题都会有一个叫做functions.php的文件,这个文件负责为主题调用各种PHP函数。functions.php与插件功能类似。此外,每当某个主题被激活,WordPress都会自动加载functions.php文件。使用父/子主题时设置时,则会同时加载父/子主题的functions.php文件。

只要有足够的想象力和PHP技巧,我们可以通过functions.php文件实现自己需要的所有WordPress效果。WordPress支持无限扩展,主题开发者可以在主题中创建核心功能文件functions.php,然后在给文件中添加自定义函数或代码,将个性化功能集成到主题中,从而开发好的主题。WordPress控在折腾时,修改functions.php文件是必不可少的工作。但是functions.php作为WordPress的核心文件,任何错误都会导致站点无法访问。

创建主题功能文件

首先在主题里新建一个空白的functions.php文件。所有的自定义代码都会装入这个文件。新建文件后,在文件里添加下面的代码:

  1. <?php
  2. /* 自定义代码 */
  3. /* 自定义代码*/
  4. ?>

给函数名称添加前缀

在进行下一步前有一件事需要我们注意:给所有函数添加前缀。

这是一个简单而实际的规则,虽然有很多主题制作者并没有这样的习惯。假设你有一个自定义主题函数comment_output(),它的常见形式通常是:

  1. function comment_output() {
  2.     /* 自定义代码 */
  3. }

这段代码存在不安全因素。如果某天WordPress或者某个插件添加了一个同样名为comment_output()的函数,而它们没有为自己使用的函数添加前缀的习惯,那么我们就会遇到致命错误。

假设你的主题名是Browncoats,你可以在所有自定义函数前加上bowncoats_。那么上面那段代码应该是:

  1. function browncoats_comment_output() {
  2.     /* 自定义代码 */
  3. }

这是一个简单的变化,也是预防将来出现问题的有效措施。

新建一个主题设置功能

这里我们想要达到下面几个目标:

  • 正确执行某个WordPress hook的功能
  • 更好地规划功能文件

WordPress有一个叫做after_setup_theme的动作hook。一旦父/子主题的功能文件加载完毕,这个hook也会被执行。after_setup_theme是一个非常实用的hook,WordPress默认主题TwentyTen也使用了这个hook。

  1. add_action( 'after_setup_theme', 'browncoats_theme_setup' );
  2. function browncoats_theme_setup() {
  3.     /* 添加各种过滤器(filter),动作(action),以及主题支持的功能 */
  4. }

这样我们就开始了对functions.php文件的整理。上面这段代码可以用来:

  • 为动作hook添加自定义动作
  • 为过滤器hook添加自定义过滤器
  • 登记对主题支持功能的支持

下面我们来看一个比较规范的functions.php文件:

  1. <?php
  2. add_action( 'after_setup_theme', 'browncoats_theme_setup' );
  3. function browncoats_theme_setup() {
  4.     /* 添加主题支持的给你功能 */
  5.     add_theme_support( 'automatic-feed-links' );
  6.     /* 添加自定义动作 */
  7.     add_action( 'widgets_init', 'browncoats_register_sidebars' );
  8.     /* 添加自定义过滤器 */
  9.     add_filter( 'the_content', 'browncoats_highlight_words' );
  10. }
  11. function browncoats_register_sidebars() {
  12.     /* 示例 */
  13. }
  14. function browncoats_highlight_words( $content ) {
  15.     return $content;
  16. }
  17. ?>

上面的代码其实很简单,涉及三个操作:

  • 为after_setup_theme动作hook添加主题设置功能browncoats_theme_setup()
  • 主题设置功能为主题支持的功能登记支持,为一个动作hook添加动作,为过滤器hook添加过滤器
  • browncoats_register_sidebars()与browncoats_highlight_words()在特定hooks上执行

规范功能文件小贴士

1. 给所有必要内容添加前缀

总是给自定义的函数添加唯一标识符可以避免很多潜在问题。这篇文章里给函数添加的前缀Browncoats是一个主题的名称,其他主题可以改成对应名称。

2. 使用hook

WordPress提供了一种可以使开发者在WordPress工作流程中某些特定点执行操作的hook(钩子)。

functions.php文件中的所有代码都应该被一个自定义函数围绕,而这个自定义函数应该添加在一个动作hook或过滤器hook上。

通过从hook上添加各种内容,功能文件结构会更有条理,用户也可以通过remove_action()或remove_filter()函数删除文件里的内容。同时可以保证各个函数在WordPress工作过程中的适当时机执行。

3. 保持函数简单清爽

让一个函数执行复杂的操作没有错,可是没有必要只通过一个函数来实现多个功能。如果要执行多次操作,请使用多个函数。

4. 尽可能使用WordPress内置函数

编写代码时尽量使用WordPress核心代码函数,好处有二:

  • 减少维护和除BUG的代码
  • 很多插件依赖于WordPress函数提供的hooks。如果你不使用正确的函数,插件就会出错。(这也是插件作者有时背了主题作者黑锅的原因。)

functions.php文件示例

下面是一个符合WordPress主题检测规范的functions.php文件示范,文件中使用了hooks并编写了主题的一些常用功能。

  1. <?php
  2. add_action( 'after_setup_theme', 'browncoats_theme_setup' );
  3. function browncoats_theme_setup() {
  4.     global $content_width;
  5.     /* 为嵌入的视频等设置$content_width */
  6.     if ( !isset( $content_width ) )
  7.         $content_width = 600;
  8.     /* 使主题支持自动feed链接 */
  9.     add_theme_support( 'automatic-feed-links' );
  10.     /* 使主题支持文章缩略图(推荐图片) */
  11.     add_theme_support( 'post-thumbnails' );
  12.     /* 使主题支持自定义背景 */
  13.     add_custom_background();
  14.     /* 向 'init' 动作hook添加导航菜单功能 */
  15.     add_action( 'init', 'browncoats_register_menus' );
  16.     /* 向 'widgets_init' 动作hook添加侧栏功能 */
  17.     add_action( 'widgets_init', 'browncoats_register_sidebars' );
  18.     /* 在 'template_rediret' 动作hook上加载JS文件 */
  19.     add_action( 'template_redirect', 'browncoats_load_scripts' );
  20. }
  21. function browncoats_register_menus() {
  22.     /* 通过register_nav_menu() 
  23. 或register_nav_menus() 登记导航菜单 */
  24. }
  25. function browncoats_register_sidebars() {
  26.     /* 通过register_sidebar()登记动态侧栏 */
  27. }
  28. function browncoats_load_scripts() {
  29.     /* 通过wp_enqueue_script()存储自定义JAVASCRIPT */
  30.     /* 加载评论回复javascript */
  31.     if ( is_singular() && get_option( 'thread_comments' ) && comments_open() )
  32.         wp_enqueue_script( 'comment-reply' );
  33. }
  34. ?>
  • 本博客文章如未特别说明,皆为本站原创,默认采用署名-相同方式共享 4.0 国际协议
  • 相关文章

    发表回复

    您的电子邮箱地址不会被公开。 必填项已用 * 标注