Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

WordPress práctico: Creación básica de temas

Estructura de las páginas en WordPress

¡Prueba gratis durante 10 días

nuestros 1290 cursos !

Prueba gratis Mostrar modalidades de suscripción
Las páginas en los temas WordPress están estructuradas de una forma muy coherente que facilita enormemente la reestructuración de las partes que componen cada página. Hablaremos en este vídeo sobre ello.

Transcripción

WordPress recibe un identificador de una página que tiene que mostrar y a través de ese identificador saca de la base de datos el contenido que muestra. Ese contenido puede ser de diferentes tipos. Por poner dos ejemplos: una página concreta o puede ser un listado de elementos. O puede ser también, por ejemplo, una entrada de blog. Cada uno de esos tipos debería de pintarse de una manera diferente. No es lo mismo mostrar un listado de elementos que mostrar una página concreta, está claro. Y, es por eso, por lo que los temas de WordPress tienen diferentes plantillas para los diferentes tipos de contenidos. Así que WordPress lo que hará será: leyendo el tipo de contenido que me va a mostrar, elegir la plantilla concreta que tiene que utilizar. Underscores, nada más ser instalado, tiene ya los tipos de plantilla necesarios para trabajar con WordPress. Y así, vamos a tener, por un lado, el archivo single.php que es para mostrar una entrada de blog concreta. Vamos a tener el archivo page.php que va a ser la plantilla para mostrar otra página concreta. Por ejemplo, archive.php que va a servir para mostrar un listado de elementos. WordPress, cuando tenga que cargar un contenido, primero buscará a ver si tiene la plantilla específica para mostrar ese contenido. En caso de que no la encuentre, lo que hará será ya pintar directamente el archivo index.php. De hecho, podemos crear un tema solamente con dos archivos: con index.php y con style.css. Y así, todas las páginas utilizarían ese archivo index.php. Pero claro, ahora imaginemos que tenemos un tema que sea un poco complejo, que tenga muchos elementos distintos. Si todos esos elementos los tuviese que meter dentro de este index.php, tendría un código verdaderamente difícil sobre el que trabajar. Y aquí está una de las buenas ideas de los temas de WordPress: y es que vamos a trabajar de forma modular. O sea, vamos a tener páginas concretas y WordPress va a ser capaz de distinguir qué plantillas va a necesitar para mostrarme los contenidos concretos. Como decía, de momento ya sabemos que WordPress va a elegir entre la plantilla single.php, page.php, archive.php... pero va mucho más allá. Dentro de cualquier plantilla --por ejemplo, en este single.php-- vamos a tener bloques dentro de ella. Vamos a tener headers que van a ocuparse de toda la parte de arriba: la barra de navegación, el logotipo, el lema, etc. Va a tener también footers, o sea, toda la parte de abajo con información acerca de la página: por ejemplo, enlaces sobre contenido legal y tal. Por otro lado, va a tener una zona para meter el contenido y, pues, muchos de ellos tienen sidebars. Yo no tengo que definir en cada una de las plantillas, en single.php, en page.php o en archive.php, por ejemplo, no voy a tener por qué definir en cada uno de ellos el header. Eso sería ridículo porque, entonces, si el header se repite en toda la web --como suele ocurrir--, tendría que haberlo programado en cada una de las plantillas. Tiene mucho más sentido que yo tenga una plantilla en la que tenga definido ese header, y que luego esta la reutilice en las demás plantillas de primer nivel. Y, efectivamente, este es un concepto importante. Vamos a tener diferentes niveles de plantillas. Vamos a tener las plantillas de primer nivel que son las que se eligen según el tipo de contenido, o sea, digamos que es como si fuese la página completa. Y, luego, vamos a tener plantillas de segundo nivel, que son las que me van a mostrar bloques que se van a dibujar dentro de la página. Así que, este header, que voy a reutilizar en varias partes, va a ser una plantilla de segundo nivel. Exactamente igual que el footer o el sidebar. Y, de hecho, también, si vuelvo de nuevo a la estructura de carpetas, pues aquí veremos cómo tengo ese header.php, cómo tengo ese sidebar.php o cómo tengo también el footer.php. Hay más elementos, por ejemplo, pues, comments.php. Pero todavía voy más allá. Vamos a tener estructuras en las que tengamos más complicación. O sea, dentro de lo que es el header yo puedo tener diferentes elementos en los contenidos. Un buen ejemplo de los contenidos es el archives.php que me va a mostrar, pues, por ejemplo, toda una serie de entradas de blog. Por poner un ejemplo. Eso significa que yo debería de poder también modularizar esto, y que cada una de estas entradas sea independiente. Y esto sería el tercer nivel al que podríamos trabajar en las plantillas de WordPress. Y, de hecho, dentro de Underscores nos encontramos con que tenemos la carpeta template-parts, y dentro de ellas tenemos ese content.php del que había hablado previamente. Pero, además, tenemos diferentes tipos de contenido. Incluso también, en la carpeta inc voy a tener plantillas para elementos muy concretos que hacen cosas específicas dentro de mi estructura de plantillas del tema. Por ejemplo, para trabajar con la parte que se controla desde Customizer. Si hubiésemos instalado Jetpack, pues para trabajar con él. O el bloque que se ocupa de añadirme los tags de un template. Pero, incluso, todavía se puede ir más allá y ser más concreto todavía. Y nos podemos encontrar con páginas que sean distintas por varios motivos. Por ejemplo, nos podemos encontrar con headers que necesitemos que sean diferentes en un punto en concreto del resto del sitio web. O para contenidos para una página concreta en la que queramos que estén maquetados de una forma distinta. O, incluso, para páginas enteras, para un contenido concreto que sean también diferentes. Bien, pues incluso eso también lo podemos personalizar. Y ya en Underscores se puede ver cómo hay algunas partes como, por ejemplo, dentro de este inc el custom-header.php. O, por ejemplo, dentro del template-parts este content-none.php, content-page.php o content-search.php que sirven precisamente para eso: para establecer diferencias entre unas plantillas y otras. O sea, que vamos a tener varios niveles y además vamos a poder personalizar en cada uno de esos niveles. Y, de hecho, la idea que va a tener, a partir de este momento, WordPress va a ser: de entrada, va a buscar el elemento más concreto para un caso específico. Si yo estoy entrando dentro de una página, por ejemplo, para mostrar su contenido, primero buscará el content-page.php. En caso de que lo encuentre, utilizará esta parte para pintar el contenido. En caso de que no la encuentre, utilizará el contenido que viene por defecto. Y con las páginas funcionaría exactamente igual. En principio, va a buscar una página concreta, incluso, podría hacer en nombres específicos: podría añadir a la palabra single el identificador de una página o el nombre de una página. Entonces, buscaría primero ese single identificador. En caso de no encontrarlo, se pasaría a buscar el template, la plantilla, para single. Y en caso de que no la encontrase, me acabaría cargando ese index.php. Esta forma de trabajar me va a servir, por un lado, para poder reutilizar muchísimo el código haciendo que haya muchos elementos que se repiten, como puede ser ese header. Pero por otro lado, me va a permitir hacer justo lo contrario: personalizar exactamente lo que quiero para un caso muy concreto.

WordPress práctico: Creación básica de temas

Aprende a dar un nuevo aspecto a tu página de WordPress, creando un tema desde cero usando como base las plantillas Underscore y dándole aspecto a nuestro gusto.

4:16 horas (48 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:11/08/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.