Introducción a los temas de WordPress para niños

Una de las principales características de WordPress es la capacidad de crear un sitio web atractivo, incluso si usted no es diseñador. Usando temas de terceros, casi cualquier persona con poco conocimiento técnico puede crear algo que se vea y funcione muy bien. Agregue eso al hecho de que muchos temas son gratuitos o baratos y puede ver por qué tanta gente se ha puesto de moda.

Pero muchas personas pueden no darse cuenta de que instalar un tema y personalizarlo no es el final. La realidad es que, dependiendo del tipo de personalización que haya realizado, estos cambios pueden perderse al actualizar el tema en el futuro.

Por ejemplo, imagine usar el tema Twenty Seventeen, el tema predeterminado incluido en WordPress. Suponga que ha editado directamente una plantilla de página o incluso una hoja de estilo. Desplazarse por un tema existente es una excelente manera de aprender los secretos del desarrollo, pero es muy fácil eliminar todos estos cambios la próxima vez que presione este botón de actualización. Si hace esto en una página de trabajo, puede ser catastrófico.

Afortunadamente, hay otra forma más segura de hacer las cosas.

El niño protege el futuro.

Aquí es donde aparece el concepto de un tema secundario de WordPress. En resumen, es un tema separado que tiene su propia carpeta en el directorio / wp-content / themes / de su sitio web. Sin embargo, hay una recompensa. En lugar de ser un tema completo, el niño se refiere a su “padre”.

Esto significa que la carpeta del tema secundario contiene solo unos pocos elementos básicos:

  • Función File.php.
  • Una hoja de estilo (style.css) que contiene solo estilos que personaliza o agrega.
  • Solo archivos de plantilla que desee personalizar.
  • La belleza de esta configuración es que continúa disfrutando de todos los beneficios que ofrece el tema principal, mientras agrega sus propios toques. La mayoría del trabajo difícil de diseño y programación ya ha sido realizado por el autor del tema. A partir de ahí, puedes hacer todo lo que quieras.

    Aún mejor es que cada vez que el tema principal se actualiza a la última versión, el niño permanece intacto. Aunque esto no protege completamente contra el daño (lo veremos más adelante), significa que sus personalizaciones no serán reemplazadas. Esto es importante, porque no es legal entrar y hacer todo el trabajo duro.

    Conoce a tu hijo

    Definir un tema básico para niños.

    El proceso inicial de configuración de un subtema es bastante simple y solo debería llevar unos minutos. Sin duda, el pequeño precio a pagar, considerando los beneficios que ofrece ahora y en el futuro.

    Tomando el ejemplo del tema Veinte diecisiete (y consejos de la Guía de temas de WordPress), veamos los temas más básicos para los niños:

    1. Cree una nueva carpeta en su directorio / wp-content / themes /. Puede nombrarlo como desee, pero mantendremos la recomendación de WordPress llamando a: un niño de 27 años

    Directorio de temas de WordPress

    2. Cree una nueva hoja de estilo y asígnele el nombre: style.css

    Dentro de este archivo CSS, coloque un encabezado similar a este (puede personalizarlo con su propia configuración):

    / * Nombre del tema: Twenty Seventeen Child Descripción: My Twenty Seventeen Child Theme Autor: Your name Author URI: http://www.your-site.com Plantilla: twenty seventeen Versión: 1.0.0 * /

    Hay otros elementos que puede agregar aquí, pero recuerde que las únicas áreas requeridas son Nombre y Plantilla de tema. El nombre realmente puede ser lo que quieras, pero preste mucha atención a la declaración del modelo. qué Debería corresponde al nombre de la carpeta principal del tema (veintisiete en nuestro caso). Si esta referencia es incorrecta, el tema secundario no funcionará.

    Debajo de esa información, puede agregar cualquier estilo personalizado que desee usar para el tema secundario. Si está cambiando los estilos existentes, puede copiarlos y pegarlos directamente desde la hoja de estilos del tema principal, o usar las herramientas de desarrollo del navegador para detectar fácilmente los estilos que desea orientar.

    3. Cree el archivo functions.php que al menos se refiere a las hojas de estilo para el tema principal y secundario: