Piezas de plantilla: bloques de construcci\u00f3n m\u00e1s flexibles<\/h2>\n
Las partes de la plantilla funcionan exactamente como Los temas suelen utilizar una parte de plantilla para las publicaciones en bucle. Por lo general, muchas plantillas, como categor\u00eda, archivo y resultados de b\u00fasqueda, generalmente muestran cada publicaci\u00f3n 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.<\/p>\n \u00a1Vamos a "convertir" parte de nuestro c\u00f3digo existente en partes de plantilla antes de comenzar a crear m\u00e1s plantillas!<\/p>\n Cree un nuevo archivo vac\u00edo en nuestra carpeta de temas; llamado Dentro del bucle ahora vac\u00edo en Si actualiza su p\u00e1gina principal, no deber\u00eda ver absolutamente ninguna diferencia.<\/p>\n \u00a1Excelente! Ahora que el nuestro Si vuelve a consultar la jerarqu\u00eda de plantillas de WordPress<\/a>, puede ver que para las categor\u00edas de publicaciones, WordPress buscar\u00e1 la plantilla denominada En la carpeta de su tema, haga una copia del Y eso es. \u00a1B\u00e1sicamente has terminado…!<\/p>\n Sin embargo, agregaremos un detalle; queremos mostrar un t\u00edtulo que nos diga que estamos en una p\u00e1gina de categor\u00eda para publicaciones en la categor\u00eda llamada X. WordPress tiene una funci\u00f3n para esto que puede usar en todas las plantillas de archivo (categor\u00eda, etiquetas, archivos de fecha), Si ve una p\u00e1gina de categor\u00eda de publicaci\u00f3n, deber\u00eda ver algo como esto, con el t\u00edtulo de archivo "Categor\u00eda:". PD: si desea cambiar la salida del t\u00edtulo del archivo (por ejemplo, que no muestre "Categor\u00eda:"), puede agregar un filtro a get_the_archive_title<\/a>. La p\u00e1gina de documentaci\u00f3n muestra un gran ejemplo de c\u00f3mo hacer precisamente eso.<\/p>\n Bueno, \u00a1eso fue f\u00e1cil! Vamos a manejar la plantilla de resultados de b\u00fasqueda a continuaci\u00f3n.<\/p>\n El procedimiento es exactamente el mismo que hicimos para las plantillas de categor\u00eda. Esta vez, haga una copia de Todo lo que necesitamos arreglar es el t\u00edtulo. Lamentablemente, la funci\u00f3n de t\u00edtulo de archivo que usamos en la plantilla de categor\u00eda no funciona muy bien para la plantilla de resultados de b\u00fasqueda. De hecho, no existe una funci\u00f3n simple en WordPress que genere un t\u00edtulo para nosotros.<\/p>\n Pero podemos hacer una f\u00e1cilmente nosotros mismos y, al mismo tiempo, demostrar\u00e9 c\u00f3mo generar una variable din\u00e1mica y seguir manteniendo el texto traducible.<\/p>\n PHP tiene dos funciones \u00fatiles WordPress ofrece una funci\u00f3n simple para obtener la cadena que se busc\u00f3; Lo que hace el c\u00f3digo anterior es de adentro hacia afuera; definiendo un texto traducible "Buscar: %s" que se coloca dentro de un texto Como resultado, obtenemos un t\u00edtulo como este cuando buscamos \u00aber":<\/p>\nget_header()<\/code>las get_footer()<\/code>que aprendimos en la parte 2<\/a>, pero no se limitan a estos archivos. \u00a1Puedes usar partes de plantilla para cualquier archivo que quieras!<\/p>\nCreaci\u00f3n de una parte de plantilla de bucle posterior<\/h2>\n
content-loop.php<\/code>_ 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<\/a>. En nuestro index.php<\/code>, localiza todo lo que tengas dentro del loop, rec\u00f3rtalo y p\u00e9galo dentro content-loop.php<\/code>.<\/p>\nindex.php<\/code>, use la llamada de funci\u00f3n get_template_part()<\/code>y defina su archivo de parte de plantilla como par\u00e1metro (sin la .php<\/code>extensi\u00f3n). As\u00ed es como deber\u00eda verse en ambos archivos:<\/p>\n...\n while (have_posts()): the_post(); \n get_template_part('content-loop');\n endwhile;\n the_posts_pagination();\n...<\/code><\/pre>\n<article <?php post_class(); ?>>\n <h2><a href=\"<?php the_permalink(); ?>\" title=\"<?php the_title(); ?>\"><?php the_title(); ?><\/a><\/h2>\n <?php if (has_post_thumbnail()) {\n the_post_thumbnail();\n } ?>\n <?php the_excerpt(); ?>\n <?php the_category(); ?>\n<\/article><\/code><\/pre>\nindex.php<\/code>est\u00e1 limpio y ordenado, podemos usarlo como base para duplicar en m\u00e1s plantillas. A continuaci\u00f3n, explicar\u00e9 c\u00f3mo agregar una plantilla de categor\u00eda y una plantilla de resultados de b\u00fasqueda, pero lo animo a crear m\u00e1s plantillas para tener m\u00e1s control sobre el dise\u00f1o de su tema.<\/p>\nAgregar una plantilla de categor\u00eda<\/h2>\n
category.php<\/code>. Crearemos ese primero.<\/p>\nindex.php<\/code>archivo y cambie el nombre de la copia category.php<\/code>.<\/p>\nthe_archive_title<\/code>. Vamos a agregarlo antes del bucle, dentro de una <h1><\/code>etiqueta.<\/p>\n<?php get_header(); ?>\n<h1><?php the_archive_title(); ?><\/h1>\n<?php\nif (have_posts()) {\n...<\/code><\/pre>\n![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151635-61e4cd7239f1b.png\")
<\/a><\/p>\nAdici\u00f3n de una plantilla de resultados de b\u00fasqueda<\/h2>\n
category.php<\/code>y cambie el nombre de la copia a search.php<\/code>.<\/p>\nprintf()<\/code>y sprintf()<\/code>. Hacen lo mismo, excepto que printf<\/code>lo emiten (como echo) y sprintf<\/code>lo devuelven, por lo que podemos almacenarlo en una variable. Despu\u00e9s de colocar el texto como primeros par\u00e1metros, podemos agregar variables din\u00e1micas como argumentos, que luego se inyectan en el texto. Dentro de ellos, podemos usar las funciones de texto traducible __()<\/code>y _e()<\/code>. Le recomiendo que lea un poco sobre c\u00f3mo funciona printf<\/a> o sprintf<\/a>, ya que no entrar\u00e9 en m\u00e1s detalles aqu\u00ed.<\/p>\nget_search_query()<\/code>. Dicho esto, reemplacemos la funci\u00f3n de t\u00edtulo del archivo con esto;<\/p>\n<h1><?php printf(__('Search: %s', 'wptutorial'), get_search_query()); ?><\/h1><\/code><\/pre>\nprintf<\/code>que repite la cadena y reemplaza la constante de cadena (%s<\/code>) con el segundo argumento; get_search_query()<\/code>que es<\/p>\n
![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151635-61e4cd7331b74.png\")
<\/a><\/p>\n![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151635-61e4cd7412986.png\")
<\/a><\/p>\n