...
✅ Noticias, temas, complementos de WEB y WordPress. Aquí compartimos consejos y las mejores soluciones para sitios web.

Tutorial de temas de WordPress para principiantes – Parte 10: Agregar más plantillas

7

En esta lección del tutorial de temas de WordPress para principiantes, profundizaremos más en las plantillas. Aprenderemos sobre las partes de la plantilla y las implementaremos para su reutilización. Y agregaremos más plantillas predeterminadas de WordPress a nuestro tema.

Pero antes de comenzar a agregar más archivos de plantilla, debemos saber por qué deberíamos preocuparnos por las partes de la plantilla.

Piezas de plantilla: bloques de construcción más flexibles

Las partes de la plantilla funcionan exactamente como get_header()las get_footer()que aprendimos en la parte 2, pero no se limitan a estos archivos. ¡Puedes usar partes de plantilla para cualquier archivo que quieras!

Los temas suelen utilizar una parte de plantilla para las publicaciones en bucle. Por lo general, muchas plantillas, como categoría, archivo y resultados de búsqueda, generalmente muestran cada publicación en un bucle de la misma manera. Por lo tanto, es una muy buena idea separar la salida del bucle posterior en un solo archivo. De esta manera no tienes que repetirlo en cada plantilla.

¡Vamos a "convertir" parte de nuestro código existente en partes de plantilla antes de comenzar a crear más plantillas!

Creación de una parte de plantilla de bucle posterior

Cree un nuevo archivo vacío en nuestra carpeta de temas; llamado content-loop.php_ Puedes nombrar las partes de la plantilla como quieras. Pero no puede nombrarlos de la misma manera que cualquiera de las plantillas definidas de WordPress. En nuestro index.php, localiza todo lo que tengas dentro del loop, recórtalo y pégalo dentro content-loop.php.

Dentro del bucle ahora vacío en index.php, use la llamada de función get_template_part()y defina su archivo de parte de plantilla como parámetro (sin la .phpextensión). Así es como debería verse en ambos archivos:

... while (have_posts()): the_post(); get_template_part('content-loop'); endwhile; the_posts_pagination(); ...

Si actualiza su página principal, no debería ver absolutamente ninguna diferencia.

¡Excelente! Ahora que el nuestro index.phpestá limpio y ordenado, podemos usarlo como base para duplicar en más plantillas. A continuación, explicaré cómo agregar una plantilla de categoría y una plantilla de resultados de búsqueda, pero lo animo a crear más plantillas para tener más control sobre el diseño de su tema.

Agregar una plantilla de categoría

Si vuelve a consultar la jerarquía de plantillas de WordPress, puede ver que para las categorías de publicaciones, WordPress buscará la plantilla denominada category.php. Crearemos ese primero.

En la carpeta de su tema, haga una copia del index.phparchivo y cambie el nombre de la copia category.php.

Y eso es. ¡Básicamente has terminado…!

Sin embargo, agregaremos un detalle; queremos mostrar un título que nos diga que estamos en una página de categoría para publicaciones en la categoría llamada X. WordPress tiene una función para esto que puede usar en todas las plantillas de archivo (categoría, etiquetas, archivos de fecha), the_archive_title. Vamos a agregarlo antes del bucle, dentro de una <h1>etiqueta.

Si ve una página de categoría de publicación, debería ver algo como esto, con el título de archivo "Categoría:". PD: si desea cambiar la salida del título del archivo (por ejemplo, que no muestre "Categoría:"), puede agregar un filtro a get_the_archive_title. La página de documentación muestra un gran ejemplo de cómo hacer precisamente eso.

Tutorial de temas de WordPress para principiantes – Parte 10: Agregar más plantillas

Bueno, ¡eso fue fácil! Vamos a manejar la plantilla de resultados de búsqueda a continuación.

Adición de una plantilla de resultados de búsqueda

El procedimiento es exactamente el mismo que hicimos para las plantillas de categoría. Esta vez, haga una copia de category.phpy cambie el nombre de la copia a search.php.

Todo lo que necesitamos arreglar es el título. Lamentablemente, la función de título de archivo que usamos en la plantilla de categoría no funciona muy bien para la plantilla de resultados de búsqueda. De hecho, no existe una función simple en WordPress que genere un título para nosotros.

Pero podemos hacer una fácilmente nosotros mismos y, al mismo tiempo, demostraré cómo generar una variable dinámica y seguir manteniendo el texto traducible.

PHP tiene dos funciones útiles printf()y sprintf(). Hacen lo mismo, excepto que printflo emiten (como echo) y sprintflo devuelven, por lo que podemos almacenarlo en una variable. Después de colocar el texto como primeros parámetros, podemos agregar variables dinámicas como argumentos, que luego se inyectan en el texto. Dentro de ellos, podemos usar las funciones de texto traducible __()y _e(). Le recomiendo que lea un poco sobre cómo funciona printf o sprintf, ya que no entraré en más detalles aquí.

WordPress ofrece una función simple para obtener la cadena que se buscó; get_search_query(). Dicho esto, reemplacemos la función de título del archivo con esto;

Lo que hace el código anterior es de adentro hacia afuera; definiendo un texto traducible "Buscar: %s" que se coloca dentro de un texto printfque repite la cadena y reemplaza la constante de cadena (%s) con el segundo argumento; get_search_query()que es

Como resultado, obtenemos un título como este cuando buscamos “er":

Tutorial de temas de WordPress para principiantes – Parte 10: Agregar más plantillas

¡Agradable! Otra plantilla hecha. En cuanto a la última parte de esta lección, entraremos en nuestra plantilla de publicación única y agregaremos algo muy común en WordPress; la plantilla de comentarios.

Agregar una plantilla de comentarios a una sola publicación

En nuestro single.php, después del artículo de publicación, queremos mostrar los comentarios. Los comentarios deben generar una lista de comentarios anteriores y un formulario para agregar un nuevo comentario.

La plantilla de comentarios es un archivo de plantilla que puede agregar a su tema, pero WordPress en realidad tiene su propia salida de plantilla de comentarios predeterminada. Si no tiene comments.phpen su tema, solicitar la plantilla de comentarios devolverá la salida predeterminada de WordPress. Esto es lo que haremos en este tutorial.

Solo queremos llamar a la plantilla de comentarios si la publicación tiene comentarios activados (es una configuración para cada publicación y una configuración global del sitio). Entonces, agregamos una verificación if para verificar si los comentarios están permitidos comments_open()y si devuelve verdadero, solicitamos una plantilla de comentarios con comments_template(). Tenga en cuenta que todo esto debe suceder dentro del ciclo. Lo agregué después del final de </article>, justo antes de que se cierre el ciclo.

Si visita una sola publicación que ha permitido comentarios (agregué un comentario solo para mostrarle la lista de comentarios también); obtendrás esta hermosa (ejem) plantilla de comentarios predeterminada:

Tutorial de temas de WordPress para principiantes – Parte 10: Agregar más plantillas

Ahora, puede (y a menudo se recomienda) crear uno propio comments.phpen su tema, que anulará la salida predeterminada de WordPress. Sin embargo, no voy a crear una plantilla de comentarios en este tutorial, ya que la salida predeterminada de WordPress funciona bien siempre y cuando le apliques el estilo adecuado. Si inspecciona el HTML, hay muchos contenedores y clases disponibles.

Documentación sobre los métodos utilizados

Fuente de grabación: awhitepixel.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More