Child Theme Configurator – WordPress plugin WordPress插件下载

点击下载

子主题配置器

插件描述

子主题配置器是一个快速且易于使用的实用程序,允许您分析任何主题常见问题,创建子主题并在Customizer的选项之外进行自定义。专为希望能够直接自定义子主题样式表的WordPress用户而设计,Child Theme Configurator可让您轻松识别和覆盖要自定义的确切CSS属性。分析器扫描渲染的主题并自动配置您的子主题。它可以正确排列主题和字体样式表以获得最佳性能,并处理特定于供应商的语法,使您可以无限制地控制子主题外观,同时保持父主题不受影响。 详细了解如何创建子主题

控制您的孩子主题

子主题配置器解析和索引您的样式表,以便每个CSS媒体查询,选择器,属性和值都在您的指尖。其次,它向您展示了在将其提交到子主题之前,您所做的每个自定义。最后,它会保存您的工作,以便您可以自定义子主题中的样式,而不会有丢失编辑的风险。

您可以从现有的父主题中创建任意数量的子主题。子主题配置器允许您从已安装的主题(甚至现有的子主题)中进行选择,并将结果保存在主题目录中。

准备好后,只需激活子主题,WordPress网站就会自动显示自定义样式。

为什么使用Child Theme Configurator创建子主题和自定义样式?

使用自定义程序无法更改某些内容。

除非你使用child主题,当您更新时,您将丢失对模板和样式表所做的任何更改。

子主题配置器根据您使用的主题自动确定设置子主题的正确方法。

您可以找到主题使用的确切样式选择器并快速更改属性。

您可以从管理员中找到,复制和编辑主题模板。

更多:

在不丢失自定义的情况下更新主题智能主题分析器确定使用几乎任何父主题的常见子主题问题的正确设置复制现有小部件,菜单和儿童主题的定制器选项使用您的子主题中的Web字体(链接)样式表而不是使用@importQuickly定位和编辑主题CSS.Customize @media查询响应式designSelect十六进制,RGBA(透明)和命名颜色使用Spectrum颜色pickerAdd回退样式(每个属性多个值)节省开发时间小时多样性兼容使用修改不可用将CustomizerExport子主题作为Zip ArchiveIdentify并覆盖来自父themeChange特定颜色,背景,字体样式等的精确选择器,而不更改其他元素自动生成跨浏览器和供应商前缀属性和CSS渐变预设自定义样式之前使用它们使用WP文件系统API – 不会创建无法删除的文件

儿童主题配置器PRO

将儿童主题配置器的CSS自定义功能应用于您网站上安装的任何WordPress插件。子主题配置器PRO扫描您的插件,并允许您自定义其样式表。我们添加了更多功能,以便使用PRO更快速,更轻松地定制样式。

了解更多信息,请访问http://www.childthemeconfigurator.com/child-theme-configurator-pro

无限小部件内容单个插件

IntelliWidget是一个多功能的小部件管理器,它通过组合自定义页面菜单,特色帖子,滑块和其他动态内容功能来完成多个插件的工作,这些功能可以在每页或整个站点上显示。

了解更多信息,请访问https://www.lilaeamedia.com/plugins/intelliwidget

Hook Highlighter

Hook Highlighter在网站的任何前向页面上激活时,管理员可以深入了解WordPress的内部程序流程。

显示内联当前页面的操作和过滤钩子,程序文件和回溯信息。

了解详情,请访问https://www.lilaeamedia.com/product/hook-highlighter

查询/选择器选项卡

有两种方法可以识别和自定义基线(父)样式。子主题配置器允许您通过CSS选择器和属性搜索样式。如果要自定义特定的CSS选择器(例如,h1),请使用“查询/选择器”选项卡。如果您希望在站点范围内自定义特定的CSS值(例如,类型的颜色),请使用“属性/值”选项卡。

“查询/选择器”选项卡允许您查找特定的CSS选择器并进行编辑。首先,通过在Query自动选择框中键入来查找包含要编辑的CSS选择器的查询。通过单击鼠标或按“Enter”或“Tab”键进行选择。默认情况下,CSS选择器位于基本查询中。
接下来,通过在“选择器”自动选择框中键入来查找CSS选择器。通过单击鼠标或按“Enter”或“Tab”键进行选择。

这将加载该CSS选择器的所有属性,左侧是Original值,右侧是子主题值输入。任何现有的儿童主题va将自动填充lues。还有一个示例预览,显示父和子覆盖的组合。请注意,边框和背景图像得到特殊处理。

“Order”字段包含父主题样式表中CSS选择器的原始序列。您可以通过在“订单”字段中输入更低或更高的数字来更改CSS选择器顺序。您还可以通过选中每个输入旁边的“!”框来强制执行样式覆盖(所谓的“!important”标记)。请明智地使用。

单击“保存”以更新子主题样式表并将更改保存到WordPress管理员。

添加原始CSS

如果要向给定的CSS选择器添加其他属性,请首先使用“查询/选择器”选项卡加载选择器。然后在“新建属性”自动选择框中键入要查找要覆盖的属性。通过单击鼠标或按“Enter”或“Tab”键进行选择。这将向选择器输入添加新的输入行。

如果您希望添加全新的CSS选择器,甚至是新的@media查询,您可以在“Raw CSS”textarea中输入自由格式的CSS。请注意,语法必须正确(即平衡花括号等),以便解析器加载新的自定义样式。您将知道它无效,因为保存按钮旁边会出现一个红色的“X”。

如果您更喜欢使用属性和值的简写语法而不是Child Theme Configurator提供的输入,您也可以在此处输入它们。解析器会自动将您的输入转换为规范化的CSS代码。

属性/值选项卡

“属性/值”选项卡允许您查找给定属性的特定值,然后为使用该属性/值组合的各个CSS选择器编辑该值。网络连接首先,通过在属性自动选择框中键入来查找要覆盖的属性。通过单击鼠标或按“Enter”或“Tab”键进行选择。

这将在父主题样式表中加载该属性的所有唯一值,并为该值添加样本预览。如果子主题样式表中存在父样式表中不存在的值,则它们也将显示。

对于每个唯一值,单击“选择器”链接以查看使用该属性/值组合的CSS选择器列表,按查询分组,并使用值的样本预览和子主题值的输入。将自动填充任何现有的子主题值。

单击“保存”以更新子主题样式表并将更改保存到WordPress管理员。

如果要编辑CSS选择器的所有属性,可以单击“编辑”链接,CSS选择器将自动加载到“查询/选择器”选项卡中。

Web字体选项卡

您可以通过在Web字体选项卡上的textarea中键入@import规则来添加其他样式表和Web字体。 重要说明:请勿在此处导入父主题样式表。 使用“父/子”选项卡中的“父样式表处理”选项。

“文件”选项卡

父模板

您可以通过选中复选框从父主题复制PHP模板文件。单击“将选定内容复制到子主题”,模板将添加到子主题的目录中。

注意:如果您的子主题处于活动状态,则在复制后,将立即使用该主题的文件版本而不是父版本。 functions.php文件是单独生成的,不能在此处复制。

儿童主题文件

Templa此处列出了从父项复制的tes。可以使用“外观”菜单中的“主题编辑器”编辑这些内容。通过选中复选框并单击“删除所选项”删除子主题图像。

子主题图像

主题图像位于子主题中图像目录下,表示仅供样式表使用。使用媒体库获取内容图像。您可以使用图片上传表单上传新图片。

儿童主题屏幕截图

您可以在此处上传儿童主题的自定义屏幕截图。主题截图应为4:3比例(例如,880px x 660px)JPG,PNG或GIF。它将被重命名为“screenshot”。

将子主题导出为Zip存档

您可以通过单击“导出”下载您的子主题以在另一个WordPress网站上使用。

预览并激活

重要事项:在激活之前测试子主题!

某些主题(特别是商业主题)无法正确加载父模板文件或自动加载子主题样式表或php文件。

在最糟糕的情况下,当您激活子主题时,它们将破坏您的网站。

导航至外观> WordPress管理员中的主题。现在,您将看到新的子主题作为已安装的主题之一。单击新的子主题下方的“实时预览”(主题自定义程序)以查看它的实际效果。当您准备好实时播放子主题时,请单击“激活”。 “

MULTISITE用户:您必须网络启用您的子主题才能使用实时预览。转到网络管理员中的“主题”。

警告

不支持任意评论。为预览和修改自定义样式提供高度灵活性需要复杂的解析系统。维持合作与其添加的值相比,绑定到样式表中任何特定元素的mments非常昂贵。虽然我们将来会努力将其作为一个选项包含在内,但目前所有注释都是从子主题样式表代码中删除的。没有@keyframes或@ font-face规则。子主题配置器仅支持@media和@import。如果您需要其他@rules,请将它们放在单独的样式表中,然后将它们导入到Child Theme样式表中。只有双色渐变。子主题配置器功能强大,但我们简化了渐变界面。您可以使用任何所需的渐变,只要它有两种颜色且没有中间停止。自动发现CSS属性。子主题配置程序加载父样式表中存在的属性。您始终可以使用“Raw CSS”文本区域添加新属性。不支持Legacy渐变语法。子主题配置器不支持MS过滤器渐变或旧版webkit渐变。如果它们在父主题中使用,它们将继续有效,但不会写入子主题样式表。如果有需求,我们可能会在将来的版本中添加它,但大多数用户现在应该已经升级了。

文档

访问http://www.childthemeconfigurator.com/

Serbo-Croatian翻译由Borisa Djuraskovic提供borisad@webhostinghub.com http://www.webhostinghub.com

版权:(C)2014-2018 Lilaea Media

屏幕截图

父/子选项卡
包含父主题菜单的父/子选项卡
查询/选择器选项卡
属性/值选项卡
“Web字体”选项卡
父CSS选项卡
“文件”选项卡

安装

要从插件存储库进行安装:

在WordPress管理员中,转到“插件>添加新。在“搜索”框中键入“子主题”,然后单击“搜索插件”。在列表中找到“子主题配置器”,然后单击“立即安装”。

手动安装:

点击下载来自https://wordpress.org/plugins/child-theme-configurator的儿童主题配置器在WordPress管理员中,转到“插件>添加新。“单击页面顶部的”上传“链接。浏览zip文件,选择并单击”安装“。

在WordPress管理中,转到”插件>已安装的插件。“在列表中找到”子主题配置器“,然后单击”激活“。

导航到工具>儿童主题(多站点用户转到网络管理员>主题>儿童主题)。

父/子选项卡:创建子主题的10个简单步骤

选择一个操作:

创建一个新的子主题 – 使用已安装的主题安装新的可自定义子主题parent.CONFIGURE现有的子主题 – 设置以前安装的子主题以与配置程序一起使用或修改当前设置。复制现有的子主题 – 在新目录中创建现有子主题的完整副本,包括任何菜单,小部件和其他自定义程序设置。使用此操作禁用复制父主题设置(下面的步骤8)的选项。重置现有的子主题(这将破坏您在配置器中完成的任何工作) – 将子主题样式表和函数文件还原到其状态在初始配置或上次重置之前。

如果是cre,请选择父主题一个新的儿童主题;如果配置,复制或重置,请选择子主题。

分析子主题 – 单击“分析”以确定样式表依赖关系和其他潜在问题。

如果要创建新的子主题,请为新主题目录命名;否则验证目录是否正确。 – 这不是儿童主题的名称。您可以在下面的步骤7中自定义名称,描述等。

选择保存新样式的位置:

主样式表(style.css) – 将新的自定义样式直接保存到子主题主样式表,替换现有值。主样式表将按主题设置的顺序加载。分隔样式表 – 将新的自定义样式保存到单独的样式表,并使用任何现有的子主题样式作为基线。如果要保留原始子主题样式而不是覆盖它们,请选择此选项。此选项还允许您自定义在主样式表之后加载的样式表。

选择父主题样式表处理:

使用WordPress样式队列。 – 让配置程序确定适当的操作和依赖项并自动更新函数文件。在子主题样式表中使用@import。 – 如果无法使用WordPress样式队列加载父样式表,则仅使用此选项。建议不要使用@import。不要添加任何父样式表处理。 – 如果此主题已处理父主题样式表,或者父主题的style.css文件未用于其外观,请选择此选项。

自定义子主题名称,描述,作者,版本等:(单击以切换表单)

将父主题菜单,窗口小部件和其他自定义程序设置复制到子主题: – 注意:这将覆盖您可能已设置的任何子主题选项。

单击按钮运行配置器。

重要提示:在激活之前,请务必使用实时预览(主题自定义程序)测试子主题!

常见问题

如何将我已经对主题所做的更改移动到子主题中?

请按照以下步骤操作:http://www.childthemeconfigurator.com/how-to-use/#child_from_modified_pa​​rent

当我运行分析器时,我在PHP Debug Output

中得到“常量已定义”的通知这是Bluehost自动安装程序创建的错误配置。 http://www.childthemeconfigurator.com/child-theme-faqs/#constants“class =”scroll-to“>如何修复。

有教程吗?

页面右上角的“帮助”标签下有视频。您也可以在http://www.childthemeconfigurator.com/tutorial-videos

查看它们。如果父主题发生变化(例如,升级),我是否必须更新子主题?

否。这是使用儿童主题的要点。子主题自动继承对父主题的更改。

子主题不是父主题的“副本”。这是WordPress的一个特殊功能,让您覆盖特定的样式和功能,使主题的其余部分保持不变。质量主题应标识升级说明中任何已弃用的功能或样式,以便子主题用户可以相应地进行调整。

如果我卸载子主题配置器是否影响了儿童主题?

否。儿童主题配置器的设计独立于主题和插件。请记住,如果重新安装,则必须使用“父/子”选项卡重建配置数据。

如何添加评论?

不支持任意评论。为预览和修改自定义样式提供高度灵活性需要复杂的解析和数据结构。维护绑定到的任何特定元素的注释样式表与其增加的价值相比非常昂贵。虽然我们将来会努力将其作为一个选项包含在内,但目前所有注释都会从子主题样式表代码中删除。

是否适用于Multisite?

是的。转到“网络管理员”>主题>儿童主题。“儿童主题必须是”网络启用“才能预览和激活网络站点。

它是否适用于插件?

儿童主题配置器PRO通过扫描插件并在您的儿童主题中创建自定义CSS,将儿童主题配置器的CSS编辑功能带到您网站上安装的任何WordPress插件。有关详细信息,请访问http://www.childthemeconfigurator.com/child-theme-configurator-pro

为什么这不适用于我的[insert vendor here]主题?

某些主题(特别是商业主题)无法正确加载父模板文件或自动加载子主题样式表或php文件。

这是不幸的,因为在最好的情况下,它们有效地禁止网站管理员添加任何自定义(除了通过管理主题选项制作的定制),这些定制将在升级后继续存在。 在最坏的情况下,当您激活子主题时,它们会破坏您的网站。

直接与供应商联系,询问此核心功能。我们认为所有主题(特别是商业主题)必须通过WordPress.org概述的主题单元测试,并且在激活之前始终测试儿童主题(请参阅“预览和激活”)。

这会减慢我的网站速度吗?

子主题配置器旨在增加可能的最小额外开销,实际上可以提高性能。 例如:

子主题配置程序创建或更新系统已读取的文件。在前端,没有数据库调用,所以WordPress可以运行依赖于插件。实际上,您可以在设置子主题时删除子主题配置器。自定义样式应用于样式表文件,该文件可由浏览器缓存和/或缓存并由性能缓存插件最小化。由于编辑器主要为现有样式创建“覆盖”,因此该文件通常比其他样式表小。驱动编辑器界面的代码仅在从WordPress管理器使用工具时加载,包括Javascript和CSS。这意味着它不会妨碍其他管理页面。当您从父/子选项卡生成子主题文件时,会发生最大的性能损失,但这是一次性事件,并且只发生在WordPress管理员中。救命!我更改了一个文件,现在我无法访问我的网站或登录wp-admin来修复它!

要退出损坏的子主题,您必须手动重命名有问题的主题目录名称(通过FTP,SSH或您的Web主机控制面板文件管理器),以便WordPress无法找到它。然后WordPress将抛出一个错误并恢复到默认主题(目前为二十五分钟)。

子主题位于您的主题文件夹中,通常为

[wordpress] / wp-content / themes / [child-theme]

为了防止将来出现这种情况,在激活之前,始终使用实时预览(主题自定义程序)测试子主题。

当我激活新的儿童主题时,为什么我的菜单显示不正确?

…或…

为什么激活新的子主题时我的自定义标题丢失了?

…或…

为什么我激活新的子主题时我的自定义背景会恢复为默认值?

…或…

为什么在激活新的儿童主题时我的主题选项会消失?

这些选项特定于每个主题,并单独保存在数据库中。创建新的子主题时,其选项为空。

在父/子选项卡上生成子主题文件时,通过选中“复制父主题菜单,窗口小部件和其他选项”,可以将其中许多选项复制到子主题。

如果要设置不同的选项,可以在使用主题自定义程序激活子主题后应用它们,也可以使用外观>下的“实时预览”。主题。

每个主题都以自己的方式处理选项。通常,他们会创建一组选项并将它们存储在WordPress数据库中。某些选项特定于活动主题(或子主题),有些选项仅特定于父主题(意味着子主题无法自定义它们)。你必须从主题作者中找出哪些。

管理员中的儿童主题配置器在哪里?

对于大多数用户,可以在“工具>”下找到“儿童主题配置器”。儿童主题。“

WordPress多站点(网络)用户转到”网络管理员>主题>子主题。“

注意:只有具有”install_themes“功能的用户才能访问子主题配置器。

单击右上角的“帮助”选项卡以获得快速参考。

如何添加网络字体?

最简单的方法是将Google,Font Squirrel或任何其他Web Font网站提供的@import代码粘贴到Web Fonts选项卡中。然后,这些字体可用作font-family属性的值。确保您了解任何嵌入字体的许可证。

您还可以创建包含@ font-face规则的辅助样式表,并使用“Web字体”选项卡将其导入。

为什么在“查看父CSS”时,父主题没有任何样式?

在“父/子”选项卡上的“解析其他样式表”下检查相应的其他样式表,然后加载t他又是儿童主题。 CTC尝试通过从父主题中提取页面来识别这些文件,但您可能需要手动设置它们。

款式在哪里?配置器没有显示任何内容!

所有样式都是动态加载的。您必须在文本框中输入以选择要编辑的样式。
“Base”是包含与任何特定“At-rule”无关的样式的查询组。

首先单击“查询/选择器”选项卡并在第一个中键入“base”框。然后,您可以在第二个框中键入以检索要编辑的样式选择器。

为什么预览标签会返回“无法显示样式表”?

您必须从“父/子”选项卡加载子主题才能显示预览。当您的WP_CONTENT_URL与$ bloginfo(’site_url’)不同时,也会发生这种情况。默认情况下,Ajax无法发出跨域请求。检查您的设置>一般> “WordPress地址(URL)”值是正确的。 (通常由域中缺少“www”引起。)

我可以手动离线编辑子主题样式表,还是使用编辑器,还是必须使用配置程序?

您可以对样式表进行任何手动自定义。只需确保使用“父/子”面板导入修订的样式表,否则配置程序将在您下次使用时覆盖自定义项。只需像往常一样按照步骤操作,但选择“使用现有子主题”单选按钮作为“子主题”选项。 Configurator将自动从新样式表更新其内部数据。

子主题.php文件在哪里?

子主题配置器自动将空白的functions.php文件添加到子主题的目录中。您可以使用“文件”选项卡复制父主题模板文件。如果你想要cr使用FTP或SSH手动创建/上传新模板和目录。请记住,子主题将自动继承父主题的模板,除非它们也存在于子主题的目录中。仅复制您要自定义的模板。

如何自定义特定颜色/字体样式/背景?

您可以使用“属性/值”选项卡全局覆盖特定的CSS值。见上面的属性/值。

如何添加不在父主题中的自定义样式?

您可以使用“查询/选择器”选项卡上的“原始CSS”文本区域添加查询和选择器。请参阅上面的查询/选择器。

如何从父主题中删除样式?

你不应该从父母那里“删除”一种风格。但是,您可以将属性设置为“inherit”,“none”或零(取决于属性)。这将否定原始值。可能需要进行一些实验。

如何从儿童主题中删除样式?

从要删除的属性的输入中删除值。子主题配置程序仅为包含值的属性添加替代。

如何设置!important标志?

我们始终建议在全局覆盖上依赖良好的级联设计。为此,您可以通过在“订单”字段中输入值来更改子主题自定义样式的加载顺序。是的,您现在可以通过选中每个输入旁边的“!”框来将属性设置为重要。请明智地使用。

如何创建跨浏览器渐变?

子主题配置器使用渐变的标准化语法,仅支持没有中间停止的双色渐变。输入包括原点(例如,顶部,左侧,135度等),起始颜色和结束颜色。保存这些v时,将自动生成特定于浏览器的语法alues。有关详细信息,请参阅下面的警告。

如何让我的主题响应?

简短的回答是使用响应式父主题。响应式设计的一些共同特征是:

避免固定的宽度和高度值。使用最大和最小高度值和百分比是使您的设计响应查看器浏览器大小的方法。使用内联和相对位置组合浮动和清除允许元素优雅地调整到其容器的宽度。使用Javascript显示和隐藏内容。

有关更多信息,请查看“主题响应”:

评论

发表评论

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