WordPress儿童主题 – 入门指南

在本文中,我将讨论WordPress子主题:它们是什么,它们的优点(和缺点),以及如何开始使用WordPress子主题开发,以及您应该检查的其他资源!

什么是WordPress儿童主题?

简单来说,子主题是一个WordPress主题,它借用了不同主题的模板文件和其他相关功能。因此,让我们说,如果我们要创建一个自定义主题,借用WordPress默认主题Twenty Seventeen的功能和模板,我们的新主题将被称为Twenty Seventeen的子主题,而后者又将被称为父主题为我们的孩子主题。

因此,由于大多数功能和模板文件都以父主题为基础,因此子主题通常只有一个style.css文件,该文件指定从父主题派生的功能以及父主题的哪些方面将在子主题中进行更改或修改。

厌倦了缓慢的WordPress主机和subpar支持?我们在Kinsta做不同的事情。查看我们的托管计划

因此,子主题背后的主要动机是定制或调整给定的父主题以使其适合我们的需要,同时,不使用实际的主题文件,因为如果父主题被更新,我们可能会失去我们的变化

使用WordPress儿童主题的优点

使用WordPress子主题的优点很多,例如:

  1. 轻松扩展和自定义:很明显,子主题扩展了其父主题的功能。您已经以父主题的形式在您的服务中拥有一个现成的模板,您需要做的就是为您的子主题创建一个单独的style.css文件,并根据您的需要添加自定义调整。
  2. 无忧无虑的更新:一次又一次,随着WordPress的发展,主题和插件需要经常更新。如果您对主要主题进行自定义调整和更改,则可能会在更新主题时丢失所有更改。因此,建议对子主题进行此类更改,以便即使您需要更新父主题,也不必担心会丢失更改。
  3. 节省时间和精力:当创建WordPress子主题时,您已经在以父主题的形式使用现成的基础。这不仅可以节省时间和精力,还可以节省重要的资源和资金,因为开发不会太复杂。
  4. 故障安全机制:WordPress儿童主题几乎不受一般编码遗漏的影响。即使您最终忘记添加特定的代码,WordPress也会自动从相关的父主题中寻找和实现给定的代码,并且您的设计不会被破坏。另一方面,在独立主题中,除非经过调整,否则这种遗漏可能会使主题无法使用。

使用WordPress儿童主题的缺点

虽然与WordPress子主题相关的缺点并不多,但以下是一些值得注意的警告:

  1. 挑选理想的父母主题:并非所有主题都是好父母!例如,某些WordPress主题可能无法定期更新,因此往往缺乏最新功能。同样,并非所有WordPress主题都是在考虑子主题的情况下创建的,因此可能会成为父主题的不良候选者。您需要选择完美的父主题,以便正确扩展它并使其成为您孩子主题的基础。
  2. 定制工作:子主题主要是寻求扩展和定制现有模板设计。因此,如果您已经围绕父主题创建了一个网站,则在移动到子主题时,您可能需要重新考虑元素的自定义,例如菜单,主题选项,侧边栏,标题等。

如何在WordPress中创建子主题

那么,您已经决定为自己喜欢的WordPress父主题创建一个子主题?那么,让我们开始吧!

首先,您需要在WordPress主题目录中为您的子主题创建一个文件夹(命名并不重要)。此后,在文件夹中创建一个style.css文件,其中包含以下详细信息:

/ *

主题名称:您的子主题的名称

主题URI:http://www.example.com(您孩子主题的URL)

描述:您孩子主题的简要描述

作者:你的名字

模板:您的父主题目录名称

版本:1.0.0等等等等

* /

在此,在模板部分下,您需要指定相关父主题的目录名称。此外,如果省略该行,WordPress会将您的子主题视为一个适当的主题。

在这个交汇点,我们有一个带有空白style.css文件的子主题。现在,要继承父主题的样式表属性,请添加以下行:

@import url(“.. parent_theme_directory / style.css”);

将'parent_theme_directory'部分替换为相关父主题所在的文件夹的名称。

挣扎着停机和WordPress问题? Kinsta是托管解决方案,旨在为您节省时间!看看我们的功能

如果需要,您还可以使用此方法导入多个样式表。

现在,您的子主题已准备好从其父主题继承样式表元素。如果需要,您还可以将这些文件夹从父主题目录复制到子主题的文件夹(不是必需的,但可取),所有地址都相对于父主题目录:

/图片

/ INC

/包括

/rtl.css(从右到左语言支持,并非所有主题都可能具有此功能)。

就这样。您现在可以开始将自定义样式表设置添加到子主题的style.css文件中。此外,您还可以将模板文件从父主题复制到子主题以进行编辑,如果需要添加新功能,请确保将functions.php文件从父主题文件夹复制到子主题目录。

激活子主题后,WordPress将从子主题本身加载样式表设置和模板文件,如果缺少任何内容,它将从相关的父主题加载相应的实体。

建议阅读

如果您希望更深入地探索WordPress子主题,我建议您查看这些文章和资源:

  1. WordPress Codex
  2. 儿童主题基础知识(WP Tuts +)
  3. 创建WordPress子主题(ManageWP)

子主题不仅提供了扩展您喜爱的WordPress主题功能的有效媒介,而且在学习和掌握WordPress主题开发方面也是一个很好的启动点。

您如何看待WordPress儿童主题?你有没有开发过或正在尝试开始使用它?使用下面的评论与我们分享您的经验!

231股

.essb_links .essb_links_list li a {margin-top:0px; } @media only screen and(min-width:64em){.container – narrow.pb – 60,.knowledgebase .user-content {position:relative; } .widget-share {position:absolute;左:-200px;顶部:0px;身高:100%;宽度:200px; box-sizing:border-box; } .widget-share-aligner {width:200px; padding-right:62px; box-sizing:border-box; } .widget-share-inner {padding-bottom:62px; } .knowledgebase .user-content .widget-share-inner {padding-top:0; } .widget-share .amount {display:flex; align-items:center;证明内容:flex-end;宽度:100%;保证金右:11像素; font-size:14px;字体重量:500;边距:10px的; } .widget-share .amount svg {margin-right:8px;保证金左:10px的; } .essb_links .essb_links_list {flex-direction:column; align-items:flex-end; } .essb_links .essb_links_list li {display:block; margin-bottom:5px!important; } .widget-share__total {margin-bottom:0px!important; } .widget-share__total .heading – small {color:#999999;字体大小:14px的; font-weight:300; } .essb-total-value {margin-right:4px; } .essb_links {margin:0px;填充:0像素; } .essb_counter_right {display:none!important; } .essb_links.essb_template_circles-retina .essb_link_hackernews a,.essb_links.essb_template_circles-retina .essb_link_reddit a,.essb_links.essb_template_circles-retina .essb_link_mail a,.essb_links.essb_template_circles-retina .essb_link_mwp a,.essb_links.essb_template_circles-retina .essb_link_buffer a ,.essb_links.essb_template_circles-retina .essb_link_linkedin a,.essb_links.essb_template_circles-retina .essb_link_facebook a,.essb_links.essb_template_circles-retina .essb_link_twitter a {color:#43414e!important;背景:#f3f3f6!important; } .essb_links.essb_template_circles-retina li a:focus,.essb_links.essb_template_circles-retina li a:hover {border-color:#fff!important;背景:#43414e!important; {.binter-color:#f3f3f6!important;背景:#f3f3f6; } .essb_links .essb_icon:在{font-size:15px!important;之前顶:8像素;左:9px; } .essb_links .essb_icon {width:32px;高度:32PX; } .essb_links.essb_counter_modern_right .essb_counter_right {background:#f3f3f6!important; } @media only screen and(max-width:63.999em){。widget-share-aligner {position:relative!important;顶部:0!重要; } .essb_links .essb_links_list li {margin-right:8px!important; }}

原创文章,作者:WPJIAN,如若转载,请注明出处:https://wpjian.com/tips/201908076146.html