Tecnología

Con un portátil bajo el brazo Idea guardada 1 veces
La valoración media de 1 personas es: Excelente

Archivos de una plantilla WordPress

Soy una firme defensora de que antes de modificar o hacer algún pequeño cambio en una plantilla hay que saber siempre que se está haciendo, es decir, olvidarse de eso de dejarse llevar por un tutorial y hacer todo lo que en él se cuenta, porque a veces los tutoriales tienen mal el código, lo que puede generar en un error que si no has estudiado y aprendido no vas a saber resolver. A veces, sin embargo, lo que ocurre es que nuestros conocimientos no nos permiten seguir el tutorial y no podemos hacer ese cambio del que tantas ganas teníamos.

El otro día comenzaste a montar el suelo de tu casa viendo todo lo que debía tener tu plantilla, hoy te voy a explicar los archivos básicos y más comunes que componen una plantilla de WordPress.

A diferencia de las webs creadas en HTML donde cada página es un archivo HTML, las páginas de WordPress están formadas por varios archivos: el de la cabecera, el footer… Para hacerlo sencillo, los temas de WordPress son un puzzle donde algunas de sus piezas se unen cada vez que cargas una página de la web. Todo esto se monta gracias a un lenguaje llamado PHP cuyo desarrollo conlleva mucho tiempo, de ahí el precio de las plantillas y los profesionales que se dedican a desarrollarlas.

Como he dicho son plantillas “puzzle” cuyo número de archivos puede variar de una a otra, una plantilla sencilla puede tener de 6 a 10 archivos, mientras que una plantilla más compleja, como la Divi o la Genesis, puede pasar de los cincuenta archivos. Debido a eso yo solo te voy a hablar de los archivos más comunes y básicos, es decir, los que encuentras en cualquier plantilla y los únicos que suele tener una plantilla sencilla, dado que si tu plantilla es de las complejas si quisieras hacer algo lo podrías hacer desde dentro del panel de WordPress.

Style.css: Como nos dice la terminación del archivo (“.css”) se trata de una hoja de estilos, es decir, aquí podemos cambiar el aspecto visual de la plantilla: tipografías, colores, tamaños… También podemos modificar en él el nombre de nuestra plantilla, su creador, ya que arriba del todo del archivo se encuentran estos datos. El lenguaje en el que se encuentra el archivo es CSS, ahora mismo la versión vigente es CSS3 y no suele ser un lenguaje complicado, sin embargo si que requiere dedicación y tiempo de estudio (si quieres introducirte un poco en este idioma te recomiendo mi curso “Maquilla tus posts en WordPress”)

Header.php: Se trata de la cabecera de nuestra web, no la cabecera visual, si no la de código puro, donde se pone la etiqueta responsive, el título de la página, la descripción, Google Analytics… Sin embargo, a diferencia de las webs en HTML aquí los recursos como Google Fonts, Bootstrap… Si los añades sin plugins, se añaden desde el archivo functions.php.

Functions.php: Para mi el archivo más importante de la plantilla, ya que sin él no tenemos ni hoja de estilos, ni widgets, ni opciones de customización (las que te aparecen en Apariencia > Personalizar), es decir, sin este archivo no tendríamos plantilla, por lo que a la hora de hacer cambios asegúrate de tener una copia de seguridad donde se encuentre, sobre todo, este archivo.

Single.php: Se trata de la estructura de cada post, si no tienes un archivo dedicado también a la página de búsquedas, categorías, etiquetas… Será la estructura de “single.php” la que se muestre en esas páginas también.

Footer.php: se trata del archivo que pone la estructura al pie de página, en este archivo se suele únicamente poner los widgets, los cierres de etiquetas y el copyright.

Archive.php: Este archivo únicamente se muestra en las páginas destinadas a mostrar una serie de artículos o páginas, como la página del blog o la de alguna categoría, en el caso de no tener un archivo exclusivamente para las páginas de categorías.

404.php: El archivo 404.php es el archivo que crea la estructura de la página que nos aparece cuando accedemos a un enlace de nuestra web (u otra) que no existe en ella, por ejemplo, si borramos un artículo de nuestra web, cuando accedamos de nuevo a su enlace nos saldrá esta página.

Page.php: Similar al archivo single.php, pero a diferencia de este, page.php únicamente pone la estructura de las páginas.

Comments.php: Creo que es obvio que este archivo pone la estructura de los comentarios, sin este archivo tu web no tendría comentarios.

Search.php: Este archivo simplemente nos permite crear un buscador en nuestra web y poco más, ya que la estructura de la búsqueda la pone el archivo archive.php o si está más personalizada archive-search.php.
Como he mencionado un poco por encima WordPress va buscando archivos en tu plantilla hasta que da con uno que le sirve para montar el puzzle, en la imagen de abajo se muestra la jerarquía que utiliza WordPress para ir escalando de izquierda a derecha, es decir de lo más especializado hasta lo más básico, de forma que si no encuentra nada que le sirva, según vaya terminando la escalada, simplemente te muestra la estructura del “index.php”. Por eso también es importante nombrar a cada archivo adecuadamente.

Las casillas marcadas en azul oscuro son las más básicas y más comunes; luego en azul clarito tenemos las más o menos personalizadas: fechas, autores… Que sustituirían la estructura dada en la página archive.php; y, en naranja encontramos los archivos típicos en temas premium que tengan portfolio, testimonios… Es decir, es para un nivel de conocimiento muy avanzado, por lo que de momento no le voy a dedicar mucho tiempo a esta parte, ya que de momento lo principal es que conozcas las partes del puzzle básicas de tu plantilla.
En el siguiente artículo de la serie de WordPress aprenderás como acceder a estos archivos para poderlos modificar o ver mejor como funcionan los archivos renombrando algunos o añadiendo nuevos.

Fuente: este post proviene de Con un portátil bajo el brazo, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Etiquetas: WordPress: Nivel A2

Recomendamos

Relacionado

internet y tecnología

11 Trucos para elegir la Plantilla de WordPress apropiada

¿Qué hay que tener en cuenta a la hora de elegir un template de WordPress? Quiero empezar un blog, no sé qué he de tener en cuenta al elegir plantilla ¿Qué diferencia hay entre wordpress.org y wordpress.com? advertisement: 30 Manualidades que puedes regalar a tu pareja ¿Cómo sé si un template de WordPress es bueno o no? Trucos para elegir la mejor Plantilla de WordPress Damos por hecho ...

Blogging Wordpress

7 consejos para elegir una plantilla de WordPress

Un mes más, y ya van tres, vuelvo al blog de Celia para contaros algo sobre WordPress. En esta ocasión, y viendo que mucha gente tiene dudas a la hora de elegir la plantilla para su web, os voy a dar algunos consejos para elegir bien vuestra plantilla. Estos consejos no os va a quitar el que tengáis que pasar horas buscando una plantilla porque hay mucho donde elegir, pero buscaréis más seguras y ...

Diseño de páginas web Themes WordPress WordPress

3 razones por las que deberías actualizar tu plantilla de WordPress

Una de las preguntas que más se repiten en los foros de discusión, es cuándo y porqué deberás cambiar tu theme o plantilla de WordPress. Y es que aunque no lo creas, hacerlo trae muchas ventajas siempre y cuando se realice por las razones correctas y en corto tiempo, de lo contrario, solo tendrás más problemas y todo jugará en tu contra. Es por esto que hoy te presentamos las 3 causas principales ...

BLOG tutoriales tutoriales wordpress ...

VÍDEO TUTORIAL: Adapta tu plantilla de WordPress al móvil

¡Cuanto tiempo sin pasarme por aquí! Pero después de las vacaciones y una vuelta al cole bastante intensa, os traigo un post que quería escribir desde hace bastante. Os voy a contar cómo adaptar la plantilla de vuestra web o blog en WordPress al móvil, con vídeo tutorial incluido :)Por qué adaptar nuestra plantilla de WordPress al móvil Esta cuestión es fácil. Debemos adaptar la plantilla de nuest ...

BLOG Equipo Cinco Euros twordpress ...

Cómo saber qué plantilla de Wordpress está usando un blog determinado

No me digáis que no os ha pasado: entras en un blog, te encanta, te gustaría algo del mismo estilo para el tuyo, pero no tienes ni idea de qué plantilla usa. Y te gustaría saberlo. Pues bien, hay maneras de averiguarlo y hoy quiero enseñártelas. Además si lees el post hasta el final leerás un truco extra que te voy a dejar hoy. 1-Mirar el copyright del blog A veces si el dueño del blog simplemente ...

css Ejercicio CSS Cajas CSS ...

Desarrollo de Plantilla Web con CSS, Formularios HTML y PHP

Plantilla Web CSS, HTML y PHP. Las lecturas previas para desarrollar esta plantilla son las siguientes: Guía de CSS para Principiantes Ejemplo de Plantilla CSS (Ejemplo1) Ejemplo de Plantilla CSS (Ejemplo2) ¿Cómo Abrir una Página HTML Dentro de un DIV? Después de revisar los ejemplos, Se propone la práctica de CSS, HTML y PHP por medio del desarrollo de una plantilla web que

Ayuda WordPress WordPress cosas de wordpress ...

11 Cosas Cojonudas sobre WordPress que no conocías

Bienvenid@ a un nuevo post de Coach2Coach. 11 Cosas Cojonudas que no conocías sobre WordPress No es fácil saberlo todo sobre WordPress. WordPress tiene tantas cosas chulas que sería casi imposible mencionarlas todas. Además, WordPress está constantemente desarrollándose y cambiando. Sería muy difícil mantenerse a su paso. WordPress tiene funcionalidades y cosillas que quizá no llaman demasiado la ...

Ayuda WordPress Temas WordPress WordPress ...

9 Cosas que debes hacer antes de Cambiar tu Tema de WordPress

Bienvenid@ a un nuevo post de Coach2Coach. 9 Cosas ANTES de Cambiar tu Tema de WordPress Si usas WordPress, seguramente has cambiado tu tema alguna vez en la vida. Y si no lo has cambiado nunca, esta es tu oportunidad. Estarás usando uno de los temas por defecto de WordPress, ¡qué horror! Hoy te cuento 9 cosas que debes hacer antes de cambiar tu tema de WordPress y 6 que deberías comprobar después ...

BLOG blogs diseñados emprendedores ...

Plantilla Profesional y Responsive para hacer tiendas en Blogger

¿Pensabas que no era posible hacer una tienda profesional, responsive y personalizada en Blogger? ¡Ay, mujer de poca fe! Yo también lo pensaba hasta que encontré, después de mucho buscar y volverme loca... ¡esta estupenda plantilla prediseñada! ¿Qué? ¿No me crees? Puedes verla funcionando haciendo click en el siguiente botón:VER EL PERRO DE PAPEL SHOP Si estás conmigo en el Blog Privado hace tiemp ...

internet posicionamiento web seo pluggins wordpress ...

WordPress: Los plugins que no pueden faltar

WordPress es una de las mejores plataformas que han irrumpido en la última década por todas las posibilidades que es capaz de ofrecer. Y es que basta con tener pequeños conocimientos sobre este soporte para tú mismo poder hacerte y confeccionar en base a tus necesidades una página web, al menos, sencilla. Pero toda página web realizada en WordPress, al margen del tipo de temática que vaya a tratar ...