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 ...

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 ...

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 ...

WordPress: Nivel A2

Acceder por FTP a tu WordPress

Siguiendo la línea del mes WordPressero, en el que te he enseñado ya los archivos básicos de una plantilla y lo que toda plantilla debería tener, te quería enseñar hoy como acceder por FTP a tu WordPress. Algo que en tu carrera como WordPressero vas a necesitar en algún momento, ya sea para subir el archivo robots.txt o incluso para subir tu tema o editar algún fichero o, simplemente, mejorar la v ...

Plantillas Diseños Blogging ...

Nueva plantilla disponible.

Finalmente, después de muchas semanas en proceso, al fin he podido terminar otra plantilla. Últimamente he tenido muy poco tiempo para sentarme y dedicar unas cuantas horas al diseño de nuevas plantillas, tengo varias pendientes que se quedaron on hold. Pero no es una parte que quiero descuidar, después de todo eso es lo que me gusta hacer y lo que dio vida ha este nuevo Blog. Después de decir eso ...

Ayuda WordPress Diseño Web WordPress Temas WordPress ...

5 Consejos para Elegir una Plantilla WordPress en tu Negocio

5 Consejos para elegir una plantilla WordPress en tu negocio  Encontramos plantillas y plantillas WordPress por todas partes. Pero en pocos sitios nos dicen qué deberíamos tener en cuenta a la hora de elegirlas. Post Invitado de @malinaweb Programar y diseñar una web WordPress es un asunto bastante serio e importante. De su calidad y estilo final, dependen un montón de factores: la conversión, la ...

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 ...

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 ...

Plantillas de wordpress Uncategorized Wordpress ...

Como elegir la mejor plantilla de wordpress con estas 10 claves

Como elegir la mejor plantilla de wordpress con estas 10 claves 10 claves para elegir la mejor plantilla de wordpress para conseguir el blog que cualquier experto quisiera tener. La decisión mas difícil y sobre la que recaen factores importantes para el éxito o el fracaso de tu blog o web es la plantilla. Según el tema de wordpress que elijas dependen cosas como el diseño, la velocidad, el estilo, ...