Cómo crear y personalizar un tema hijo de WordPress: Tutorial completo y guía práctica

什么是 WordPress 子主题?

WordPress 子主题是继承另一个主题(称为父主题)的功能和样式的主题。子主题是一种无需直接编辑父主题文件即可修改 WordPress 主题的安全方法。

当你创建子主题时,它会将主题文件存储在 WordPress 根目录中父主题文件夹之外的单独文件夹中。这样,编辑子主题时,只会更改这些文件,而不会更改父主题文件。这可确保自定义设置不会在更新父主题时丢失。

父主题和子主题的区别

差异点 父 WordPress 主题子 WordPress 主题
依赖 独立运行,不依赖其他主题。包含所有独立运行所需的组件。依赖于父主题运行,需要安装并激活父主题才能继承其特性和功能。
funcionalidad提供核心设计、布局和功能,包括创建完整网站所需的所有模板、CSS、JavaScript 和其他文件。添加或覆盖父主题中的特定功能或样式,通常仅包含需要更改或添加的文件。
actualización由主题开发人员更新,可能包括新功能、安全补丁和错误修复。不受父主题更新的影响,自定义设置保持不变,可以安全地更新父主题而不会丢失更改。
personalización直接对父主题文件进行的定制可能会在更新期间丢失。自定义设置会在父主题更新时保留,更改在子主题的文件中发生,而父主题的文件保持不变。
用法适合希望按原样使用主题的用户或希望从头开始创建新主题的开发人员。适合想要定制现有主题而不担心更新时丢失更改的用户,或希望扩展或修改父主题的功能和设计的开发人员。

使用 WordPress 子主题的好处

图片[2]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  1. 简化的开发流程

从头开始创建自定义主题非常耗时,而使用子主题可以利用父主题作为基础,根据需要修改各个元素。

  1. 扩展功能和定制

子主题允许修改包括 PHP、CSS 和 HTML 在内的所有文件,创建自定义样式并扩展父主题功能,而无需更改原始文件。

  1. 原始主题文件的安全性

子主题的文件保存在独立文件夹中,确保父主题文件保持不变,即使更新父主题,子主题也会保留所有编辑和自定义。

  1. 风险缓解

如果在设计子主题时犯了错误,可以随时恢复父主题或基于原始主题创建新的子主题。

  1. 易于共享和重复使用

子主题的文件存储在单独的文件夹中,方便在多个网站上重复使用和共享。

    如何创建 WordPress 子主题

    方法一:手动创建子主题

    1. Creación de carpetas de temas hijo::
      • 使用 FTP 客户端或托管服务提供商的控制面板访问 WordPress 根目录,在 /wp-content/themes 文件夹中创建一个新的子主题文件夹,例如命名为 nexter-child。
    图片[3]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
    1. 创建 CSS 样式表文件::

    下一步是创建子主题的 CSS 样式表文件。此文件将存储子主题的所有 CSS 样式。

      创建文件::

      • 在托管控制面板中,找到菜单中的“+ 文件”图标,单击它以创建一个新文件。

      文件位置::

      • 确保在子主题文件夹中创建此文件。

      命名文件::

      • 将文件命名为 style.css。完成后,单击“创建新文件”以完成过程。

      文件内容::

      • 这个文件将包含所有子主题的必要信息,并充当其主要样式表。

      如果你使用的是 FTP 客户端,请使用计算机上的记事本应用程序创建 CSS 文件。然后,可以将其上传到 WordPress 安装中的子主题文件夹中。

      1. 编辑 CSS 样式表文件
      ¿Cómo optimizar el diseño CSS de una página para mejorar el posicionamiento SEO?
      ¿Cómo optimizar el diseño CSS de una página para mejorar el posicionamiento SEO?

      右键单击新创建的 CSS 文件并从上下文菜单中选择“编辑”选项。该文件将在新选项卡中作为空白文件打开。

      复制下面的文本并将其粘贴到你的 CSS 文件中:

        Theme Name: Nexter Child Theme
        
        Theme URI: https://nexterwp.com
        
        Description: This is a Child Theme for Nexter
        
        Author: POSIMYTH
        
        Author URI: https://posimyth.com
        
        Template: nexter
        
        Version: 1.0.0
        
        License: GNU General Public License v2 or later
        
        License URI: http://www.gnu.org/licenses/gpl-2.0.html
        
        Tags: responsive-layout, two-column, responsive-layout
        
        Text Domain: nexter-child-theme

        Haga clic en la esquina superior derecha del"Guardar cambios"按钮保存文件。

        1. 创建函数文件::
          • 在子主题文件夹中创建一个名为 functions.php 的文件,并添加以下代码:
        <?php add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } ?>
        1. 激活子主题::
          • 登录到 WordPress 管理面板,导航到estado exterior > temática,找到子主题并点击“active"Botón
        图片[5]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

        方法二:使用插件创建子主题

        1. 安装子主题配置器插件::

        登录到 WordPress 管理面板,导航至plug-in (componente de software) > Añadir nuevo plugin,搜索并montaje Child Theme Configurator 插件,然后点击“active".

          图片[6]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
          1. Creación de subtemas::

          Navegar al panel de control de WordPressartefacto > subtema

          图片[7]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

          在“父/子”选项卡下选择父主题,点击“analizado”按钮,确保主题适合作为父主题。

          图片[8]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

          existe命名新主题目录:字段中,添加子主题文件夹名称。然后,在选择保存新样式的位置:字段中保留默认选项,因为这是样式的保存位置。

          图片[9]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

          然后点击“创建新子主题"Botón

          图片[10]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
          1. 预览并激活子主题::

          导航至仪表板,“外貌”>“temática”,选择预览子主题

          图片[11]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

          确认一切正常后,点击“激活并发布"Botón

          图片[12]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

          如何自定义你的 WordPress 子主题?

          可以使用 WordPress 经典编辑器或 Elementor 页面构建器来编辑子主题。Elementor 页面构建器易于使用且对初学者友好。还可以安装 Elementor 的 Plus Addons 插件,为网站添加更多功能和小部件。

          Resumen:

          本文详细介绍了通过创建子主题,你可以安全地定制和扩展现有主题,而不必担心在父主题更新时丢失自定义设置。

          文章提供了两种创建子主题的方法:手动创建和使用插件创建,步骤清晰易懂。还强调了子主题在开发过程中的实用性和安全性,使其成为定制 WordPress 站点的理想选择。

          图片[13]-如何创建和自定义 WordPress 子主题:完整教程与实用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

          Contacte con nosotros
          ¿No puede leer el artículo? ¡Póngase en contacto con nosotros para obtener una respuesta gratuita! Ayuda gratuita para sitios personales y de pequeñas empresas
          Tel: 020-2206-9892
          QQ咨询:1025174874
          (iii) Correo electrónico: info@361sale.com
          Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
          © Declaración de reproducción
          Este artículo fue escrito por: xiesong
          EL FIN
          Si le gusta, apóyela.
          felicitaciones8 compartir (alegrías, beneficios, privilegios, etc.) con los demás
          comentarios compra de sofás

          Por favor, inicie sesión para enviar un comentario

            Sin comentarios