17713433920 info@mac163.com

WordPress子主题。它们起初可能听起来(并且看起来)令人生畏,但是一旦你了解了WordPress子主题的来龙去脉(以及完美),你就会有很多乐趣。在这篇文章中,我们将把WordPress子主题分解为各个部分。换句话说,我们将学习:

  • 什么是WordPress子主题
  • WordPress子主题的优点
  • WordPress子主题的缺点
  • 如何创建一个WordPress子主题
  • WordPress子主题资源

什么是WordPress子主题?

那么,什么是WordPress子主题?

WordPress子主题基本上是一个WordPress主题,它从另一个WordPress主题“借用”模板文件和功能,称为父主题。不要打任何东西,我会详细解释我保证的一切。

一个母题是典型的WordPress主题,比如我们最畅销的总WordPress主题,默认二十十四主题或任何主题,你正在使用您的网站上。

最基本的WordPress子主题只是一个包含特殊style.css文件的文件夹。一旦我解释,不要担心这一切都有意义。现在可能正在解决的一个问题是:为什么在有很多父主题时会想要使用子主题?

答案很简单。大多数父主题不时得到更新。因此,如果您采用父主题并自定义代码(和样式),则下次更新主题时将丢失所有这些更改。这就是WordPress子主题的用武之地.WordPress子主题使您能够自定义父主题,而不会冒更新时丢失更改的风险。当然,如果您不介意将您的网站暴露给黑客,您可以选择取消更新。

继续…

几段前,我提到子主题“借用”父主题的模板文件和功能。这是怎么发生的?将子主题视为影子主题 ; 他们模仿他们的父母主题。这就像创建父主题的副本而不实际复制任何东西。听起来像魔术,对吧?

按冻结按钮。如何在不实际复制任何内容的情况下创建父主题的副本?理解子主题的秘诀在于我们前面提到的特殊style.css文件。实际上,秘密是在style.css中找到的一行。你问哪条线?稍等一下。由于我们将在本文后面创建一个子主题,因此我将介绍一些基本概念,以揭示我正在谈论的界限,并让您更好地了解子主题。

要构建子主题,您必须在WordPress主题目录中创建一个文件夹(用于子主题)。您可以将文件夹命名为(或在主题之后)。接下来,您必须使用以下代码创建style.css:

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

您必须将此style.css保存在子主题的文件夹中。现在,回到上面代码中的第六行(第6行)。你会看见:

模板:您的父主题目录名称(例如Total,twentyfourteen等)

此行告诉您的子主题从哪个父主题借用函数和模板文件。这个简单的行将您的子主题链接到父主题,作为一个管道,子主题通过该管道从父主题接收模板文件和功能。这意味着您必须在WordPress平台上安装父主题。

可以说,如果没有这一行,你就没有子主题。你只有一个文件夹和一个典型的style.css文件。

总之,当您激活子主题时,模板行将继承(大部分)您的父主题。如果/当您更新父主题时,您对子主题所做的所有更改都不会受到影响。你觉得这个解释怎么样?您是关注还是不够清楚?如果你和我在一起,让我们继续讨论WordPress子主题的优点和缺点。

使用子主题有什么好处?

使用子主题有很多好处,我们建议任何人使用非为其网站定制的主题来设置和激活子主题。我们列出了使用子主题的一些主要好处,以及为什么要强烈考虑它。

WordPress创建子主题完整指南
WordPress创建子主题完整指南

安全更新

WordPress子主题只是从父主题借用函数,模板和样式。这使您可以自定义您的网站,而无需触及父主题。因此,只要开发人员更新您的父主题,您就可以安全地升级您的网站,而不会丢失自定义更改。

子主题很容易扩展

WP子主题为您提供了很大的灵活性。您可以创建不属于父主题的新模板文件。您可以添加新功能,样式等等。此外,还有许多商业和免费的主题框架,可以通过可扩展的选项来帮助您入门。

子主题是后备安全的

每个开发人员都是人,我们都知道错误是人。每个人都会犯错,每个人都会忘记。也就是说,如果您在使用父主题时忘记编写代码,那么您将会参与其中。子主题的情况有所不同。如果您忘记了某些代码,WordPress将自动从父主题加载替代(或原始)。当然,只有代码存在于父主题中时才会出现这种情况。

使用子主题的负面因素是什么?

虽然一般来说子主题很棒,但我们建议每个人使用WordPress激活他们网站上的子主题,如果他们计划将来进行任何潜在的调整,那么你应该记住一些事情。

有学习曲线

子主题主要用于扩展或自定义父主题的功能,这意味着如果您不是开发人员,那么您将无法完成您的子主题,并且您将需要学习一些编码充分发挥孩子主题的潜力。因此,如果您是新手,您需要时间来学习父主题和WordPress(以及一些代码)的工作方式,以充分发挥子主题的潜力。同样,你必须赚取你的条纹。毕竟,你很快就会像专业人士那样编码!

事情破裂或被遗忘

如果您围绕父主题构建了自己的网站,则在转换为子主题时,您可能需要调整一些内容(例如菜单,小部件和/或主题选项)。某些主题根据主题名称保存数据库中的设置,因此当您切换到子主题时,您可能看起来丢失了所有父主题设置(定制程序设置),但不要担心它们在数据库中是安全的,但您会如果是这种情况,需要切换回您的父级,以便您可以复制设置并将其迁移。在我们的Total主题中,我们在仪表板中提供了一个有用的导入/导出面板,因此您可以在切换到子主题之前复制主题Customizer设置并将其迁移。

此外,如果您使用您的子主题为您的网站提供附加功能,而不是使用插件,如果您切换父主题,您可能必须将这些调整移动到新的子主题,重命名您当前的子主题或移动调整自定义插件。

如何创建一个WordPress子主题?

我想假设您是主动的,并为您的子主题创建了一个文件夹和“特殊”style.css文件。如果你刚刚跳到这一部分(或者急切地等待这一部分),请通过FTP / SFTP(… / wp-content / themes)打开你的WordPress主题目录,并创建一个文件夹,你将存储你的孩子主题。

注意:您可以通过cPanel中的文件管理器访问主题目录。或者,如果启用了FTP帐户,则可以使用FileZilla等FTP客户端。

接下来,打开您喜欢的文本编辑器(我的Notepad ++)并使用以下信息创建style.css文件:

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

它与我们之前使用的代码相同。

将style.css文件上传到子主题的文件夹。此时,您的style.css文件为空(除了以上行,在样式方面没有任何作用),因此不要指望您的子主题看起来像您的父主题。要克服这个障碍,您可以通过在子主题文件夹中创建一个新的空functions.php文件并添加以下PHP代码来导入父主题的style.css:

function total_child_enqueue_parent_theme_style() {
	
	// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
	$theme   = wp_get_theme( 'Total' );
	$version = $theme->get( 'Version' );
	
	// Load the stylesheet
	wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array(), $version );
	
}
add_action( 'wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style' );

确保将“Total”的位置更改为父主题的名称。这将允许您的子主题动态更新附加到父style.css的版本号,因此当父主题更新时,如果父主题中的style.css文件有任何更改,它将允许浏览器和您的CDN(如果使用一个)重新缓存样式表并防止您的网站在查看时遇到CSS问题。

自定义您的WordPress子主题

现在来到有趣的部分。您很可能创建了您的子主题以进行自定义,因此请深入了解!

  • 要自定义子主题,只需将样式添加到您创建的style.css文件中。它们将覆盖父主题中找到的相应样式。
  • 要编辑模板文件,请先将它们复制到子主题,然后从那里进行编辑。但是并非所有文件都可以复制到您的子主题并进行修改,您只能复制模板文件。因此,如果主题中包含某些包含自定义类和函数的包含,包含,函数或其他文件夹的文件,则可能无法复制它们并对其进行修改。对于这些情况,您可能希望使用过滤器或操作挂钩来修改默认的父主题函数。
  • 您可以将自定义模板文件添加到子主题中以获得更多功能
  • 使用您的子主题的functions.php文件添加自定义函数并使用父主题或WordPress过滤器。不要将新函数添加到父主题中的functions.php函数文件中!

WordPress将首先在您的子主题中加载模板文件和样式,但如果缺少某些内容,它将在父主题中加载相应的文件。哦,是的,子主题是后备安全的,但我打赌我们已经说过了。


微信二维码

微信扫描二维码联系我们!
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等!


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
回到顶部