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

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

Las plantillas del tema en WordPress

¡Prueba gratis durante 10 días

nuestros 1288 cursos !

Prueba gratis Mostrar modalidades de suscripción
Con la estructura jerárquica de temas en mente, aprenderemos un poco más sobre cómo decide WordPress qué plantilla tiene que aplicar a cada página, y veremos distintos niveles de precedencia en la estructura de plantillas.

Transcripción

El sistema de jerarquías de las plantillas de WordPress es la base de la personalización de los temas. Es fundamental comprenderlo bien. En realidad, es un esquema que está muy bien porque, no solamente me pone el flujo de información de izquierda a derecha, sino que además también haciendo clic sobre cualquiera de estos archivos, me pasa a una página en la que me devuelve bueno pues, un poco cómo se utiliza. La información que se va a mostrar algunos de los métodos que se pueden aplicar dentro de esos templates o sea, que está bastante bien. Pero igual puede resultar un poco confuso así que, he decidido crear un vídeo en el que hago una descripción de las plantillas que más se utilizan, no son todas, pero sí va a ser una gran parte y además vamos a ver un poquito cómo trabajar con ellas. En principio, obviamente, tenemos el index.php que es la plantilla genérica y siempre la vamos a tener detrás. Pero vamos a tener más cosas, vamos a tener otras tres plantillas que son archive, singular y search que van a servir para casos concretos. En este primer nivel, tenemos, entonces, este archive que sirve como plantilla genérica para siempre que tenga que mostrar un listado de elementos. Singular, en cambio, es un poco lo contrario, o sea cuando yo selecciono un elemento y se ve esa página de detalle de ese elemento, pues ahí estaría singular y también para trabajar con páginas concretas. Y search sirve para mostrar los resultados de las búsquedas no es exactamente lo mismo que archive, es un poco distinto, pero como estamos buscando que salga también después del resultado que se pueden hacer nuevas búsquedas y tal, tiene una plantilla diferente. Estos archive y singular, para poner un ejemplo sobre ellos, podrían servirme, archive para mostrar la página que me devuelve un listado de post y singular, que me devolvería un post concreto. Este singular, por ejemplo, ya tiene plantillas un poco más genéricas a un siguiente nivel que sería, por ejemplo, single. Ese single, en realidad, sería un caso concreto de singular esa es la idea. Siguiendo sobre ese planteamiento un caso concreto de, podemos, incluso, hacer que esa página single, y muchas de las otras, se puedan especificar mejor para que tengamos un caso concreto en el que se muestre una plantilla y luego un caso más genérico single. En este caso, por ejemplo, podrías ser para los posts que son de un determinado tipo, entonces, que me utilice la plantilla que tengo más a la izquierda. Por ejemplo, pues podría ser single, guión y el tipo de post. Para todo el resto de post utilizaría el siguiente que sería single.php y si no tengo ese single php, yo utilizaría singular. Eso mismo también lo puedo aplicar con archive, así puedo hacer que el listado de elementos de un tipo pues, por ejemplo, en vez de salir con sus textos y sus nombres podría ser que me apareciese como una galería de imágenes, mostrando solamente las imágenes de ese post, por poner un ejemplo. Pero hay más posibilidades también, dentro de singular, porque también voy a tener las páginas estáticas y esas páginas estáticas también van a tener otro nivel, utilizando page guión y el slug, o sea el nombre reconocido por personas de la URL que tienen, pues yo puedo también establecer ahí, esa plantilla para ese caso concreto. Incluso, puedo hacer casos más concretos todavía utilizando el identificador, entonces, podría utilizar single, guión, identificador o sea el número de identificador, del contenido concreto en la base de datos o podría poner page, guión y, por ejemplo, 23 para un identificador concreto. En el mismo nivel que single o que page tenemos también otras plantillas diferentes. Tenemos author para cuando estamos mostrando información sobre un autor category, para cuando vemos una categoría en concreto, taxonomy, para una taxonomía en concreto, tag para un tag en concreto, attachment, que sería la plantilla que define cómo se vería la página de abrir un archivo externo que solo sería ese archivo, es decir un PDF, una imagen, por ejemplo; date que me va a definir la plantilla para mostrar el resultado de las búsquedas por fecha o single-post, por ejemplo, que sería bueno, para un post concreto. Algunos de ellos también van a permitir ser especificados con el guión y con su identificador y así vamos a tener, para un autor en concreto, para una categoría. En el caso de las taxonomías utilizaría taxonomy y luego guión y el nombre de esa taxonomía y en el caso de las tags pues también utilizaremos el identificador. También podemos trabajar con los attachments y, por ejemplo, puedo hacer que haya una plantilla para un tipo concreto de archivos. Por ejemplo, para imagen pues sería image.php o según un subtipo también de elementos. Y esto, en cuanto a lo que es la estructura jerárquica más básica. Aparte de ello, vamos a tener páginas específicas que van a tener su propia plantilla, como van a ser en front-page, que es lo mismo al home, cualquiera de los dos podría valer y el error 404. Esto, respecto a la estructura de plantillas de páginas, pero también tenemos plantillas que van a definir cómo se va a estructurar el HTML de zonas concretas de la página y así tendremos una plantilla para el header otra para el footer, otra para el sidebar otra para el content, o para los comentarios. Esas plantillas se introducen dentro de las plantillas principales, o sea, por ejemplo, dentro de este single page yo puedo añadir el footer utilizando una función, la que se llama get_header. Ese get_header va a pedirle a WordPress que busque header.php y me lo va a colocar en el sitio concreto de la página, donde yo lo haya colocado. get_sidebar me va a devolver el archivo sidebar.php y me lo va a pintar también en el sitio donde esté marcado exactamente igual get_footer. También tengo algunos métodos de php que son un poco más específicos, como, por ejemplo, podría ser get_search_form que me va a devolver el formulario de búsqueda también para colocarlo donde yo quiera. Y muchas veces también nos encontraremos con que podemos necesitar zonas concretas, específicas, que no están dentro de ninguna de las plantillas típicas de WordPress. Bueno pues, si quiero trabajar con esas plantillas específicas creadas por mí, también puedo utilizar get_ template_part. Ese método sirve para recuperar una plantilla que no está dentro de las plantillas habituales y allí podría haberles puesto yo el nombre que quisiese a cualquiera de las plantillas. La idea es poder reutilizar y hacerlo de manera fácil. Bien, pues ya estamos trabajando, entonces, a dos niveles. Estamos trabajando, primero, a nivel de elegir la plantilla global o sea, la que va a definir toda la página y después, dentro de esa página, voy a poder añadir los trozos necesarios en cada uno de los archivos. Voy a tener también más archivos dentro de los temas que son importantes, style.css que es el que define los estilos de todo el sitio aunque también voy a tener algunos otros css que puedo añadir, por ejemplo, por defecto también se puede utilizar este rtl.css. Y todo lo que he comentado a lo largo del vídeo, podemos verlo en un archivo en concreto. Por ejemplo, voy a abrir single.php. Esta es la plantilla para la página de un contenido en concreto y ya de entrada encontraremos con que tenemos un php en el que se llama la función get_header(), este va a ser que se pinte voy a irme ahora a header.php que se pinte en la pantalla, pues, efectivamente, todo ese header con el contenido de la página y con el contenido del head y luego dentro de él todo este header Si me muevo un poco más abajo, tenemos un div primario y dentro de él tenemos un get_template_part, o sea, me va a recuperar otro template distinto en este caso, content, que podemos encontrarlo dentro del template_parts, y aquí tenemos el content, por defecto, y en el caso de que sea de un tipo en concreto que recuperamos gracias al get_post_format pues recuperaría el get none, get page o get search. Si me voy un poco más abajo, también podemos encontrar el get_sidebar y el get_footer y cualquiera de ellos pues me va a mostrar esos contenidos y aquí tengo, por ejemplo, ese sidebar y aquí, por ejemplo, tendría un poco más allá este footer. Bueno pues, una vez descrito y aclarado cómo se organizan los contenidos de los templates a través de su estructura jerárquica, ahora ya podemos empezar a plantearnos cómo podemos añadir distintos elementos, eliminarlos o modificarlos dentro de nuestros temas.

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.