¿Por qué nunca debería personalizar WordPress en el tema principal existente? ¿Qué sucede con sus personalizaciones cuando se actualiza el tema que está utilizando?

La respuesta es que se pierden, y también se perderá su arduo trabajo para crear su sitio de acuerdo con su marca y las pautas y preferencias de mensajes.

Un tema secundario le permite crear una hoja de estilo CSS separada^{(child theme enables you to create a separate CSS stylesheet)} y agregar funciones adicionales que no se perderán ni se verán afectadas cuando se actualice el tema principal.

Esto se puede hacer manualmente o instalando un complemento creador de temas secundarios. Comencemos con el proceso manual.

Crear un nuevo directorio^{(Create a New Directory)}

Comience^(Start) creando un nuevo directorio para su tema hijo. Puede usar un cliente FTP^{(FTP client)} o acceder a su directorio wp-content/themes existente a través de su cPanel.

Para usar cPanel, vaya a su panel de control de hosting. Seleccione el administrador de archivos^{(file manager)} y navegue hasta el directorio donde está instalado WordPress .

Por lo general, se encuentra en un directorio llamado public_html . Localice y abra la carpeta wp-content . Haga clic en crear una nueva carpeta^{(create new folder)} e ingrese un nombre para el tema de su hijo. Asegúrese de darle un nombre que reconocerá más tarde. Un buen ejemplo es nameofparenttheme-child .

No incluya espacios en su nombre de archivo para evitar errores.

Debido al manejo interno, el nombre de la carpeta debe incluir el nombre del tema principal (tema 'slug') como se muestra en el siguiente ejemplo.

Crear una hoja de estilo CSS^{(Create a CSS Stylesheet)}

Las hojas de estilo se utilizan en los temas de WordPress por dos razones.

• Es la ubicación de los estilos lo que afecta la apariencia de su sitio.
• La hoja de estilo principal de un tema es donde WordPress busca información sobre el tema.

Es posible que no desee agregar ningún estilo nuevo en el tema secundario. Sin embargo, la hoja de estilo aún debe existir para definir detalles como el nombre de su tema y el nombre del tema principal.

Por lo tanto, debe crear una nueva hoja de estilo para su tema hijo. Entonces, su próximo paso es crear un archivo de texto para la hoja de estilo CSS que definirá las reglas que controlan el aspecto de su tema hijo.

El archivo CSS^(CSS) del tema secundario tendrá prioridad sobre el tema principal.

Debe incluir la siguiente información en su archivo de texto:

• El nombre de tu tema.
• El nombre del directorio del tema principal.
• Título y descripción que tenga sentido.

Asegúrese de incluir en la hoja de estilo el siguiente comentario de encabezado en la parte superior del archivo. WordPress leerá esta información y sabrá que se está utilizando un tema secundario.

Desea prestar mucha atención a la etiqueta de la plantilla. Le dice a WordPress cuál es el tema principal de su hijo. Tenga en cuenta que la carpeta donde se encuentra su tema principal distingue entre mayúsculas y minúsculas.

Técnicamente, ahora puede activar su tema hijo. Sin embargo, si desea crear un tema secundario más complejo, deberá agregar funciones PHP personalizadas .

Cree un archivo functions.php en el tema secundario (en el mismo directorio que el archivo style.css que creó). Aquí es donde se deben agregar cosas como formatos de publicación adicionales.

Al igual que con su archivo CSS , los cambios o adiciones a su archivo PHP se fusionarán o anularán automáticamente las funciones de los padres.

Para cosas como los formatos de publicación que se agregan con add_theme_support() , actúan como anulaciones en lugar de fusiones.

Al usar add_theme_support() , debe realizar algunos pasos adicionales para asegurarse de que el tema secundario anule al principal.

Esto puede complicarse, así que consulte la publicación actual del líder del Equipo de revisión de temas de WordPress,^{(WordPress Theme Review Team)} William Patton, sobre el uso de formatos de publicación de WordPress^{( post on using WordPress post formats)} . 

Agregue estilos y secuencias de comandos para anular la funcionalidad del tema principal^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Su próximo paso es asegurarse de que su tema secundario herede las características y estilos del tema principal o refleje los nuevos que desea usar.

Los estilos se utilizan para cambiar la apariencia de su sitio web. Los scripts^(Scripts) mejoran la funcionalidad. La forma en que se agregan estilos y scripts a su sitio de WordPress es tan esencial como el contenido de los archivos.

La funcionalidad de poner en cola de WordPress es cómo lograr esto.

La puesta en cola se refiere a la forma en que se agregan estilos y scripts a los sitios de WordPress para que puedan afectar lo que los usuarios ven cuando visitan su sitio.

El uso de numerosos complementos para lograr el mismo resultado a menudo genera problemas de compatibilidad y sitios rotos.

Wp_enqueue no solo mejora el rendimiento de su sitio web al reducir la sobrecarga de complementos, sino que también mejora la experiencia del usuario.

Cómo usar 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

Para generar los estilos para su tema secundario, deberá usar una función llamada wp_enqueue_style() .

Esta función toma algunos bits de información, pero lo más importante es el nombre (o 'identificador') y la ubicación del archivo.

Dentro del archivo functions.php agregue el siguiente código.

Este código agrega la hoja de estilo del directorio principal y luego también agrega la hoja de estilo para el elemento secundario que creamos anteriormente. Tenga en cuenta que el texto del estilo principal^{(parent-style)} debe coincidir con el nombre del tema principal con -style agregado al final.

Activa el tema de tu hijo^{(Activate Your Child Theme)}

Si creó los archivos para su tema secundario en el servidor dentro de la carpeta wp-content/themes/yourthemename , entonces estaría disponible en su tablero de WordPress para que lo active.

• Acceda a su panel de control.
• Ve a Appearance > Themes .
• El tema de su hijo debe aparecer en la lista.
• Seleccione Vista previa^(Preview) para ver cómo se ve el sitio con el nuevo tema secundario.
• Una vez que esté satisfecho con su aspecto, haga clic en Activar^{(Activate )} para que se active.

Si creó su tema secundario en otro lugar que no sea el servidor en la carpeta wp-content/themes/yourthemename , entonces debe comprimir su nueva carpeta de tema secundario.

• Inicie sesión en su panel de WordPress.
• Ve a Appearance > Themes .
• Haga clic en Agregar nuevo^{(Add new)} .
• Elija Subir tema^{(Upload Theme)} .
• Arrastra^(Drag) tu archivo comprimido al nuevo cuadro que aparece o haz clic en el selector de archivos y búscalo en tu computadora.
• Una vez que se haya cargado, puede obtener una vista previa y luego activarlo.

Agregar archivos de plantilla^{(Add Template Files)}

Para anular otras plantillas, puede copiarlas del tema principal al tema secundario. Cualquier archivo de plantilla que tenga el mismo nombre en el elemento secundario que en el principal actúa como anulación. Luego ajuste el contenido de las plantillas según sea necesario.

Para agregar nuevas plantillas^{(To add new templates)} , solo se trata de crear un nuevo archivo con el nombre correcto y agregar su propio contenido. La sección anterior explica el proceso manual.

Ahora repasemos cómo crear temas secundarios con un complemento de WordPress .

Usar un complemento de WordPress^{(Use a WordPress Plugin)}

Inicie sesión^(Log) en su panel de WordPress . Haga clic^(Click) en Plugins > Add New . Buscar tema hijo.^{(child theme.)}

El primer plugin que verás es el Child Theme Configurator . Esta es una buena opción, como se ve en la captura de pantalla anterior, porque:

• Es compatible con la versión actual de WP.
• Tiene muchas instalaciones.
• Fue actualizado recientemente.

Haga clic en Install now > Activate . El siguiente paso es navegar a Herramientas^(Tools) y luego seleccionar temas secundarios.^{(child themes.)}

Busque^(Find) y seleccione su tema principal en el menú desplegable. Elija analizar^(analyze) para asegurarse de que su tema esté bien para usarlo como tema secundario.

A continuación^(Below) se muestra un tutorial paso a paso sobre cómo configurar Child Theme Configurator . Si decide usar un complemento de WordPress diferente , también puede encontrar fácilmente un tutorial sobre cómo configurarlo.

Como ya sabe, los temas secundarios son temas distintos que se basan en su tema principal para algunas de sus funciones.

Cuando usa un tema secundario, WordPress buscará el tema secundario antes que el principal y seguirá el estilo y la funcionalidad del tema secundario, si existe.

Ahórrese mucho tiempo, problemas y futuros dolores de cabeza cuando el tema principal se actualice creando un tema secundario que no se verá afectado por la actualización.

How To Create a WordPress Child Theme

Why should you never customizе WоrdPress in the existing parent theme? What hаppens to yоur customizations whеn the theme you are using is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Creando Child Theme en WordPress

• Cómo configurar su propio sitio web similar a Twitter usando el tema P2 de WordPress

• Cómo mover WordPress site de un anfitrión a otro

• Cómo instalar y configurar WordPress en Microsoft Azure

• Cómo ejecutar extraordinariamente rápido WordPress en Microsoft Azure

• Cómo actualizar PHP en WordPress

• Cómo encontrar su inicio de sesión de administrador de WordPress

• Cómo instalar un tema en WordPress

• Must Have WordPress Yoast SEO Settings 2021

• Los 11 mejores complementos de podcasts de WordPress

• Los 3 mejores complementos de SEO para WordPress

• Cómo crear su propia ventana emergente de cupones en WordPress

• Cómo proteger con contraseña las páginas de su sitio web de WordPress

• Wix Vs WordPress: ¿Cuál es mejor para crear su sitio web?

• Cómo instalar WordPress en Google Cloud Platform

• Cómo configurar Privacy en WordPress y por qué es importante

• Cómo instalar un sitio de prueba de WordPress en su computadora

• Squarespace Vs WordPress: ¿Cuál es la mejor plataforma de sitio?

• Cómo hacer una copia de seguridad de su sitio de WordPress

• Cómo hacer la transición del editor clásico de WordPress a Gutenberg