En este artículo, le mostraré un método muy fácil para crear temas secundarios cuando use Temas de bloque de WordPress.

Índice del contenido

Resumen rápido de temas de bloques

Con la introducción de WordPress 6.0, el equipo de WordPress se ha volcado con Block Themes para que sea más fácil que nunca diseñar y personalizar sitios web con poca o ninguna codificación. Block Themes utiliza el "Editor de bloques", también conocido como "Editor de bloques de Gutenberg", para permitir a los usuarios arrastrar y soltar elementos de diseño en una página web. Esta característica hace que WordPress sea mucho más competitivo con los creadores de sitios y los creadores de temas, especialmente porque WordPress es totalmente gratuito y ya lo utiliza más del 60% de los 10 millones de sitios web principales en Internet.

Uno de los beneficios más recientes de Block Themes es la capacidad de crear fácilmente un nuevo tema secundario para cualquier Block Theme que esté utilizando para diseñar su sitio web. Por ejemplo, si está utilizando el tema TwentyTwentyThree predeterminado que se incluye con WordPress 6.2, puede crear rápidamente un tema secundario sin necesidad de sumergirse en los archivos de su sitio mediante un cliente FTP.

Por qué los temas secundarios son importantes

Los temas secundarios son importantes porque le permiten personalizar su tema y mantener esas personalizaciones siempre que haya actualizaciones de temas disponibles. Sin un tema secundario, las personalizaciones de su sitio pueden anularse cada vez que actualice su tema "principal", en este caso, el tema TwentyTwentyThree. Esto significa que, en el mejor de los casos, deberá regresar y volver a insertar sus personalizaciones una por una después de cada actualización del tema y, en el peor de los casos, puede perder todas sus personalizaciones al actualizar y deberá comenzar de nuevo.

Los temas secundarios separan sus personalizaciones del tema principal predeterminado, por lo que puede actualizar su tema principal Y mantener todas las personalizaciones que se encuentran dentro del tema secundario. Obtienes lo mejor de ambos mundos.

WordPress simplificado: curso sobre cómo crear sitios web potentes por Davies Media Design

Cree un tema secundario para su tema de bloque

Ahora que algunos de ustedes están lo suficientemente molestos conmigo por explicarles por qué necesitan temas secundarios, veamos cómo crear realmente estos temas secundarios cuando trabajen en WordPress en 2023, 2024 y más allá.

Para empezar, inicie sesión en su Panel de WordPress y navegue hasta Complementos> Agregar nuevo (flecha roja en la imagen de arriba).

Este método utiliza un complemento desarrollado directamente por el equipo de WordPress. Esto significa que el complemento se ha optimizado para funcionar con la última versión de WordPress y bloquear temas.

Desde el área de trabajo "Agregar complementos", busque el complemento "Crear tema de bloque" usando la barra de búsqueda (resaltado en verde en la imagen de arriba, hacia la parte superior derecha). Una vez que vea el complemento en la lista de resultados de la búsqueda, haga clic en "Instalar ahora" (flecha roja).

Una vez que el complemento haya terminado de instalarse, el botón "Instalar ahora" se volverá azul y dirá "Activar". Haga clic en el botón "Activar" (flecha roja en la imagen de arriba).

Una vez que el complemento se haya activado con éxito, se lo dirigirá al área de trabajo "Complementos" de WordPress y verá un mensaje que dice "Complemento activado" en la parte superior (flecha verde en la imagen de arriba). Desde aquí, navega a Apariencia>Crear tema de bloque (flecha roja).

Una vez dentro del área de trabajo "Crear tema de bloque", seleccione la opción de radio "Crear tema secundario de Twenty Twenty-Three" (o cualquiera que sea el nombre del tema para el que está creando un tema secundario: flecha roja en la imagen de arriba).

Aparecerán un montón de cuadros de texto en el lado derecho de la ventana. Solo el campo de texto superior, etiquetado como "Nombre del tema" (flecha azul), es obligatorio. El resto son todos opcionales. Para el nombre de su tema, es una práctica estándar nombrar su tema secundario "TwentyTwentyThree-child" si su tema principal se llama "TwentyTwentyThree", por ejemplo.

También agregué una breve descripción en el campo "Descripción del tema", además agregué el nombre de mi empresa en "Autor" y mi sitio web principal en "URI del autor". Todo lo demás lo dejé en sus valores predeterminados (incluidas las casillas de verificación que verá cuando se desplace hacia abajo en la página).

Haga clic en el botón "Generar" (flecha verde).

Esto iniciará automáticamente la descarga de un archivo zip que contiene el tema de su hijo. Puede mantener el nombre del archivo tal como aparece (flecha roja en la imagen de arriba). Haga clic en "Guardar" para guardar el archivo en su computadora (flecha azul).

Se descargará un archivo zip en su computadora. En la barra de descargas en la parte inferior de su navegador, haga clic en la flecha junto a la descarga finalizada (flecha verde) y haga clic en "Mostrar en la carpeta" (flecha roja) para que aparezca el archivo zip descargado en la ventana del Explorador de archivos (si está usando Windows: en MAC, abra la descarga en su Explorador de archivos).

Mantenga esta ventana del Explorador de archivos abierta y el archivo zip que contiene su tema secundario seleccionado (flecha verde); lo necesitaremos en un próximo paso.

Regrese a WordPress y navegue a la sección "Temas" en Apariencia (flecha roja en la imagen de arriba). Haga clic en el botón "Agregar nuevo" en la parte superior del área de trabajo de Temas (flecha azul).

En el área de trabajo "Agregar temas", verá un cuadro en el medio de la ventana con un botón llamado "Elegir archivo" (flecha roja). Puede hacer clic en este botón y seleccionar el archivo zip que acabamos de descargar para el tema secundario, o abrir la ventana del Explorador de archivos a la que navegamos anteriormente y arrastrar y soltar el archivo zip en cualquier lugar dentro de este cuadro.

En esta foto de arriba, puedes ver que arrastré el archivo zip directamente sobre la caja y solté el mouse.

Ahora verá su archivo de tema veintetwentytreshijo.zip enumerado dentro del cuadro (flecha verde) y aparece el botón "Instalar ahora" (flecha roja). Haga clic en "Instalar ahora" para comenzar la instalación del tema secundario.

Accederá a una nueva ventana y su tema secundario comenzará a instalarse en su sitio. Dale tiempo a la instalación y no actualices la página mientras se instala (puede dañar tu sitio). Una vez que se haya completado la instalación del tema secundario, verá un mensaje que dice "El tema se instaló correctamente". (delineado en verde en la imagen de arriba).

Debajo de este mensaje de éxito hay un enlace con la etiqueta "Activar". Haga clic en este enlace para activar el tema secundario en su sitio.

Una vez que el tema se haya activado con éxito, volverá al área de trabajo "Temas". Aparecerá un mensaje en la parte superior que dice “Nuevo tema activado. (delineado en verde en la imagen de arriba). Verá que el primer tema de la lista ahora parece ser un tema en blanco, indicado por el fondo del tablero de ajedrez, que generalmente representa la transparencia en el mundo del diseño. En la parte inferior de la vista previa de este tema, verá que dice "Activo: TwentyTwentyThree-child” (flecha roja).

¡Esto significa que ha instalado con éxito un tema secundario! La vista previa del tema transparente representa el hecho de que su tema secundario solo tiene personalizaciones de tema, y ​​todos los demás elementos de estilo y diseño se muestran en el tema principal (en este caso, el tema "TwentyTwentyThree"). Asegúrese de no eliminar el tema principal, ya que esto arruinará su sitio. Además, asegúrese de mantener actualizado el tema principal (por razones de seguridad) haciendo clic en los enlaces/notificaciones de actualización que aparecen para el tema.

Puede obtener una vista previa de su sitio actual con el tema secundario habilitado haciendo clic en el enlace "Visitar sitio" que aparece en el mensaje de éxito (flecha azul en la imagen de arriba).

En este caso, verá que mi sitio simplemente se muestra como el tema TwentyTwentyThree predeterminado (mi tema principal: no hice ningún cambio en el tema TwentyTwentyThree antes de comenzar este tutorial). ¡Eso significa que el tema hijo se instaló correctamente!

Eso es todo por este tutorial. Puedes ver mis otros Artículos de ayuda de WordPress en mi sitio, o profundice en WordPress con mi WordPress para principiantes 2023 – Clase magistral de WordPress sin código.

Boletín informativo por correo electrónico de aplicaciones creativas gratuitas de Davies Media Design

Suscríbase al boletín de DMD

¡Regístrese para recibir nuevos tutoriales, actualizaciones de cursos y las últimas noticias sobre sus aplicaciones creativas gratuitas favoritas!

¡Te has suscripto satisfactoriamente!

El pin en Pinterest