Cómo crear un tema secundario en WordPress

Cómo crear un tema secundario en WordPress

Un tema hijo de WordPress se define como “un tema que hereda la funcionalidad de otro tema, llamado tema principal, y le permite modificar o agregar funcionalidad a ese tema principal”. Por ejemplo, digamos que desea cambiar la apariencia de su blog para una determinada época del año, pero luego desea volver a su apariencia original. Un tema secundario es la manera perfecta de hacer precisamente eso porque no realiza cambios en el tema original, pero aún te permite cambiar un poco las cosas.

De hecho, son la forma recomendada de realizar modificaciones en un tema porque:

  1. Los cambios realizados utilizando un tema secundario no se sobrescribirán de forma predeterminada cuando actualice el tema principal
  2. Sabrás lo que has cambiado porque cada modificación estará en la carpeta del tema hijo.
  3. Podrás restaurar tu blog mucho más fácilmente si tus modificaciones bloquean tu blog o simplemente no te gustan; cualquier problema se puede solucionar mediante una repetición

Construyendo un tema hijo

La creación de un tema hijo es sencilla; todo lo que necesitas es una carpeta, un archivo CSS y una captura de pantalla. Vamos a crear un tema infantil sencillo utilizando el siempre famoso tema veintidós.

Leer:  Los 5 mejores sitios para comprar publicaciones compartidas de Facebook en 2024 (real e instantáneo)

Comenzaremos con la carpeta. En su carpeta wp-content/themes necesita crear una carpeta con el nombre de su tema hijo. A los efectos de este artículo, llamaremos a esta carpeta nuestro primer hijo. Una vez que haya creado esta carpeta, debemos dar el segundo paso, que es crear la hoja de estilo. Antes de continuar, es importante que tenga al menos un conocimiento práctico de las hojas de estilo en cascada, o CSS, antes de continuar. Esto es algo que es relativamente fácil de aprender y puedes encontrar varios tutoriales fantásticos en la web de forma gratuita.

Una vez que haya activado su editor de texto favorito, deberá ingresar las siguientes líneas en su hoja de estilo:

/* Nombre del tema: Nuestro primer tema infantil URI: Descripción: Aprendiendo sobre temas secundarios Autor: WP Themes Autor URI: Plantilla: veinte doce Versión: 1 */

Por supuesto, puede ingresar su información para el nombre, descripción y autor. Si está utilizando una plantilla distinta a veintidós, también será necesario cambiarla.

Cuando esté completo, guarde la hoja de estilo como style.css y cárguela en la carpeta recién creada. Su tema ahora debería aparecer en la sección Temas disponibles de WordPress.

Por supuesto, no hemos hecho referencia a su tema principal, ni le hemos aplicado ningún estilo todavía ni hemos subido la captura de pantalla, por lo que la imagen está en blanco. Si lo activáramos, su sitio se vería bastante extraño.

Leer:  Consejos y sugerencias que le ayudarán a atraer más negocios como bufete de abogados

Para hacer referencia a nuestro tema Twentytwelve, o cualquier otro tema de nuestra elección, debemos agregar este fragmento de código a nuestra hoja de estilo:

// Esto hará referencia a la hoja de estilo del tema principal @import url(“../twentytwelve/style.css”);

Ahora necesitamos hacer algunos cambios, de lo contrario no tiene sentido utilizar un tema hijo. Para hacer esto, cambiemos el color de fondo y el color de fuente del tema principal. Esto se puede lograr agregando una clase de cuerpo y párrafo a su hoja de estilo como esta:

cuerpo {fondo: #999999; } p {color: #931212; }

Guarde sus cambios y cargue el archivo recién editado en su carpeta. Una vez que haya hecho esto, regrese a su panel de WordPress y vea una vista previa en vivo de sus cambios.

Bastante genial, ¿eh? Ok, entonces no está listo para ser llamado una obra maestra, pero al menos tienes una idea de cómo hacer cambios. Lo mejor sería consultar una copia del archivo style.css de su tema para que pueda ver en qué clases e ID desea realizar cambios. Pero antes de que termines de diseñar tu nuevo tema hijo, carguemos esa captura de pantalla.

Con su blog mostrando su nuevo tema, simplemente tome una captura de pantalla del mismo en acción. Usando un editor de imágenes, querrás reducir tu imagen a 600 x 450. El administrador realmente mostrará esto a 300 x 225, pero la imagen más grande es el estándar. Cuando haya terminado, guarde la imagen como .png o .jpeg y cárguela en la carpeta de temas secundarios.

Leer:  ¿Cuántos usuarios tendrá Salesforce en 2024?

Ampliando el tema hijo

Lo que acaba de hacer no realizará cambios en el archivo funciones.php, pero puede agregar uno para su tema hijo si lo desea. Esto es importante si desea utilizar cualquiera de los ganchos que ofrece el tema principal.

Nuevas Publicaciones:

Recomendamos