超简单的wordpress子主题制作入门教程

wordpress免费主题,总有个别地方不尽如人意,需要我们手动修改。而且启用wordpress主题之后,需要添加统计代码,社会化分享按钮代码等。这些修改当然能直接在wordpress主题上直接编辑文件,但是这样的话,一旦主题升级,自己所作的修改也丢失了。如果使用wordpress子主题的方式来修改wordpress主题的话,即使主题作者有升级主题,也不用担心自己自定义的修改被覆盖了。

wordpress子主题的制作非常简单,很容易。

下面就以wordpress公园使用的K2主题为例说说wordpress子主题的制作步骤:

1. 在wp-content/themes/下边建立一个文件夹,例如,命名为k2-child-theme。需要注意的是,子主题所在的文件夹是放在wp-content/themes/文件夹里,而不是在其父主题文件夹里。接下来的工作都是在wp-content/themes/k2-child-theme文件夹里。

2. 新建style.css文件。加入如下代码:

/*
Theme Name: your child theme name
Theme URI: the-theme’s-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Template: K2
*/

以上代码需要注意的地方是”Template: K2″里面的“K2”必须与K2文件夹的名字完全相同,并且大小写敏感。

3. 复制K2主题文件夹里的screenshot.jpg到wp-content/themes/k2-child-theme/文件夹里。

5. 在k2-child-theme文件夹里创建functions.php文件,加入如下代码:

add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );

}

当然,代码的开头和结尾别忘了php标签。然后保存functions.php 。

(步骤5于2015/10/5日更新,在style.css中import url的方式引入父主题的样式表已经不是最佳实践了。)

6.在wordpress控制板的“外观”的主题列表中,可以看到刚刚建立的wordpress子主题。启用新的主题。这时,刷新网站主页,看到的外观跟K2主题显示效果是一模一样的,因为这时候,我们还没有对wordpress k2主题进行修改。

5. 开始定制修改主题。如果你想修改单篇日志的外观,就把K2主题里的single.php先拷贝到子主题文件夹里,然后修改子主题文件夹里的single.php。如果修改主题的显示宽度,就把原主题文件内style.css里对应的宽度控制代码拷贝到子主题文件夹里,然后再修改。

6. 关于functions.php的修改:直接在子主题文件夹内新建一个funcitons.php文件就OK。不需要拷贝原主题文件里的functions.php。

7. 统计代码,社会化按钮分享代码之类的,放在子主题相应的文件里。

wordpress子主题制作入门教程是不是很简单?看完了最重要的是动手制作!尝试过就知道,事实上它真的很简单。

参考链接:


本站提供的服务

  • wordpress主题、插件、开发、优化以及WordPress虚拟主机、VPS售卖
  • 自用Shadowsocks 服务器搭建 RMB50/次
  • VPN(PPTP&L2TP)流量出售: 5RMB/GB,10GB起售,8条台湾、美国、香港线路
    • 联系QQ:2564692806

      打赏作者
      这篇文章帮助很大,重重有赏

      您的支持将鼓励我们继续创作!

      [微信] 扫描二维码打赏

      [支付宝] 扫描二维码打赏

      正在跳转到PayPal...

female geek, creator of sscloud. keyword: php, html5+css3, python, wordpress

On 超简单的wordpress子主题制作入门教程

Leave a reply:

Your email address will not be published.

Site Footer