¿Encontraste un tema de WordPress que realmente te gusta pero quieres personalizar un poco su apariencia? Puede hacer esto fácilmente escribiendo un código personalizado en la hoja de estilo CSS de su tema. Sin embargo, estos cambios pueden perderse fácilmente cuando actualiza el tema.

Para evitar esto, puede crear un tema secundario, lo que le permite realizar toda la personalización que desee sin correr el riesgo de perder estos cambios cuando finalmente actualice el tema principal.

Lo guiaremos a través de cada paso del proceso. Primero, aclaremos un poco la jerga.

¿Qué es exactamente un tema infantil?

Un tema hijo es un tema de WordPress completamente funcional que hereda sus funciones y propiedades de otro tema, su tema padre. Cuando crea un tema secundario, puede aprovechar todas las características del tema principal sin perder estas características cada vez que el tema principal recibe una actualización.

Hay tres componentes básicos que necesitará para crear un tema hijo, y estos se tratarán en detalle cuando discutamos cómo crear un tema hijo manualmente.

instagram viewer

Primero, sin embargo, cubriremos rápidamente cómo crear un tema secundario usando generadores de temas secundarios gratuitos y usando un complemento.

¿Listo? ¡Entremos en ello!

1. Cómo crear un tema secundario utilizando un generador de temas secundarios

Este es probablemente el método más sencillo y sencillo de todos. Todo lo que tiene que hacer es navegar a un sitio web generador de temas para niños, ingresar un nombre para su tema para niños, y eso es todo.

Dos de los generadores de temas secundarios más populares son Generador de tema infantil Astra y Generador de temas para niños, que crea temas secundarios para el popular tema Astra.

El tema Astra es un tema de WordPress popular, liviano y rápido que es adecuado para crear cualquier tipo de sitio web. También es uno de los mejores temas gratuitos de WordPress de 2021, por lo que es una buena opción para la creación de su sitio web. Para utilizar Astra Child Theme Generator, primero deberá instalar el tema Astra.

Para luego crear su nuevo tema hijo, simplemente inicie sesión en Generador de tema infantil Astra, ingrese el nombre que le gustaría para su nuevo tema hijo, haga clic en Generar, ¡y eso es!

Su nuevo tema hijo se descargará automáticamente como una carpeta zip. Instálelo y actívelo como lo haría con cualquier otro tema.

2. Cómo crear un tema secundario usando un complemento

Este método es casi tan sencillo como usar un generador de temas secundarios en línea. Existen numerosos complementos de generador de temas para niños, pero le recomendamos que utilice una de las opciones más populares:Configurador de temas secundarios.

Para comenzar, instale y active el complemento desde el repositorio de WordPress. En el panel de la izquierda, coloca el cursor sobre Instrumentos, luego haga clic en Temas infantiles.

Para crear su tema hijo, marque CREAR un nuevo tema hijo, luego desplácese hacia abajo y seleccione el tema principal. Hacer clic Analizar y espera los resultados. Si todos los archivos de su tema están en orden, verá opciones adicionales en la pantalla. Puede ignorar la mayoría de estos o realizar cambios cuando corresponda.

Para darle vida a su tema infantil, simplemente haga clic en el Crear nuevo tema secundario en la parte inferior de la pantalla, y eso es todo.

Navegar hacia Apariencia> Temas, y su nuevo tema hijo estará visible y listo para su activación.

El uso de un generador de temas para niños o un complemento de generador de temas para niños son excelentes soluciones que son fáciles de implementar y no requieren habilidades técnicas avanzadas. Sin embargo, si desea profundizar y desempeñar un papel más activo en la creación de su nuevo tema infantil, el siguiente método es para usted.

3. Cómo crear un tema secundario manualmente

Crear un tema hijo manualmente es mucho más atractivo que cualquiera de los dos métodos anteriores, pero sigue siendo relativamente sencillo de lograr.

Necesitará tres componentes básicos: un archivo de tema para su tema hijo, un style.css hoja de estilo y una functions.php Archivo.

1. Crear un archivo de tema

Puede hacer esto en cPanel o usando FTP. Recomendamos utilizar cPanel si su servicio de alojamiento lo proporciona. Iniciar sesión en cPanel> Administrador de archivos> Archivos> Public_html> wp-content> temas.

Clickea en el + Carpeta en el menú superior para crear una nueva carpeta. Debe nombrar esto después del nombre del tema principal, agregando "-child" al final. Si está utilizando el tema Twenty Twenty-One, por ejemplo, este se vería así: "twentytwentyone-child".

2. Crea un archivo Style.css

Style.css es la convención de nomenclatura predeterminada de WordPress para hojas de estilo CSS. Aquí es donde irá todo el CSS para su tema hijo, pero puede retrasar la creación del CSS hasta que haya configurado completamente su tema hijo.

Para crear un style.css archivo, simplemente haga clic en el + Archivo opción del menú superior. La hoja de estilo debe ir en la nueva carpeta de temas que acaba de crear. En el nuevo archivo, pegue el siguiente comentario:

/*
Nombre del tema: veintiún niños
URI del tema: http://example.com/twenty-twenty-one-child/
Descripción: Tema Twenty One Child
Autor: Jane Doe
URI del autor: http://example.com
Plantilla: veintitrés
Versión: 1.0.0
Licencia: Licencia pública general GNU v2 o posterior
URI de licencia: http://www.gnu.org/licenses/gpl-2.0.html
Etiquetas: claro, oscuro, dos columnas, barra lateral derecha, diseño receptivo, listo para accesibilidad
Dominio de texto: veintidós hijos
*/

Este es un comentario y no se ejecutará en tiempo de ejecución, pero sin él, su archivo de hoja de estilo CSS no funcionará. Guarde el archivo como style.css.

3. Crear un archivo Functions.php

Tal como agregó un nuevo archivo y lo llamó style.css, agregue un nuevo archivo y llámelo functions.php. Pegue el código a continuación:


php

add_action ('wp_enqueue_scripts', 'enqueue_parent_styles');

función enqueue_parent_styles () {

wp_enqueue_style ('estilo principal', get_template_directory_uri (). '/ style.css' );

}

¡Eso es! Ahora tiene los tres componentes necesarios para que su tema hijo funcione. Para finalizarlo, regrese a su backend de WordPress y active el tema tal como lo haría con cualquier otro tema.

Introducción a los temas infantiles de WordPress

Los temas secundarios son una forma útil de realizar cambios en su tema de WordPress sin tener que preocuparse por las actualizaciones del tema principal. En este artículo, le mostramos tres métodos diferentes y fáciles de usar para crear un tema hijo. Si lo único que busca es crear algunos diseños personalizados para sus páginas web, una alternativa eficaz es utilizar un creador de páginas de WordPress.

Cómo cambiar de país / región en Google Play Store

¿Necesitas cambiar el país de tu Google Play Store? A continuación, se explica cómo cambiar el país de Google Play Store de su cuenta en un teléfono Android.

Leer siguiente

CuotaPíoCorreo electrónico
Temas relacionados
  • Programación
  • Wordpress
  • Diseño web
  • Desarrollo web
  • CSS
Sobre el Autor
David Abraham (7 artículos publicados)

¡David es un amante de WordPress apasionado por ayudar a las pequeñas empresas a crecer!

Más de David Abraham

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse