WordPress y edición completa del sitio: cómo crear un tema secundario y un tema de bloque
Publicado: 2022-12-09¿Cuándo debería usar un tema hijo para WordPress? Es importante crear un tema secundario si planea realizar cambios personalizados en el código.
De esta manera, cuando se actualice el tema, no se sobrescribirán los cambios personalizados en el código.
Tradicionalmente, al trabajar con WordPress, esto requería hacer una copia de functions.php y style.css para crear el tema secundario y poner en cola el tema secundario con el tema principal.
Con la estructura de archivos diferente en la edición completa del sitio , se necesitaron algunos ajustes para encontrar todos los archivos apropiados.
Afortunadamente, con la creación del complemento Create Block Theme de WordPress.org, crear no solo un tema secundario, sino también un tema completamente personalizado o una variación de estilo es más fácil que nunca.
Captura de pantalla del repositorio de complementos de WordPress.org, diciembre de 2022Configuración del complemento Create Block Theme en WordPress
Primero, querrá instalar y activar el tema de bloque de WordPress para el que desea crear su nuevo tema o tema secundario; en este caso, estoy usando Twenty Twenty-Two.
Captura de pantalla del panel de WordPress, diciembre de 2022A continuación, siga los siguientes pasos:
Vaya a Complementos > Agregar nuevo .
En la ventana de búsqueda, busque "Crear tema de bloque".
Haga clic en Instalar y activar .
Captura de pantalla del panel de WordPress, diciembre de 2022Con el complemento instalado, tendrá algunas opciones nuevas en Apariencia, que incluyen Crear tema de bloque y Administrar fuentes de tema . 
Captura de pantalla del panel de WordPress, diciembre de 2022Crear un tema hijo de WordPress
El complemento Create Block Theme es una forma extremadamente simple de crear un tema secundario para un bloque, incluido un tema de edición de sitio completo. El complemento creará automáticamente la carpeta de partes, la carpeta de plantillas, theme.json y style.css.
Una vez que se instala el complemento, está listo para crear el tema secundario:
- En Apariencia , seleccione Crear tema de bloque .
- A continuación, seleccione Create child of Twenty Twenty-Two (si seleccionó un tema diferente, aparecerá una lista de ese tema).
- A la derecha, complete Nombre del tema, Descripción del tema, URI del tema, Autor y URI del autor.
- Haga clic en el botón azul Generar para crear el tema secundario.
Captura de pantalla del panel de WordPress, diciembre de 2022Su tema hijo se exportará como un archivo zip.
Captura de pantalla del archivo de tema secundario generado, diciembre de 2022En Apariencia > Temas , haga clic en Agregar tema y Cargar tema, y seleccione el archivo zip que se generó.
Vaya a Temas y asegúrese de ver su nuevo tema secundario.
Creación de una imagen personalizada para un tema infantil de WordPress
Una deficiencia del complemento es que no le permite agregar una captura de pantalla.png para su tema secundario , ni utiliza el que se proporciona con el tema principal.
Esto se puede solucionar fácilmente y proporciona un agradable toque personalizado para el tema de su hijo.
Usando su editor de imágenes favorito, cree una nueva imagen que tenga un tamaño de 1200 px por 900 px y asígnele el nombre captura de pantalla.png.
Coloque la nueva captura de pantalla.png dentro de la carpeta del tema secundario que creó.
Captura de pantalla de los archivos de tema para el tema secundario de WordPress, diciembre de 2022Vuelva a los temas y su nueva imagen debería aparecer con el tema de su hijo.
Captura de pantalla del panel de WordPress, diciembre de 2022Ahora que se ha establecido un tema secundario en su tema de bloque, se pueden realizar cambios en los archivos de plantilla theme.json y style.css sin anular los archivos de tema principal.
De esta manera, el tema principal se puede actualizar sin ningún problema.
También puede exportar el nuevo tema secundario con los cambios realizados, como la imagen, para usarlo como tema secundario para nuevas instalaciones del tema principal.
Crear un tema de bloque personalizado en WordPress
El complemento Create Block Theme proporciona una serie de opciones para crear su propio tema. Puede clonar el tema actual y hacer sus propios cambios personalizados usándolo como plantilla.
Una vez que haya realizado los cambios y esté satisfecho con ellos, puede usar el complemento para exportar el tema con todos los cambios que realizó para usar su nuevo tema en otros sitios web.
Además, puede crear un nuevo tema completamente en blanco que utilice el tema actual como plantilla. Esta es una gran manera de hacer algo completamente personalizado.
Para crear un tema completamente nuevo, siga los siguientes pasos:
En Crear tema de bloque , seleccione Crear tema en blanco .
Complete toda la información en el lado derecho, asígnele un nombre y agregue su nombre como creador, y presione Generar .
Captura de pantalla del panel de WordPress, diciembre de 2022Su nuevo tema se descargará como un archivo zip.
En Apariencia > Temas , puede cargar y activar su nuevo tema.
Siga los mismos pasos que el tema secundario, si desea agregar una imagen personalizada para la captura de pantalla.png.
Active el nuevo tema y utilícelo como punto de partida para su nuevo tema.
Captura de pantalla del panel de WordPress, diciembre de 2022Use patrones, bloques, partes de plantillas y el editor de estilos para crear su nuevo tema con el aspecto deseado.
Una vez que haya terminado de trabajar en su nuevo tema, regrese a Apariencia > Crear tema de bloque y exporte el nuevo tema, que contiene todos los cambios que le hizo.
Se exportará como un archivo zip y se puede cargar en cualquier nueva instalación de WordPress.
Administrar fuentes de temas de WordPress
Otra gran característica del complemento Create Block Theme es poder agregar y eliminar fácilmente fuentes para el tema.
Por lo general, para agregar nuevas fuentes a un tema, las fuentes deben descargarse, agregarse a la carpeta de fuentes y ponerse en cola en el archivo functions.php, o se debe agregar un enlace de Google al código.
Agregar varias fuentes puede complicar aún más el proceso.
Con el complemento, las fuentes de Google y las fuentes locales de su computadora se pueden agregar o eliminar fácilmente de su tema personalizado o de un tema que haya instalado y activado.
Para las fuentes de Google, haga clic en Agregar fuente de Google y la ventana desplegable le dará una lista de las fuentes de Google disponibles.
Seleccione la fuente, marque la casilla de verificación y haga clic en el botón para agregar Google Font a su tema.
Captura de pantalla del panel de WordPress, diciembre de 2022 
Captura de pantalla del panel de WordPress, diciembre de 2022Agregar una fuente local que haya descargado es un proceso similar.
Haga clic para Agregar fuente local , cargue el archivo de fuente, complete el nombre de la fuente, el estilo y el peso, y presione el botón para cargar la fuente local a su tema.
Captura de pantalla del panel de WordPress, diciembre de 2022Temas secundarios de WordPress simplificados
Con la edición completa del sitio y el complemento Create Block Theme , crear su propio tema y variaciones de estilo es más fácil que nunca.
El uso del complemento en lugar de poner archivos en cola manualmente y cambiar el código hace que la creación de temas secundarios y la adición de nuevas fuentes sean un proceso simple.
Los patrones , las variaciones de estilo y los bloques reutilizables cuando se usan con el complemento son excelentes formas simples de crear su propio tema personalizado que puede exportar y usar nuevamente.
Todo sin necesidad de tocar ninguno de los códigos del tema.
Más recursos:
- Cómo crear una página 404 personalizada en WordPress
- Cómo elegir el mejor tema de WordPress para SEO
- SEO técnico avanzado: una guía completa
Imagen destacada: Kaspars Grinvalds/Shutterstock