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: