Estás leyendo la publicación: ¿Cómo funcionan los temas de WordPress?
Si alguna vez ha querido modificar un tema de WordPress o crear uno propio, primero debe comprender cómo funcionan los temas.
En los primeros días de Internet de las páginas web HTML simples, las cosas eran mucho más simples. Si estaba viendo una página llamada home.html y desea modificarla, todo lo que tenía que hacer era abrir el archivo home.html y realizar los cambios que desee.
WordPress es una herramienta increíblemente poderosa y flexible para crear un sitio web, pero hay un poco de compensación cuando se trata de complejidad. Un tema de WordPress no es tan sencillo como el HTML simple.
Una página en un sitio web de WordPress no es estática; es dinámico. Se crea sobre la marcha cada vez que se visita, se crea a partir de partes extraídas de archivos independientes y de la base de datos de su blog.
Entonces, cuando desea realizar cambios en su sitio web de WordPress, ¿cómo sabe en qué archivo hacer cambios cuando cada página se compone de tantos archivos y bits de datos?
Si bien esto puede variar de un tema a otro, una comprensión básica de cómo funcionan los temas de WordPress lo ayudará a comprender qué archivos debe modificar.
Aquí hay una descripción general simple de cómo funcionan los temas para principiantes. Con este conocimiento en su haber, puede comprender más fácilmente cómo funcionan sus temas, cómo modificarlos e incluso cómo crear los suyos propios.
Cómo WordPress construye tu blog dinámicamente
Antes de entrar en cómo funcionan los temas de WordPress, tendremos que repasar cómo funciona WordPress en su conjunto:
- Toda la información única de su blog (incluido el nombre de su sitio, las publicaciones de su blog y cada comentario) se almacena en una base de datos MySQL.
- Esa información se recupera de la base de datos utilizando el lenguaje de programación PHP.
- Luego, la información recuperada se muestra a través de los archivos de plantilla de su tema, usando HTML y CSS.
Los archivos de plantillas de temas de WordPress están escritos en PHP y HTML, y terminan con la extensión de archivo .php.
HTML es el lenguaje de codificación que estructura cada página web en Internet, y CSS es el lenguaje de estilo que hace que se vea bien. (Por lo general, la mayor parte de su información de estilo CSS se almacena en archivos separados, que terminan en .css).
Cómo funcionan los archivos de plantilla de tema
Para complicar un poco más las cosas, cada archivo de plantilla de tema no es directamente equivalente al contenido de una sola página de blog.
Una sola página en su blog generalmente se crea usando varios archivos de plantilla. En la mayoría de los temas, el encabezado, el pie de página y la barra lateral se almacenan en archivos PHP separados (acertadamente llamados header.php, footer.php y sidebar.php).
Otros archivos de plantilla incluirán (o “llamarán”) esos archivos de plantilla para ensamblarlos en una sola página.
El bucle de WordPress
El contenido principal de una página o publicación de blog se muestra usando lo que se llama The Loop, una consulta de PHP que recupera el contenido de la página de su base de datos.
The Loop es el proceso principal de WordPress. Puede leer los detalles arenosos al respecto en el códice oficial: El bucle en acción.
Un archivo de plantilla para cada necesidad
Por la forma en que WordPress está diseñado, hay TONELADAS de posibles archivos de plantilla que se pueden incluir en los temas. Usando diferentes archivos de plantilla, puede mostrar diferentes páginas de diferentes maneras: por ejemplo, sus páginas de archivo de autor pueden tener un diseño muy diferente al de sus publicaciones de blog.
Pero no tiene que usar todos esos diferentes archivos de plantilla posibles.
El único archivo de plantilla que se requiere para crear un tema de WordPress que funcione es index.php. Siempre que tenga ese archivo de plantilla, su tema funcionará.
Además de index.php, puede elegir cualquier otro archivo de plantilla que desee crear para su tema.
La jerarquía de plantillas de WordPress
Con todos estos posibles archivos de plantilla y la capacidad de elegir cuáles incluir en su tema, ¿cómo sabe WordPress qué archivos usar para qué páginas?
La respuesta está en los nombres de archivo y en la jerarquía de plantillas de WordPress.
WordPress está diseñado para que busque nombres de archivo de plantilla específicos para mostrar ciertas páginas en su blog. Si no encuentra ningún nombre de archivo de este tipo en el tema, recurrirá a un archivo de plantilla más general, hasta index.php. Si no se encuentran otros archivos de plantilla, solo usará index.php para mostrar todas las páginas de su sitio. (Es por eso que se requiere index.php para cada tema de WordPress).
Por ejemplo…
Supongamos que un visitante de su blog lee una publicación de un autor invitado y hace clic en el nombre de ese autor para leer más publicaciones suyas. Esto los lleva a la página de archivo de autor para su autor invitado.
Para crear la página de archivo del autor, WordPress primero verificará y verá si tiene un archivo para mostrar una plantilla especial solo para ese autor, llamada autor-nombre-invitado.php o autor-id.php (donde “nombre-invitado” sería el el nombre de usuario del autor, o “id” sería igual a su número de identificación único).
Si no encuentra un archivo con ese nombre, luego buscará una plantilla de archivo de autor general, llamada author.php. Este archivo se usaría para mostrar todos los archivos de autor en su sitio, no solo los de ese autor individual.
Si su tema no tiene un archivo author.php, WordPress luego buscará un nombre de archivo archive.php. Este archivo se usaría para mostrar todos sus archivos, incluidos los archivos para etiquetas o categorías específicas (a menos que haya plantillas más específicas para ellas, como tag.php o category.php).
Finalmente, si ninguno de esos archivos de plantilla existe en su tema, WordPress usará el archivo de plantilla index.php para mostrar la página de archivo del autor.
(Todas estas consultas que realiza WordPress para construir cada página es la razón por la cual el almacenamiento en caché realmente ayuda a acelerar su sitio).
Cómo averiguar qué archivo de plantilla está viendo
Si desea realizar modificaciones en los archivos de plantilla de su tema, deberá averiguar qué archivo de plantilla se está utilizando para mostrar la página que está viendo.
Con la mayoría de los temas, puede hacerlo fácilmente con un diagrama de flujo de jerarquía de plantilla.
En el diagrama de flujo, comienza a la izquierda con el tipo de página que desea mostrar. Luego, siga el diagrama de flujo y deténgase en el archivo de plantilla que existe en su tema. Ese es el archivo que se usará para mostrar esa página.
Puedes echar un vistazo a los archivos de tu tema:
- Desde el tablero de WordPress, en Apariencia > Editor. Sus archivos de plantilla de tema se enumerarán a la derecha, bajo el título “Plantillas”.
- Usando el administrador de archivos de su servidor web desde su panel de control.
- Uso de software FTP.
La tercera opción es la forma mejor y más segura de realizar cambios en los archivos de su sitio.
Asegúrese de hacer una copia de seguridad de su sitio web y hacer copias de los archivos de plantilla originales antes de realizar cualquier cambio. Y considere crear un tema secundario en lugar de modificar el tema original, para que no pierda sus personalizaciones cuando se actualice su tema.
¡Ahora estás listo para rodar!
Ahora que comprende cómo funcionan los archivos de plantilla, ¡está en camino de convertirse en un profesional de WordPress! Con una comprensión básica de cómo funcionan los temas, puede modificar más fácilmente sus temas y crear nuevas plantillas, o incluso su propio tema único.
Pero si desea una forma más fácil de modificar CSS sobre la marcha sin alterar el código, consulte este tutorial.
