要使得自己修改的样式函数等在升级主题后不改变而且会随着母主题的升级而升级, 即以一种优雅的方式折腾,我们需要的是子主题。 在wp主页有教你如何折腾。
下面我就以自己修改footnote样式为例, 来简单说下如何修改TwentyFifteen, 制作自己的子主题。
- 首先进入wp目录(你也可以在本地做好之后用ftp上传到wp目录):
cd /var/www/wordpress/wp-content/themes/wordpress/
, 创建新目录twentyfifteen_child:sudo mkdir twentyfifteen_child
- 基本来说, 子主题有两个常见文件style.css以及functions.php前者是必须的因为在其中我们定义了使用哪个母模板, 后者对修改网站动态部分是必须的。 这里我只修改css, 可以不用。
- 具体而言, 我们在twentyfifteen_child中添加style.css:
sudo 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。 - 自此, 你已完成了子主题的创建。进入wp的外观面板切换子主题吧!
- 最后, 我还将自己使用子主题后的wp主页截屏并保存为screenshot.png, 然后ftp上传到子主题所在目录, 这样我们创建的子主题也有一个图片预览了。 是不是非常简单而且优雅?
本作品采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循署名-非商业用途-保持一致的创作共用协议.
“修改wp主题使得升级后也不丢失—自制子主题”上的一条回复
[…] 修改wp主题使得升级后也不丢失—自制子主题 […]