用户工具

站点工具


wordpresstheme:childtheme

WordPress 子主题

我们把一个完整的 WordPress 主题安装后,进行建站和定制,一定会涉及到 CSS 的更改和添加,有些时候,还会涉及到 PHP 函数的添加和修改主题的 PHP 源码。

WordPress 主题特别是商业主题,也会像 WordPress 程序和 WordPress 插件基于安全和性能考虑,面临升级的问题。而主题的升级,是采用替换所有主题文件来进行的。如果主题修改的地方少,我们还可以记录下来,待升级后重新修改。如果修改的地方多了,时间久了,就很难记住之前修改过什么、在哪里修改的了。

这时我们提出 子主题 的概念,它就是专门用于记录之前修改和添加的内容,那么对应的修改对象主题就成为了父主题。

WordPress 子主题通常由三个文件组成:

  • 主题索引图片(不重要);
  • functions.php 用于添加自定义 PHP 函数;
  • style.css 用于添加自定义CSS;

如果购买的是商业主题,通常他们会提供子主题供下载。如果无法获得子主题,也可以自己创建一个,创建方法如下:

  1. 假设现在在wp-content\themes目录已经有一个名为 u-design 的主题;
  2. 在 wp-content\themes 目录下,我们创建一个新文件夹,命名为 udesign-child ,文件夹命名没有要求;
  3. 进入 udesign-child 目录,用PS制作一张名为 screenshot.png 的图片,图片的内容也没有要求;
  4. 使用 文本编辑器NotePad++或Sublime Text 创建functions.php 和 style.css 文件,保存在 wp-content\themes\udesign-child 目录下;
functions.php
<?php
 
/*
* Add your own functions here. You can also copy some of the theme functions into this file. 
* Wordpress will use those functions instead of the original functions then.
*/
style.css
/*
Theme Name: u-design Child
Description: it is u design child them.
Version: 1.0
Author: wpwiki
Author URI: http://www.wpwiki.cn
Template: u-design
*/
 
 
/*Add your own styles here:*/

style.css文件中的 Template: u-design 非常重要,这里的 u-design 必须与 父主题 文件夹名完全一致

以上操作完成后,才能说 udesign-child 是 u-design 的子主题。

wordpresstheme/childtheme.txt · 最后更改: 2021/08/06 11:37 (外部编辑)