如何创建WordPress子主题


为什么不应该在现有的父主题中自定义WordPress?更新您正在使用的主题时,自定义会发生什么?

答案是它们会丢失,并且根据品牌和消息传递准则以及偏好创建网站的辛勤工作也会丢失。

A 子主题使您可以创建单独的CSS样式表 并添加不会丢失或丢失的其他功能

这可以手动完成,也可以通过安装子主题创建者插件来完成。让我们从手动过程开始。

创建新目录

从为您的子主题创建新目录开始。您可以使用FTP客户端 或通过cPanel访问现有的wp-content / themes目录。

要使用cPanel,请转到托管控制面板。选择文件管理器,然后导航到WordPress的安装目录。

<!-
In_content_1全部:[300x250] / dfp:[640x360]
->

这通常位于名为public_html的目录中。找到并打开wp-content文件夹。点击创建新文件夹,然后输入您的子主题的名称。确保给它起一个名字,以后您会认出来。一个很好的例子是nameofparenttheme-child

请勿在文件名中包含任何空格,以免出错。

由于内部处理,文件夹名称必须包含父主题的名称(主题“ slug”),如下例所示。

创建CSS样式表

在WordPress主题中使用样式表有两个原因。

  • 这是影响您网站外观的样式的位置。
  • 主题的主要样式表是WordPress用来查找有关主题的信息的地方。
  • 您可能不想在子主题中添加任何新样式。但是,样式表仍需要存在以定义诸如主题名称和父主题名称之类的细节。

    因此,您需要为子主题创建一个新的样式表。因此,下一步是为CSS样式表创建一个文本文件,该文件将定义控制子主题外观的规则。

    然后,子主题CSS文件将优先于父主题。

    您需要包括文本文件中的以下信息:

    • 您的主题名称。
    • 父主题目录的名称。
    • 标题和说明很有道理。
    • 确保在样式表中的文件顶部包含以下标题注释。 WordPress将阅读此信息,并知道正在使用子主题。

      <图class =“ lazy aligncenter”>

      您要密切注意模板标签。它告诉WordPress您的孩子的父母主题是什么。请注意,父主题所在的文件夹区分大小写。

      从技术上讲,您现在可以激活子主题。但是,如果要创建更复杂的子主题,则需要添加自定义PHP函数。

      在子主题中创建functions.php文件(与您制作的style.css文件位于同一目录中)。在此处应添加其他帖子格式之类的内容。

      与CSS文件一样,对PHP文件的更改或添加将自动与父项的功能合并或覆盖。

      对于诸如通过add_theme_support()添加的帖子格式之类的东西,它们充当替代而不是合并。

      在使用add_theme_support()时,您需要采取一些额外的步骤来确保子主题覆盖父主题。

      这可能会变得很复杂,因此请参考当前的WordPress主题审查小组负责人William Patton的 关于使用WordPress帖子格式的帖子

      添加样式和脚本以覆盖父主题功能

      下一步是确保您的子主题继承父主题的功能,并样式或反映您要使用的新样式。

      样式用于更改网站的外观。脚本增强了功能。样式和脚本添加到WordPress网站的方式与文件内容一样重要。

      WordPress的入队功能是实现此目的的方法。

      入队是指将样式和脚本添加到WordPress网站中的方式,以便它们可以影响用户访问您的网站时所看到的内容。

      使用大量插件来实现相同的结果通常会导致兼容性问题和网站损坏。

      Wp_enqueue不仅可以通过减少插件开销来提高网站的性能,而且还可以提高用户体验。

      如何使用“ wp_enqueue”

      要输出子主题的样式,您将需要使用名为wp_enqueue_style()的函数。

      此函数需要一些信息,但最重要的是文件的名称(或“句柄”)和位置。

      函数内部。 php文件添加以下代码

      <图class =“ lazy aligncenter”>

      此代码添加了父目录中的样式表,然后还为我们之前创建的子项添加样式表。请注意,父样式文本应与父主题的名称匹配,并在末尾添加-样式

      激活您的孩子主题

      如果您在服务器上的wp-content / themes / yourthemename文件夹中为子主题创建了文件,则该文件将在您的WordPress中可用仪表板供您激活。

      • 登录到仪表板。
      • 转到外观>主题
      • 您的子主题应列出。
      • 选择预览以查看新子主题下网站的外观。
      • 对外观满意后,请点击激活
      • 如果您在wp-content / themes / yourthemename文件夹中的服务器之外的其他位置创建了子主题,则应压缩您的新的子主题文件夹。

        • 登录到WordPress仪表板。
        • 转到外观>主题
        • 单击添加新
        • 选择上传主题
        • 将压缩文件拖到出现的新框中,或者单击文件选择器,然后在计算机上浏览到它。
        • 一旦上传,就可以预览并激活它。
        • 添加模板文件

          要覆盖其他模板,您可以将其从父主题复制到子主题。子代中与父代中名称相同的任何模板文件都将作为替代。然后根据需要调整模板的内容。

          添加新模板 ,这只是用正确的名称制作新文件并添加自己的内容的情况。上一节说明了手动过程。

          现在让我们看一下如何使用WordPress插件创建子主题。

          使用WordPress插件

          登录进入您的WordPress仪表板。点击插件>添加新。搜索子主题。

          您将看到的第一个插件是 子主题配置器 。如上面的屏幕快照所示,这是一个不错的选择,因为它:

          • 与当前版本的WP兼容。
          • 具有很多安装。
          • 最近更新。
          • 单击立即安装>激活。下一步是导航到工具,然后选择子主题。

            找到并从下拉菜单中选择父主题。选择分析以确保您的主题可以用作子主题。

            下面是有关如何设置“子主题配置器”的分步教程。如果您决定使用其他WordPress插件,则可以轻松找到有关如何设置它的教程。

            您现在知道,子主题是依赖于父主题的某些功能的独特主题。

            使用子主题时, WordPress会在父级之前先寻找子级,并遵循子级的样式和功能(如果存在)。

            当父级主题更新时,可以节省很多时间,麻烦和以后的麻烦创建不受更新影响的子项。

            WordPress使用Theme Editor製作子主題保留原本設定

            相关文章:


            18.07.2019