Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático

O que é que se passa? Temas filhos do WordPress?

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

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

父主题和子主题的区别

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

使用 WordPress 子主题的好处

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático
  1. 简化的开发流程

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

  1. 扩展功能和定制

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

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

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

  1. 风险缓解

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

  1. 易于共享和重复使用

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

如何创建 WordPress 子主题

方法一:手动创建子主题

  1. 创建子主题文件夹::
    • 使用 FTP 客户端或托管服务提供商的控制面板访问 WordPress 根目录,在 /wp-content/themes 文件夹中创建一个新的子主题文件夹,例如命名为 nexter-child。
Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático
  1. 创建 CSS 样式表文件::

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

创建文件::

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

文件位置::

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

命名文件::

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

文件内容::

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

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

  1. 编辑 CSS 样式表文件
Como otimizar o layout da página CSS para melhorar a classificação SEO?
Como otimizar o layout da página CSS para melhorar a classificação 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

点击右上角的"Guardar alterações"按钮保存文件。

  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ático,找到子主题并点击“ativar"Botão.
Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático

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

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

登录到 WordPress 管理面板,导航至plug-in (componente de software) > Adicionar novo plug-in,搜索并montagem Child Theme Configurator 插件,然后点击“ativar".

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático
  1. Criar subtópicos::

在 WordPress 仪表板中导航至artefacto > subtema

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático

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

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático

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

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático

Em seguida, clique em "创建新子主题"Botão.

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático
  1. 预览并激活子主题::

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

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático

确认一切正常后,点击“激活并发布"Botão.

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático

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

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

Resumo:

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

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

Como criar e personalizar um tema filho do WordPress: Tutorial completo e guia prático

Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/11374/

Como (1)
Anterior Terça-feira, 16 de junho de 2024 às 11:55.
Seguinte Quarta-feira, 17 de junho de 2024 às 9:38.

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.