¿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 una pequeña compensación cuando se trata de complejidad. Un tema de WordPress no es tan sencillo como 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, a partir de fragmentos extraídos de archivos separados y de la base de datos de su blog.
Entonces, cuando desee realizar cambios en su sitio web de WordPress, ¿cómo sabe en qué archivo realizar cambios cuando cada página está compuesta por 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 llevará un largo camino hacia la comprensión de qué archivos tiene que 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 de forma dinámica
Antes de entrar en cómo funcionan los temas de WordPress, necesitaremos repasar cómo funciona WordPress en su conjunto:
- Toda la información exclusiva 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 plantilla de tema de WordPress están escritos en PHP y HTML y terminan en 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. (Generalmente, la mayor parte de la 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.
Por lo general, una sola página de tu blog se junta con varios archivos de plantilla. En la mayoría de los temas, el encabezado, pie de página y barra lateral se almacenan en archivos PHP separados (apropiadamente 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 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 valientes al respecto en el códice oficial: The Loop en acción.
Un archivo de plantilla para cada necesidad
La forma en que está diseñado WordPress, hay TONELADAS de posibles archivos de plantilla que se pueden incluir en los temas. Con diferentes archivos de plantilla, puede mostrar diferentes páginas de diferentes maneras: por ejemplo, las páginas de su archivo de autor pueden tener un diseño muy diferente al de las publicaciones de su 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 buscar 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 todos los temas 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 de él. Esto los lleva a la página de archivo de autor de 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, llamado author-guestname.php o author-id.php (donde "guestname" 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 buscará a continuación 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 por qué caché realmente ayuda a acelerar su sitio).
Cómo averiguar qué archivo de plantilla estás viendo
Si desea realizar modificaciones en los archivos de plantilla de su tema, tendrá que averiguar qué archivo de plantilla se está utilizando para mostrar la página que está viendo.
Con la mayoría de los temas, puede hacer esto fácilmente con un diagrama de flujo de jerarquía de plantillas.
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 utilizará para mostrar esa página.
Puedes echar un vistazo a los archivos de tu tema:
- Desde el panel de WordPress, en Apariencia> Editor. Los archivos de plantilla de su tema se enumerarán a la derecha, bajo el título "Plantillas".
- Usando el administrador de archivos de su proveedor de alojamiento web desde su panel de control.
- Usando software FTP.
La tercera opción es la mejor y más segura forma 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 child tema en lugar de modificar el tema original, para que no pierda sus personalizaciones cuando su tema se actualice.
¡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 modificarlos más fácilmente 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 del Asistente para blogs.
Si quieres conocer otros artículos parecidos a ¿Cómo funcionan los temas de WordPress? puedes visitar la categoría Tutoriales.