{"id":225906,"date":"2022-08-16T13:22:00","date_gmt":"2022-08-16T10:22:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225906"},"modified":"2022-11-08T23:39:52","modified_gmt":"2022-11-08T20:39:52","slug":"bucle-de-wordpress-que-es-y-que-necesitas-saber-al-respecto","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/bucle-de-wordpress-que-es-y-que-necesitas-saber-al-respecto\/","title":{"rendered":"Bucle de WordPress: qu\u00e9 es y qu\u00e9 necesitas saber al respecto"},"content":{"rendered":"<p>Si eres un desarrollador de temas de WordPress, un programador o simplemente un entusiasta en general ansioso por aprender qu\u00e9 es un bucle de WordPress, \u00a1este art\u00edculo es para ti! Sin m\u00e1s pre\u00e1mbulos, comencemos con lo b\u00e1sico: \u00bfQu\u00e9 es un bucle?<\/p>\n<p>El bucle de WordPress es un c\u00f3digo PHP que muestra las publicaciones de WordPress o simplemente; se usa en varios temas para mostrar publicaciones en cualquier p\u00e1gina web determinada. No solo se ejecuta en la mayor\u00eda de las p\u00e1ginas que ve, sino que tambi\u00e9n le permite modificarlo y personalizarlo a su gusto.<\/p>\n<p>Estos bucles de sitios web se pueden usar para enumerar publicaciones por recuento de comentarios, mostrar publicaciones con im\u00e1genes, etc.<\/p>\n<p>Cuando observa el bucle, puede ver que algunas funciones se ejecutan de forma predeterminada para mostrar publicaciones. Los desarrolladores de temas pueden usar esas funciones y etiquetas de plantilla para personalizar c\u00f3mo se muestra cada publicaci\u00f3n en el bucle.<\/p>\n<p>Esas etiquetas de plantilla solo funcionan dentro del bucle predeterminado de WordPress, y se utilizan para formatear, organizar y publicar datos de publicaciones.<\/p>\n<p>El bucle de WordPress es sin duda la parte m\u00e1s crucial del c\u00f3digo de WordPress, y perm\u00edtanos profundizar en c\u00f3mo se repite su sitio web.<\/p>\n<h3>Bucle de p\u00e1gina de WordPress para principiantes<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207555-61e8d679e5a30.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207555-61e8d679e5a30.jpg\" alt=\"Bucle de WordPress: qu\u00e9 es y qu\u00e9 necesitas saber al respecto\" ><\/a><\/p>\n<p>Como ya mencionamos, el post loop es un c\u00f3digo que genera toda la informaci\u00f3n que WordPress tiene sobre una publicaci\u00f3n o publicaciones. Se ejecuta en segundo plano a trav\u00e9s de cada publicaci\u00f3n y encuentra la base de datos una por una, lo que le permite proporcionar informaci\u00f3n sobre todas las publicaciones encontradas.<\/p>\n<p>Aqu\u00ed hay un ejemplo de c\u00f3mo funciona el bucle de WordPress a trav\u00e9s de las publicaciones:<\/p>\n<ol>\n<li>inicias el bucle,<\/li>\n<li>actuar con cada publicaci\u00f3n o p\u00e1gina encontrada,<\/li>\n<li>cerrar el ciclo.<\/li>\n<\/ol>\n<p>Estos tres pasos representan la l\u00f3gica b\u00e1sica detr\u00e1s del bucle. Desde este punto, puede ser creativo y filtrar las publicaciones que encontr\u00f3 utilizando la consulta. La consulta le dice al bucle lo que estamos buscando. En nuestro ejemplo, se ver\u00eda as\u00ed:<\/p>\n<ol>\n<li>definir lo que estamos buscando,<\/li>\n<li>iniciar el ciclo,<\/li>\n<li>tomar medidas con cada publicaci\u00f3n o p\u00e1gina encontrada,<\/li>\n<li>cerrar el ciclo.<\/li>\n<\/ol>\n<p>Si tiene experiencia con el c\u00f3digo PHP, es posible que est\u00e9 familiarizado con la funci\u00f3n &quot;while&quot; que se usa en bucles para ejecutar la consulta de la base de datos y mostrar din\u00e1micamente la informaci\u00f3n sin tener que ingresar cada fila de la base de datos manualmente.<\/p>\n<p>WordPress while loop funciona de la misma manera.<\/p>\n<h3>Ejemplo de un bucle est\u00e1ndar de WordPress<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207555-61e8d67ad790d.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207555-61e8d67ad790d.jpg\" alt=\"Bucle de WordPress: qu\u00e9 es y qu\u00e9 necesitas saber al respecto\" ><\/a><\/p>\n<p>A continuaci\u00f3n se muestra un ejemplo de un bucle de WordPress est\u00e1ndar que se puede utilizar en cualquier p\u00e1gina.<\/p>\n<p><code>&lt;?php if (have_posts() ): ?&gt; &lt;?php while (have_posts() ): the_post() ?&gt; \/\/ Post display here &lt;?php endwhile ?&gt; &lt;?php else: ?&gt; \/\/ Content if there are no posts to show &lt;?php endif ?&gt;<\/code><\/p>\n<p>Echa un vistazo a las funciones have_posts() y the_post(). El primero determina si hay publicaciones para mostrar, y el segundo configura datos y puntos internos que ayudan a la funci\u00f3n have_posts().<\/p>\n<p>Si no hay nada que mostrar, la funci\u00f3n deber\u00eda mostrar un mensaje informando a los usuarios.<\/p>\n<p>Si existen las publicaciones que estamos buscando, el ciclo las mostrar\u00e1 una por una.<\/p>\n<p>Aqu\u00ed, tenga un bloque de c\u00f3digo que realmente muestre las publicaciones, \u00a1nosotros lo pagamos!<\/p>\n<p>`&lt;?php if (have_posts() ): ?&gt;<br \/>\n&lt;?php while (have_posts() ): the_post() ?&gt;<br \/>\n&lt;div &lt;?php post_class() ?&gt;&gt;<\/p>\n<h2>&lt;a href=\u00bb&gt;<\/h2>\n<p>&lt;div class=&#8217;post-extracto&#8217;&gt;<br \/>\n&lt;?php el_extracto() ?&gt;<\/p>\n<p>&lt;div class=&#8217;post-meta&#8217;&gt;<br \/>\n&lt;?php the_time( &#8216;Ym-d&#8217;) ?&gt;<br \/>\n&lt;?php if (has_category() ): ?&gt;<br \/>\n&lt;span class=&#8217;post-categories&#8217;&gt;&lt;?php the_category( &#8216;, &#8216;) ?&gt;<br \/>\n&lt;?php endif ?&gt;<\/p>\n<p>&lt;?php endwhile ?&gt;<br \/>\n&lt;?php else: ?&gt;<\/p>\n<h2>No hay publicaciones aqu\u00ed<\/h2>\n<p>\u00bfQuiere volver a la &lt;a href=\u00bb&gt;p\u00e1gina de inicio?<br \/>\n`<\/p>\n<p>El contenido que se muestra aqu\u00ed est\u00e1 determinado por la consulta de la que ya hablamos, y la forma en que se muestra ese contenido depende del bucle. Esta cantidad de personalizaci\u00f3n es incre\u00edble y es lo que hace que WordPress se destaque.<\/p>\n<p>\u00a1Gran trabajo! \u00a1Ahora ya sabes lo que es un post loop!<\/p>\n<p>### Usar c\u00f3digo para cambiar la consulta principal<\/p>\n<p>!<a href=\"https:\/\/wpdatatables.com\/wp-content\/uploads\/2018\/04\/wploop-2.jpg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<p>Antes de comenzar, debemos advertirle que cambiar la consulta principal puede tener consecuencias no deseadas si no sabe lo que est\u00e1 haciendo. \u00a1Tenga cuidado al experimentar!<\/p>\n<p>Tenemos que mirar los ganchos si queremos modificar la funcionalidad principal. Los ganchos nos permiten cambiar la longitud del texto, cambiar la pantalla de inicio de sesi\u00f3n, reformular los mensajes de error, cambiar los tipos de publicaciones personalizadas y mucho m\u00e1s.<\/p>\n<p><code>add_action( 'pre_get_posts', 'my_exclude_category' ); function my_exclude_category( $consulta) { if ($consulta-&gt;is_home() &amp;&amp; $consulta-&gt;is_main_query()) { $consulta-&gt;set( 'cat', '-92' ); } }<\/code><\/p>\n<p>Tenga en cuenta que usamos el gancho pre_get_post para modificar el par\u00e1metro de la consulta principal antes de que se ejecute. El c\u00f3digo anterior hace lo mismo que el anterior, pero esta vez excluye la categor\u00eda 92 de nuestra p\u00e1gina de inicio. Por lo tanto, la consulta principal se modifica<\/p>\n<p>Echa un vistazo a las funciones is_home() e is_main_query(). Est\u00e1n aqu\u00ed para asegurarse de que la consulta solo se modifique en la p\u00e1gina de inicio y si es la consulta principal.<\/p>\n<p>Aqu\u00ed hay otro c\u00f3digo que puede ser \u00fatil en un bucle de blog de WordPress.<\/p>\n<p>Supongamos que un autor en su sitio web ha plagiado parte (o la totalidad) de su contenido y desea eliminar todas sus publicaciones de forma permanente o hasta que se resuelva el problema.<\/p>\n<p>Eso se puede hacer agregando un c\u00f3digo como este:<\/p>\n<p><code>add_action( 'pre_get_posts', 'my_exclude_author' ); funci\u00f3n my_exclude_author ($consulta) { $consulta-&gt;set('autor', '-23'); }<\/code><\/p>\n<p>Con esta funci\u00f3n condicional, elimina la publicaci\u00f3n del autor tanto de su sitio web como de su servidor. Puede encontrar todas las etiquetas condicionales en el Codex de WordPress. As\u00ed es como deber\u00eda verse el \u00faltimo c\u00f3digo al final:<\/p>\n<p><code>add_action( 'pre_get_posts', 'my_exclude_author' ); funci\u00f3n my_exclude_author ($consulta) { if( !is_admin()) { $consulta-&gt;set( 'autor', '-23' ); } }<\/code><\/p>\n<p>### Pensamientos finales en el bucle de WordPress<\/p>\n<p>Usar el bucle de WordPress es una excelente manera de personalizar sus publicaciones, p\u00e1ginas o, simplemente, su sitio web. El bucle requiere que tenga una comprensi\u00f3n b\u00e1sica de c\u00f3mo funciona WordPress y la l\u00f3gica del c\u00f3digo.<\/p>\n<p>A menos que desee realizar una prueba r\u00e1pida, no recomendamos utilizar la funci\u00f3n query_posts(). Puede usar varios ganchos en caso de que necesite modificar la consulta original. Siempre tenga cuidado al cambiar el c\u00f3digo de bucle de WordPress.<\/p>\n<p>\u00a1Esperamos que este art\u00edculo sea un buen primer paso hacia el dominio de los bucles de WordPress!<\/p>\n<p>Si disfrutaste este art\u00edculo sobre el bucle de WordPress, tambi\u00e9n deber\u00edas leer estos:<\/p>\n<p>\u2013 <a href=\"https:\/\/wordpress.mediadoma.com\/es\/error-504-en-wordpress-como-solucionarlo\/\" title=\"Error 504 en WordPress: c\u00f3mo solucionarlo\">Error 504 en WordPress: c\u00f3mo solucionarlo<\/a><br \/>\n\u2013 <a href=\"https:\/\/wordpress.mediadoma.com\/es\/12-consejos-para-crear-un-tema-o-complemento-exitoso-de-wordpress\/\" title=\"12 consejos para crear un complemento premium de WordPress exitoso o Theme\">12 consejos para crear un complemento premium de WordPress exitoso o Theme<\/a><br \/>\n\u2013 <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-aprovechar-el-almacenamiento-en-cache-del-navegador-en-wordpress\/\" title=\"\u00bfC\u00f3mo aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress? Pasos a seguir\">\u00bfC\u00f3mo aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress? Pasos a seguir<\/a><\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si eres un desarrollador de temas de WordPress, un programador o simplemente un entusiasta en general ansioso por aprender qu\u00e9 es un bucle de WordPress, \u00a1este art\u00edculo es para ti!<\/p>\n","protected":false},"author":1,"featured_media":207556,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[800,861],"tags":[1172],"class_list":["post-225906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-2","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/225906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=225906"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/225906\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/207556"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=225906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=225906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=225906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}