加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

从子主题开始轻松地更改Wordpress风格

发布时间:2021-12-27 14:04:53 所属栏目:经验 来源:互联网
导读:制作或修改一个wordpress主题需要耗费多少时间?即使你已经写过少量的主题,有时候你仍然对完成一个主题所耗费的时间而感到沮丧?你是否曾经希望能有一个更简单的方法?实际上,所有问题的答案就是使用wordpess的子主题(child theme)。 设想自己能够在几分
制作或修改一个wordpress主题需要耗费多少时间?即使你已经写过少量的主题,有时候你仍然对完成一个主题所耗费的时间而感到沮丧?你是否曾经希望能有一个更简单的方法?实际上,所有问题的答案就是使用wordpess的子主题(child theme)。
 
设想自己能够在几分钟内修改一个主题,或在几个小时或以内建立一个功能齐全的wordpress主题。
 
在这篇文章,我们将学会如何通过child theme帮忙我们敏捷开发wordpress主题。
 
wordpress 子主题
 
一个wordpress的子主题就像任何其他wordpress主题一样,你可以把它们放在你的博客的主题目录(/wp-content/themes)下,然后在主题控制面板激活它们。它们同样拥有存在图片、脚本、截图(screenshot)、css的文件夹。
 
唯一不同的地方是子主题基本上不需要任何主题文件(header.php, index.php, footer.php, single.php等)。这是我们为什么不需要使用php的另一个原因。
 
现在,就让我们开始创建自己的子主题。
 
选择你的父主题
 
在我们建立我们的子主题之前,我们必须先建立我们的父主题(parent theme)。为此,我们选择了kubrick作为我们的父主题。你并不需要下载它因为它已经是wordpress安装时自带的默认主题,位置在/wp-content/themes/default/。
 
建立你的子主题
 
就像我所说的,一个子主题,就像是任何其它wordpress主题一样,所以我们必须为它在主题目录中创建一个新文件夹,并把它命名为“koobreek”。在此之后,koobreek文件夹里新建一个style.css的空白文件。
 
子主题样式
 
这是魔幻所在的一部分。打开koobreek主题目录下的style.css,并粘贴下面的内容。请特别注意行8的内容。
 

 
从父主题导入样式
 
现在,除非今天是css裸体日,你可能想要用css样式装饰你的主题。我想尽可能基础和简单,因此本教程将通过加入一行代码导入父主题css样式。
 
子主题看起来应该跟父主题完全一致,但在子主题的背景图片消失了。

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读