修改wp主题使得升级后也不丢失—自制子主题

Vanabel/ 4月 24, 2015/ WP折腾/ 1 comments

要使得自己修改的样式函数等在升级主题后不改变而且会随着母主题的升级而升级, 即以一种优雅的方式折腾,我们需要的是子主题。 在wp主页有教你如何折腾。

下面我就以自己修改footnote样式为例, 来简单说下如何修改TwentyFifteen, 制作自己的子主题。

  1. 首先进入wp目录(你也可以在本地做好之后用ftp上传到wp目录):cd /var/www/wordpress/wp-content/themes/wordpress/, 创建新目录twentyfifteen_child:sudo mkdir twentyfifteen_child
  2. 基本来说, 子主题有两个常见文件style.css以及functions.php前者是必须的因为在其中我们定义了使用哪个母模板, 后者对修改网站动态部分是必须的。 这里我只修改css, 可以不用。
  3. 具体而言, 我们在twentyfifteen_child中添加style.csssudo vim style.css, 内容如下:
    /*
    Theme Name: TwentyFifteen_Child
    Author: Van Abel
    version:1.0
    Description: A Child Theme of TwentyFifteen
    Template: twentyfifteen
     */
    @import url(../twentyfifteen/style.css);
    
    /*add by the user*/
    .footnote {
    	vertical-align: top;
    	position: relative;
    	top: -0.5em;
    	font-size: 0.8em;
    }
    .footnote:before{
    	content:"[";
    }
    .footnote:after{
    	content:"]";
    }
    .entry-content>ol>li, .entry-content>ul>li{
    	margin-left: 1.5em;
    }

    关键点是指定母模板这句Template: twentyfifteen, 当然随后引入样式表也是必须的@import url(../twentyfifteen/style.css);其它的地方都是自明的。例如我们还取了名字, 指定了制作者, 版本号, 简短的描述以及添加自定义css。

  4. 自此, 你已完成了子主题的创建。进入wp的外观面板切换子主题吧!
  5. 最后, 我还将自己使用子主题后的wp主页截屏并保存为screenshot.png, 然后ftp上传到子主题所在目录, 这样我们创建的子主题也有一个图片预览了。 是不是非常简单而且优雅?

 

Share this Post

1 Comment

  1. Pingback: 自制WP子主题—添加Google Analytic代码 | VanRaspi

Leave a Comment

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

*
*

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据