{"id":77605,"date":"2025-01-07T12:25:18","date_gmt":"2025-01-07T11:25:18","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=77605&#038;preview=true&#038;preview_id=77605"},"modified":"2025-01-07T14:25:37","modified_gmt":"2025-01-07T13:25:37","slug":"bucle-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/","title":{"rendered":"Gu\u00eda completa del Bucle de WordPress: todo lo que necesitas saber"},"content":{"rendered":"<p>El bucle de WordPress (WordPress Loop) es una parte fundamental de como tu sitio de WordPress muestra el contenido. Si quieres poder personalizar algunas partes de tu sitio (o quiz\u00e1s sumergirte en el desarrollo de WordPress), necesitar\u00e1s conocer el Bucle de WordPress.<\/p>\n<p>Tanto si nunca has o\u00eddo hablar del Bucle de WordPress como si ya est\u00e1s familiarizado con \u00e9l, este art\u00edculo te pondr\u00e1 al d\u00eda de todo lo que necesitas saber sobre el Bucle de WordPress.<\/p>\n<p>Te explicaremos qu\u00e9 es y por qu\u00e9 puede ser \u00fatil poder trabajar con \u00e9l. A continuaci\u00f3n, te mostraremos paso a paso c\u00f3mo trabajar con el Bucle en plantillas PHP (para temas cl\u00e1sicos) y con el bloque Bucle de Consulta (Query Loop) en temas de bloques m\u00e1s actuales.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p>Entremos en materia, empezando por el principio&#8230;<\/p>\n<h2>\u00bfQu\u00e9 es el Bucle de WordPress?<\/h2>\n<p>El Bucle de WordPress es lo que utiliza WordPress para mostrar contenido en tu sitio. Tradicionalmente es c\u00f3digo PHP que puedes personalizar utilizando etiquetas de plantilla, aunque los temas m\u00e1s recientes de bloques de WordPress utilizan el bloque Bucle de Consulta en lugar de PHP.<\/p>\n<p>En t\u00e9rminos m\u00e1s t\u00e9cnicos, el Bucle consulta la base de datos de tu sitio para recuperar los datos de cada publicaci\u00f3n y luego muestra esa informaci\u00f3n seg\u00fan una plantilla. Para controlar esta plantilla, puedes usar diversas etiquetas de plantilla o bloques, dependiendo de si utilizas PHP o el bloque Bucle de Consulta.<\/p>\n<p>Por ejemplo, supongamos que tienes una p\u00e1gina que enumera las entradas m\u00e1s recientes de tu blog, como la p\u00e1gina principal de tu blog:<\/p>\n<ol>\n<li>En primer lugar, el Bucle comprobar\u00e1 si existe alguna entrada.<\/li>\n<li>Si hay entradas, mostrar\u00e1 la primera entrada seg\u00fan tu plantilla.<\/li>\n<li>A continuaci\u00f3n, comprobar\u00e1 si existe otra entrada. Si hay otra entrada, har\u00e1 un \u00abloop\u00bb (bucle) con la plantilla de nuevo y mostrar\u00e1 la segunda entrada seg\u00fan la misma plantilla.<\/li>\n<li>Continuar\u00e1 \u00abhaciendo un bucle\u00bb a trav\u00e9s de tus entradas hasta que no haya m\u00e1s entradas (o alcance alg\u00fan otro l\u00edmite, como las reglas de paginaci\u00f3n).<\/li>\n<\/ol>\n<p>Aqu\u00ed tienes un ejemplo de c\u00f3mo se ve el Bucle en el <a href=\"https:\/\/kinsta.com\/es\/blog\/\">blog de Kinsta<\/a> \u2013 cada cuadro resaltado es otra iteraci\u00f3n del \u00abbucle\u00bb. Puedes ver que las seis cajas utilizan la misma plantilla.<\/p>\n<figure id=\"attachment_188429\" aria-describedby=\"caption-attachment-188429\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188429 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/wordpress-loop-example-1024x818.jpg\" alt=\"Un ejemplo del Bucle de WordPress mostrando la p\u00e1gina del listado de blogs de Kinsta\" width=\"1024\" height=\"818\"><figcaption id=\"caption-attachment-188429\" class=\"wp-caption-text\">Un ejemplo del Bucle de WordPress<\/figcaption><\/figure>\n<h2>\u00bfCu\u00e1ndo utiliza WordPress el Bucle para mostrar el contenido?<\/h2>\n<p>WordPress utiliza el Bucle para mostrar contenido en cualquier p\u00e1gina que contenga varias piezas de contenido (entradas, p\u00e1ginas, tipos de entrada personalizados, etc.).<\/p>\n<p>Estas son algunas de las principales situaciones en las que WordPress utiliza el Bucle, aunque no es una lista completa:<\/p>\n<ul>\n<li>P\u00e1gina principal del sitio web que muestra tus entradas recientes<\/li>\n<li>P\u00e1gina principal del blog<\/li>\n<li>P\u00e1ginas de listado de categor\u00edas<\/li>\n<li>P\u00e1ginas de listado de etiquetas<\/li>\n<li>P\u00e1ginas de resultados de b\u00fasqueda<\/li>\n<li>P\u00e1ginas de tipo de entrada personalizada<\/li>\n<\/ul>\n<p>T\u00e9cnicamente, WordPress tambi\u00e9n puede utilizar el Bucle para mostrar un contenido individual. En estas situaciones, el \u00abbucle\u00bb terminar\u00eda despu\u00e9s de consultar el primer elemento.<\/p>\n<p>Sin embargo, cuando la mayor\u00eda de las personas piensan en el Bucle de WordPress, suelen imaginar que este \u2018recorre\u2019 varios elementos para mostrarlos en alg\u00fan tipo de lista.<\/p>\n<h2>\u00bfPara qu\u00e9 puedes utilizar el Bucle de WordPress?<\/h2>\n<p>Aprender a editar y manipular el Bucle de WordPress puede ayudarte a utilizar WordPress para crear sitios web m\u00e1s din\u00e1micos y f\u00e1ciles de usar.<\/p>\n<p>Aqu\u00ed tienes tres de las principales formas en que puedes utilizar el Bucle de WordPress para mejorar tu sitio&#8230;<\/p>\n<h3>Controlar c\u00f3mo mostrar el contenido b\u00e1sico de las entradas y los metadatos<\/h3>\n<p>La raz\u00f3n m\u00e1s com\u00fan por la que puedes querer personalizar el Bucle de WordPress es para controlar el dise\u00f1o b\u00e1sico del contenido de tu sitio.<\/p>\n<p>Por ejemplo, supongamos que quieres controlar la disposici\u00f3n de la p\u00e1gina de las entradas de tu blog. Manipulando el Bucle de WordPress, podr\u00edas controlar la disposici\u00f3n de elementos importantes como el t\u00edtulo de la entrada, el contenido, el autor, los metadatos (por ejemplo, la fecha de publicaci\u00f3n), etc.<\/p>\n<p>Usando condicionales, tambi\u00e9n puedes crear diferentes dise\u00f1os para distintos tipos de contenido. Por ejemplo, puedes utilizar un dise\u00f1o para listar las entradas de la categor\u00eda \u00abNoticias\u00bb y otro diferente para listar las entradas de la categor\u00eda \u00abEntrevistas\u00bb.<\/p>\n<p>Esto te permite optimizar el dise\u00f1o para los distintos tipos de contenido de tu sitio y crear una gran experiencia para tus visitantes.<\/p>\n<h3>Inserta datos de campos personalizados para crear sitios m\u00e1s din\u00e1micos<\/h3>\n<p>Comprender c\u00f3mo utilizar el Bucle de WordPress tambi\u00e9n puede ayudarte a utilizar WordPress para crear tipos de sitios de contenido m\u00e1s din\u00e1micos.<\/p>\n<p>Por ejemplo, supongamos que quieres <a href=\"https:\/\/kinsta.com\/es\/blog\/plugins-inmobiliarios-wordpress\/\">crear un sitio de anuncios inmobiliarios<\/a>. Como parte de ello, quieres tener una p\u00e1gina que enumere informaci\u00f3n sobre casas que est\u00e1n disponibles para la venta a trav\u00e9s de un <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-tipos-de-postes-personalizados\/\">tipo de entrada personalizada<\/a> \u00abCasa\u00bb que has creado.<\/p>\n<p>Si s\u00f3lo utilizas el dise\u00f1o predeterminado de listado de entradas que viene con tu tema, s\u00f3lo mostrar\u00eda informaci\u00f3n b\u00e1sica como el t\u00edtulo y el contenido, igual que muestra las entradas normales de tu blog.<\/p>\n<p>Al editar el Bucle de WordPress para tu tipo de entrada \u00abCasa\u00bb y a\u00f1adir las etiquetas de plantilla pertinentes, podr\u00edas incluir informaci\u00f3n de los <a href=\"https:\/\/kinsta.com\/es\/blog\/anadir-meta-box-a-entradas-de-wordpress\/\">campos personalizados que est\u00e9s utilizando<\/a>, como el n\u00famero de dormitorios y ba\u00f1os de cada casa, los metros cuadrados, etc.<\/p>\n<h3>Insertar contenido no relacionado con las entradas en tus listas de entradas (por ejemplo, anuncios)<\/h3>\n<p>Aprender a utilizar el Bucle de WordPress tambi\u00e9n puede ayudarte a insertar contenido no din\u00e1mico en las listas de contenido de tu sitio. Es decir, contenido que tu sitio no extrae de la base de datos de WordPress.<\/p>\n<p>Por ejemplo, supongamos que quieres insertar <a href=\"https:\/\/kinsta.com\/es\/blog\/tamanos-anuncios-banners\/\">un banner publicitario<\/a> entre cada entrada de la lista (o alg\u00fan otro tipo de contenido est\u00e1tico). Editando el Bucle, podr\u00edas inyectar f\u00e1cilmente tus anuncios en cualquier punto del dise\u00f1o.<\/p>\n<h2>Dos opciones para trabajar con el Bucle de WordPress<\/h2>\n<p>Con el <a href=\"https:\/\/kinsta.com\/es\/blog\/conceptos-basicos-temas-wordpress\/\">desarrollo moderno de temas de WordPress<\/a>, la forma en que interact\u00faes con el Bucle de WordPress depender\u00e1 del tipo de tema que est\u00e9s utilizando.<\/p>\n<p>En el pasado, todos los temas de WordPress se basaban en plantillas PHP, por lo que tendr\u00edas que trabajar con el Bucle utilizando PHP en esos archivos de plantilla de temas. Hoy en d\u00eda, este tipo de temas se denominan <a href=\"https:\/\/kinsta.com\/es\/blog\/crear-tema-clasico-de-wordpress\/\">temas cl\u00e1sicos de WordPress<\/a>.<\/p>\n<p>La mayor\u00eda de los <a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-temas-de-wordpress-para-blogs\/\">temas populares de WordPress<\/a> siguen utilizando este enfoque cl\u00e1sico, lo que significa que utilizar\u00e1s PHP para trabajar con el Bucle de WordPress. Algunos ejemplos de temas cl\u00e1sicos son <a href=\"https:\/\/kinsta.com\/es\/blog\/generatepress-vs-astra\/\">Astra, GeneratePress<\/a>, Kadence, Neve, OceanWP, etc.<\/p>\n<p>Sin embargo, los nuevos temas de bloques de WordPress creados en el <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-edicion-sitio-completa\/\">Editor de Sitios<\/a> ya no utilizan archivos de plantilla PHP como los temas cl\u00e1sicos, por lo que no puedes utilizar PHP para personalizar el Bucle si utilizas un tema de bloques. En su lugar, estos nuevos temas de bloques utilizan un bloque especial \u00abBucle de Consulta (Query Loop)\u00bb para personalizar el Bucle de WordPress.<\/p>\n<p>Puedes consultar <a href=\"https:\/\/kinsta.com\/es\/blog\/temas-de-bloques-wordpress\/\">nuestra lista de los mejores temas de bloques<\/a> para ver algunos ejemplos de temas populares que utilizan este enfoque.<\/p>\n<p>A continuaci\u00f3n, te mostraremos c\u00f3mo utilizar ambos enfoques para trabajar con el Bucle de WordPress:<\/p>\n<ul>\n<li>Si utilizas un tema cl\u00e1sico, usar\u00e1s PHP para interactuar con el Bucle.<\/li>\n<li>Si usas un tema de bloques, utilizar\u00e1s el m\u00e9todo del bloque Bucle de Consulta para interactuar con el Bucle.<\/li>\n<\/ul>\n<p>Si no est\u00e1s seguro de qu\u00e9 tipo de tema est\u00e1s utilizando, puedes consultar las opciones en el men\u00fa <strong>Apariencia<\/strong> de tu panel de control de WordPress:<\/p>\n<ul>\n<li>Si ves otras opciones como <strong>Personalizar, Widgets<\/strong> y <strong>Editor de archivos de tema<\/strong>, entonces est\u00e1s utilizando un tema cl\u00e1sico.<\/li>\n<li>Si ves una opci\u00f3n de <strong>Editor <\/strong>sin las otras opciones, normalmente significa que est\u00e1s utilizando un tema de bloques.<\/li>\n<\/ul>\n<h2>C\u00f3mo utilizar el Bucle de WordPress con temas cl\u00e1sicos (c\u00f3digo)<\/h2>\n<p>Si utilizas un tema cl\u00e1sico de WordPress, trabajar\u00e1s con el Bucle de WordPress dentro de los archivos de plantilla PHP de tu tema.<\/p>\n<p>Aqu\u00ed tienes un ejemplo de una implementaci\u00f3n muy b\u00e1sica del Bucle de WordPress:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();\nendwhile;\nelse:\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\nendif;\n?&gt;<\/code><\/pre>\n<p>Para ayudarte a entender lo que hace este c\u00f3digo, lo dividiremos en tres secciones:<\/p>\n<ul>\n<li>Abrir el Bucle<\/li>\n<li>Uso de etiquetas de plantilla para controlar qu\u00e9 contenido mostrar<\/li>\n<li>Cerrar el Bucle<\/li>\n<\/ul>\n<p>A continuaci\u00f3n, nos adentraremos en el tema un poco m\u00e1s avanzado del uso de sentencias condicionales para ajustar el Bucle en funci\u00f3n de diferentes situaciones.<\/p>\n<h3>C\u00f3mo iniciar el bucle de WordPress<\/h3>\n<p>Para abrir el bucle de WordPress, tendr\u00e1s cuatro elementos:<\/p>\n<ul>\n<li><code>&lt;?php<\/code> \u2013 esto le dice a tu servidor web que vas a utilizar PHP.<\/li>\n<li><code>if ( have_posts() )<\/code> \u2013 esto le dice a tu servidor que debe comprobar si la base de datos de tu sitio tiene alguna entrada que coincida con la consulta, y luego ejecutar el siguiente c\u00f3digo si hay entradas. Si no hay entradas, puedes utilizar una sentencia <strong>else <\/strong>para a\u00f1adir un texto alternativo, que veremos m\u00e1s adelante.<\/li>\n<li><code>while ( have_posts() )<\/code> \u2013 Esto indica a tu servidor que debe continuar el bucle mientras haya entradas que mostrar. Por lo general, el l\u00edmite lo fijar\u00e1 tu elecci\u00f3n en el \u00e1rea <strong>Configuraci\u00f3n \u2192 Lectura<\/strong>. Por ejemplo, si configuras tu sitio para mostrar hasta 10 entradas por p\u00e1gina, el servidor mantendr\u00e1 el bucle hasta 10 entradas (siempre que hayas publicado al menos 10 entradas).<\/li>\n<li><code>the_post();<\/code> \u2013 Esto le dice a tu servidor que recupere los datos de cada entrada de la base de datos de tu sitio. Puedes controlar la visualizaci\u00f3n de estos datos utilizando etiquetas de plantilla, que veremos en la siguiente secci\u00f3n.<\/li>\n<\/ul>\n<pre><code class=\"language-php\">&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();<\/code><\/pre>\n<h3>C\u00f3mo controlar el contenido del Bucle de WordPress<\/h3>\n<p>Una vez que hayas abierto el bucle de WordPress, puedes utilizar etiquetas de plantilla para controlar qu\u00e9 informaci\u00f3n quieres incluir en cada entrada, junto con el dise\u00f1o (layout)* general de ese contenido.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>*Tambi\u00e9n utilizar\u00e1s HTML y CSS para ayudarte a hacer esto, por supuesto. Tenemos muchas entradas sobre CSS en el blog de Kinsta, <a href=\"https:\/\/kinsta.com\/es\/blog\/css-wordpress\/\">incluyendo c\u00f3mo usar CSS en WordPress<\/a>.<\/p>\n<\/aside>\n\n<p>Las etiquetas de plantilla que utilices dentro del Bucle se repetir\u00e1n para cada entrada mostrada.<\/p>\n<p>\u00c9stas son algunas de las etiquetas de plantilla m\u00e1s comunes que puedes utilizar:<\/p>\n<ul>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_title\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_title()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_content\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_content()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_excerpt\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_excerpt()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_post_thumbnail\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_post_thumbnail()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_author\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_author()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/next_post_link\/\" target=\"_blank\" rel=\"noopener noreferrer\">next_post_link()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_id\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_ID()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_meta\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_meta()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_shortlink\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_shortlink()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_tags\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_tags()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_time\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_time()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/previous_post_link\/\" target=\"_blank\" rel=\"noopener noreferrer\">previous_post_link()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_category()<\/a><\/code><\/li>\n<\/ul>\n<p>Si est\u00e1s construyendo sitios de WordPress m\u00e1s personalizados, puedes incluir datos de campos personalizados en el Bucle de WordPress. La forma m\u00e1s sencilla de hacerlo ser\u00eda mediante un plugin como <a href=\"https:\/\/www.advancedcustomfields.com\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Custom Fields (ACF)<\/a>, <a href=\"https:\/\/metabox.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meta Box<\/a> o <a href=\"https:\/\/pods.io\" target=\"_blank\" rel=\"noopener noreferrer\">Pods<\/a>, todos ellos incluyen su propia funcionalidad para etiquetas de plantilla que puedes utilizar en el Bucle de WordPress.<\/p>\n<p>Por ejemplo, veamos la sintaxis de un bucle sencillo que s\u00f3lo muestra el t\u00edtulo, la miniatura de la imagen destacada y el extracto de cada entrada.<\/p>\n<p>Esto es lo que podr\u00eda parecer<\/p>\n<pre><code class=\"language-php\">\/\/ first, we need to open the loop as we showed you in the previous section\n&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/\/ now, we can use template tags to control what information to display for each post\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();<\/code><\/pre>\n<h3>C\u00f3mo finalizar el Bucle de WordPress<\/h3>\n<p>Para cerrar el Bucle de WordPress, tienes que cerrar el bucle <strong>while<\/strong>, la sentencia <strong>if<\/strong> y PHP.<\/p>\n<p>Para manejar situaciones en las que WordPress no pueda devolver ninguna entrada, puedes a\u00f1adir una sentencia <strong>else<\/strong> antes de cerrar la sentencia <strong>if<\/strong>.<\/p>\n<p>As\u00ed es como se cerrar\u00eda el bucle de nuestro ejemplo anterior, a\u00f1adiendo la sentencia <strong>else<\/strong> para cubrir las situaciones en las que ninguna entrada coincida con la consulta.<\/p>\n<pre><code class=\"language-php\">\/\/ first, we need to open the loop as we showed you in the previous section\n&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/\/ now, we can use template tags to control what information to display for each post\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();\n\/\/ once we're finished with the template tags, we can now close the loop\nendwhile;\nelse:\n\/\/ this tells your site what to do if no posts match the query\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\nendif;\n?&gt;<\/code><\/pre>\n<h3>Utilizar condicionales para controlar el comportamiento en el Bucle de WordPress<\/h3>\n<p>Una vez que entiendas la estructura b\u00e1sica del Bucle, puedes empezar a utilizarlo de formas m\u00e1s avanzadas.<\/p>\n<p>Una de las mejores maneras de empezar es utilizando sentencias condicionales. \u00c9stas te permiten ajustar f\u00e1cilmente el comportamiento del Bucle para distintos tipos de contenido, como en nuestro ejemplo anterior, en el que pod\u00edas utilizar un dise\u00f1o para listar las entradas de la categor\u00eda \u00abEntrevistas\u00bb y otro para las entradas de la categor\u00eda \u00abNoticias\u00bb.<\/p>\n<p>Estas son algunas de las etiquetas condicionales que puedes utilizar:<\/p>\n<ul>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_home\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_home()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_admin\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_admin()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_single\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_single()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_page()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_page_template()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_category()<\/a><\/code> o <code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/in_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">in_category()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_tag\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_tag()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_author\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_author()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_search\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_search()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_404\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_404()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/has_excerpt\/\" target=\"_blank\" rel=\"noopener noreferrer\">has_excerpt()<\/a><\/code><\/li>\n<\/ul>\n<p>Si haces clic en los enlaces anteriores, podr\u00e1s ver ejemplos de c\u00f3digo de c\u00f3mo modificar el Bucle de WordPress para distintos tipos de condicionales.<\/p>\n<p>Por ejemplo, as\u00ed es como podr\u00eda verse al aplicar un estilo diferente a las entradas de la categor\u00eda con un ID de \u00ab3\u00bb utilizando <strong>in_category<\/strong> y aplicando un &lt;div&gt; diferente a esas entradas.<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/\/ Start the Loop.\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/* * See if the current post is in category 3.\n* If it is, the div is given the CSS class \"post-category-three\".\n* Otherwise, the div is given the CSS class \"post\".\n*\/\nif ( in_category( 3 ) ) : ?&gt;\n&lt;div class=\"post-category-three\"&gt;\n&lt;?php else : ?&gt;\n&lt;div class=\"post\"&gt;\n&lt;?php endif;\n\/\/ Display the post's title.\nthe_title( '&lt;h2&gt;', ';&lt;\/h2&gt;' );\n\/\/ Display a link to other posts by this posts author.\nprintf( __( 'Posted by %s', 'textdomain' ), get_the_author_posts_link() );\n\/\/ Display the post's content in a div.\n?&gt;\n&lt;div class=\"entry\"&gt;\n&lt;?php the_content() ?&gt;\n&lt;\/div&gt;\n&lt;?php\n\/\/ Display a comma separated list of the post's categories.\n_e( 'Posted in ', 'textdomain' ); the_category( ', ' );\n\/\/ closes the first div box with the class of \"post\" or \"post-cat-three\"\n?&gt;\n&lt;\/div&gt;\n&lt;?php\n\/\/ Stop the Loop, but allow for a \"if not posts\" situation\nendwhile;\nelse :\n\/*\n* The very first \"if\" tested to see if there were any posts to\n* display. This \"else\" part tells what do if there weren't any.\n*\/\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\n\/\/ Completely stop the Loop.\nendif;\n?&gt;<\/code><\/pre>\n<h2>C\u00f3mo utilizar el Bucle de WordPress en los temas de bloque (Editor del Sitio)<\/h2>\n<p>Como hemos mencionado anteriormente, los temas de bloques de WordPress utilizan el Editor de Sitios para controlar las plantillas de tu tema en lugar de los archivos de plantilla PHP.<\/p>\n<p>Por ello, no puedes utilizar PHP para personalizar el Bucle de WordPress si utilizas un tema de bloques. En su lugar, utilizar\u00e1s el bloque Bucle de Consulta (Query Loop).<\/p>\n<p>Sin embargo, los principios b\u00e1sicos son los mismos.<\/p>\n<p>B\u00e1sicamente, utilizar\u00e1s el bloque Bucle de Consulta para abrir el bucle. Dentro del bloque Bucle de Consulta hay un contenedor Post Template y otros contenedores para paginaci\u00f3n y \u00absin resultados\u00bb.<\/p>\n<p>A continuaci\u00f3n, en lugar de utilizar etiquetas de plantilla como haces con PHP, a\u00f1adir\u00e1s bloques de temas de WordPress dentro del contenedor Post Template para controlar el dise\u00f1o de cada elemento del bucle.<\/p>\n<h3>C\u00f3mo a\u00f1adir el bloque Bucle de Consulta<\/h3>\n<p>Para empezar, ve al Editor del Sitio (<strong>Apariencia \u2192 Editor<\/strong>) y crea o edita la plantilla correspondiente. Tambi\u00e9n puedes a\u00f1adir el Bucle a una pieza individual de contenido, como una sola p\u00e1gina en la que quieras listar entradas.<\/p>\n<p>En cualquier caso, puedes empezar a\u00f1adiendo el bloque Bucle de Consulta. A continuaci\u00f3n, puedes elegir entre utilizar uno de los patrones de Bucle existentes en tu tema haciendo clic en <strong>Elegir<\/strong> o empezar desde un lienzo en blanco haciendo clic en <strong>Empezar en blanco<\/strong>.<\/p>\n<p>Para este ejemplo, elegiremos <strong>Empezar en blanco<\/strong>.<\/p>\n<figure id=\"attachment_188424\" aria-describedby=\"caption-attachment-188424\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188424 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-1-1024x614.jpg\" alt=\"C\u00f3mo a\u00f1adir el bloque Bucle de Consulta\" width=\"1024\" height=\"614\"><figcaption id=\"caption-attachment-188424\" class=\"wp-caption-text\">C\u00f3mo a\u00f1adir el bloque Bucle de Consulta<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, puedes elegir entre distintas variantes de inicio, siendo la opci\u00f3n m\u00e1s sencilla mostrar s\u00f3lo el t\u00edtulo y el contenido de cada elemento.<\/p>\n<figure id=\"attachment_188425\" aria-describedby=\"caption-attachment-188425\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188425 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-2-1024x655.jpg\" alt=\"Puedes elegir la variaci\u00f3n inicial del bucle utilizando las opciones de la configuraci\u00f3n del bloque\" width=\"1024\" height=\"655\"><figcaption id=\"caption-attachment-188425\" class=\"wp-caption-text\">C\u00f3mo elegir la variaci\u00f3n de inicio para el bucle.<\/figcaption><\/figure>\n<p>Una vez hecho esto, puedes utilizar la configuraci\u00f3n de la barra lateral del bloque Bucle de Consulta para controlar qu\u00e9 contenido quieres incluir en el Bucle(la \u00abconsulta\u00bb).<\/p>\n<p>Por defecto, incluir\u00e1 entradas normales, pero puedes cambiar el tipo de entrada para incluir otros tipos de contenido. Tambi\u00e9n puedes cambiar el orden y utilizar filtros para consultar s\u00f3lo contenidos espec\u00edficos, como los que tienen una determinada categor\u00eda, proceden de un determinado autor, etc.<\/p>\n<figure id=\"attachment_188426\" aria-describedby=\"caption-attachment-188426\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188426 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-3-1024x963.jpg\" alt=\"Puedes personalizar la consulta utilizando las opciones de la barra lateral de configuraci\u00f3n del bloque\" width=\"1024\" height=\"963\"><figcaption id=\"caption-attachment-188426\" class=\"wp-caption-text\">C\u00f3mo personalizar la consulta del Bucle.<\/figcaption><\/figure>\n<h3>C\u00f3mo personalizar la plantilla del Bucle<\/h3>\n<p>Ahora, puedes utilizar los bloques de la secci\u00f3n <strong>Tema<\/strong> para personalizar a\u00fan m\u00e1s la Plantilla de Post dentro del Bucle de Consulta. De nuevo, estos bloques sirven para el mismo prop\u00f3sito b\u00e1sico que las etiquetas de plantilla en el c\u00f3digo PHP.<\/p>\n<p>Por ejemplo, si quisieras mostrar el autor de cada contenido, podr\u00edas a\u00f1adir el bloque Nombre del Autor donde quieras que aparezca el nombre del autor.<\/p>\n<figure id=\"attachment_188427\" aria-describedby=\"caption-attachment-188427\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188427 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-4-1024x937.jpg\" alt=\"Puedes utilizar los bloques del tema principal para personalizar la plantilla del Bucle.\" width=\"1024\" height=\"937\"><figcaption id=\"caption-attachment-188427\" class=\"wp-caption-text\">C\u00f3mo personalizar la plantilla del Bucle.<\/figcaption><\/figure>\n<p>Tambi\u00e9n encontrar\u00e1s otros bloques para elementos relevantes, como Imagen destacada, Fecha, Categor\u00edas, Etiquetas, etc.<\/p>\n<p>Si te fijas en el esquema, puedes ver que todos estos bloques van dentro del grupo Plantilla de Post.<\/p>\n<figure id=\"attachment_188428\" aria-describedby=\"caption-attachment-188428\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188428 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-5-1024x678.jpg\" alt=\"La funcionalidad de esquema te mostrar\u00e1 la estructura del bloque Bucle de Consulta.\" width=\"1024\" height=\"678\"><figcaption id=\"caption-attachment-188428\" class=\"wp-caption-text\">Un vistazo a la estructura del bloque Bucle de Consulta.<\/figcaption><\/figure>\n<p>Tambi\u00e9n hay otros grupos para controlar la paginaci\u00f3n y las situaciones en las que la consulta no devuelve resultados.<\/p>\n<h2>Consejos para trabajar con el Bucle de WordPress<\/h2>\n<p>Dado que el Bucle es una parte tan integral de WordPress, cualquier error o equivocaci\u00f3n puede causar problemas en tu sitio. Esto es especialmente cierto si trabajas con plantillas PHP, ya que los errores de sintaxis podr\u00edan activar <a href=\"https:\/\/kinsta.com\/es\/blog\/ha-habido-un-error-critico-en-su-sitio-web\/\">el mensaje \u00abSe ha producido un error cr\u00edtico en tu sitio web\u00bb<\/a>.<\/p>\n<p>Para evitar problemas, aqu\u00ed tienes un par de consejos&#8230;<\/p>\n<h3>Experimenta y aprende en un entorno de desarrollo local<\/h3>\n<p>Si es la primera vez que trabajas con el Bucle de WordPress, probablemente deber\u00e1s experimentar y jugar con distintos conceptos para comprender mejor c\u00f3mo funciona.<\/p>\n<p>Para hacerlo con seguridad, puedes <a href=\"https:\/\/kinsta.com\/es\/blog\/instalar-wordpress-localmente\/\">utilizar un entorno de desarrollo local de WordPress<\/a>, que te proporciona una caja de arena segura alimentada por tu ordenador local.<\/p>\n<p>Para crear f\u00e1cilmente sitios locales de WordPress para probar y aprender, puedes utilizar <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">la herramienta gratuita DevKinsta<\/a>.<\/p>\n<p>Compatible con Windows y Mac, DevKinsta te permite crear f\u00e1cilmente tantos sitios de desarrollo locales como necesites.<\/p>\n<h3>Trabajar en un entorno staging para sitios en producci\u00f3n<\/h3>\n<p>Si est\u00e1s trabajando en el Bucle de WordPress de un sitio web de WordPress en producci\u00f3n, te recomendamos encarecidamente que lo hagas todo en <a href=\"https:\/\/kinsta.com\/es\/blog\/pruebas-wordpress\/\">un sitio staging<\/a> antes de aplicar los cambios a tu sitio web de WordPress en producci\u00f3n.<\/p>\n<p>Si <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">alojas tu sitio de WordPress con Kinsta<\/a>, puedes utilizar la <a href=\"https:\/\/kinsta.com\/es\/blog\/entornos-staging-de-kinsta\/\">herramienta de staging integrada de Kinsta<\/a> para realizar todos tus cambios en un entorno seguro.<\/p>\n<p>Una vez que hayas comprobado que todo funciona, puedes transferir f\u00e1cilmente los cambios a la versi\u00f3n real de tu sitio web.<\/p>\n<h2>Alternativas de plugins para evitar trabajar directamente con el Bucle de WordPress<\/h2>\n<p>Si te resulta un poco intimidante trabajar directamente con el Bucle de WordPress, hay varios plugins populares que te ofrecen formas alternativas de hacer \u00abbucles\u00bb de contenido sin necesidad de utilizar PHP o el bloque Bucle de Consulta.<\/p>\n<p>Aqu\u00ed tienes algunas alternativas de plugins para el Bucle de WordPress que puedes tener en cuenta, aunque no se trata en absoluto de una lista completa.<\/p>\n<h3>Elementor Pro<\/h3>\n<p><a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor<\/a> es un popular plugin constructor de p\u00e1ginas visual, de arrastrar y soltar. Con Elementor Pro, puedes acceder a la funcionalidad completa de construcci\u00f3n de temas para dise\u00f1ar los archivos de plantilla de tu tema utilizando Elementor. En 2022, Elementor <a href=\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\" target=\"_blank\" rel=\"noopener noreferrer\">a\u00f1adi\u00f3 la funci\u00f3n Loop Builder<\/a> a Elementor Pro, lo que te permite controlar y personalizar contenido \u00aben bucle\u00bb a trav\u00e9s de la interfaz visual de Elementor<\/p>\n<p>Hemos escrito <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-elementor\/\">una gu\u00eda completa sobre el uso de Elementor<\/a>, junto con <a href=\"https:\/\/kinsta.com\/es\/?s=elementor\">muchos otros contenidos sobre Elementor en el blog de Kinsta<\/a>.<\/p>\n<h3>Bricks<\/h3>\n<p><a href=\"https:\/\/bricksbuilder.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Bricks<\/a> es otro popular constructor visual de sitios para WordPress. Como parte de sus muchas herramientas de dise\u00f1o, incluye su propio <a href=\"https:\/\/academy.bricksbuilder.io\/article\/query-loop\/\" target=\"_blank\" rel=\"noopener noreferrer\">constructor de Bucle de Consultas<\/a> que utiliza un enfoque de c\u00f3digo simplificado, junto con un mont\u00f3n de opciones adicionales en la interfaz gr\u00e1fica.<\/p>\n<p>Tambi\u00e9n tenemos una <a href=\"https:\/\/kinsta.com\/es\/blog\/bricks-builder-wordpress\/\">gu\u00eda sobre c\u00f3mo crear sitios WordPress con Bricks<\/a>.<\/p>\n<h3 id=\"wp-show-posts\" class=\"has-anchor-hash\">WP Show Posts<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-show-posts\/\">WP Show Posts<\/a> no te ofrece tanta flexibilidad como los dos plugins anteriores. Sin embargo, si buscas una forma sencilla de listar entradas de WordPress en varios formatos, puede ser la herramienta m\u00e1s sencilla para el trabajo.<\/p>\n<p>Es gratuito y proviene del mismo desarrollador que el popular tema GeneratePress. Aunque el desarrollador ya no a\u00f1ade nuevas funciones al plugin, sigue manteniendo la funcionalidad existente.<\/p>\n<h2>Resumen<\/h2>\n<p>Para mejorar tus habilidades de desarrollo en WordPress, debes comprender el Bucle de WordPress. El Bucle forma parte integral de c\u00f3mo WordPress muestra el contenido; aprender a utilizarlo te dar\u00e1 m\u00e1s control sobre c\u00f3mo mostrar el contenido en tu sitio.<\/p>\n<p>Dicho esto, los temas de bloques de WordPress m\u00e1s recientes ya no se basan en plantillas PHP como los temas cl\u00e1sicos, por lo que puede que no necesites utilizar PHP para trabajar con el Bucle. En su lugar, si est\u00e1s adoptando la tendencia de los temas de bloques, utilizar\u00e1s el bloque Bucle de Consulta para conseguir efectos similares.<\/p>\n<p>En cualquier caso, aprender a utilizar el Bucle de WordPress de forma m\u00e1s eficaz te reportar\u00e1 beneficios en el futuro.<\/p>\n<p>Dado que el Bucle de WordPress es una parte tan fundamental de WordPress, cualquier problema en el Bucle podr\u00eda romper tu sitio. Para evitar problemas, te recomendamos que aprendas en un sitio de desarrollo local con <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">DevKinsta<\/a> o que utilices las herramientas staging que ofrece <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">el alojamiento para WordPress de Kinsta<\/a> para trabajar en un entorno seguro.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El bucle de WordPress (WordPress Loop) es una parte fundamental de como tu sitio de WordPress muestra el contenido. Si quieres poder personalizar algunas partes de &#8230;<\/p>\n","protected":false},"author":199,"featured_media":77606,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1345],"class_list":["post-77605","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desarrollo-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gu\u00eda del Bucle de WordPress: todo lo que necesitas saber<\/title>\n<meta name=\"description\" content=\"Aprende qu\u00e9 es el Bucle de WordPress y c\u00f3mo puedes utilizarlo en las plantillas PHP y en los bloques del Editor de Sitios.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gu\u00eda completa del Bucle de WordPress: todo lo que necesitas saber\" \/>\n<meta property=\"og:description\" content=\"Aprende qu\u00e9 es el Bucle de WordPress y c\u00f3mo puedes utilizarlo en las plantillas PHP y en los bloques del Editor de Sitios.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-07T11:25:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T13:25:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Aprende qu\u00e9 es el Bucle de WordPress y c\u00f3mo puedes utilizarlo en las plantillas PHP y en los bloques del Editor de Sitios.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Gu\u00eda completa del Bucle de WordPress: todo lo que necesitas saber\",\"datePublished\":\"2025-01-07T11:25:18+00:00\",\"dateModified\":\"2025-01-07T13:25:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/\"},\"wordCount\":3479,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/\",\"name\":\"Gu\u00eda del Bucle de WordPress: todo lo que necesitas saber\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png\",\"datePublished\":\"2025-01-07T11:25:18+00:00\",\"dateModified\":\"2025-01-07T13:25:37+00:00\",\"description\":\"Aprende qu\u00e9 es el Bucle de WordPress y c\u00f3mo puedes utilizarlo en las plantillas PHP y en los bloques del Editor de Sitios.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gu\u00eda completa del Bucle de WordPress: todo lo que necesitas saber\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gu\u00eda del Bucle de WordPress: todo lo que necesitas saber","description":"Aprende qu\u00e9 es el Bucle de WordPress y c\u00f3mo puedes utilizarlo en las plantillas PHP y en los bloques del Editor de Sitios.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Gu\u00eda completa del Bucle de WordPress: todo lo que necesitas saber","og_description":"Aprende qu\u00e9 es el Bucle de WordPress y c\u00f3mo puedes utilizarlo en las plantillas PHP y en los bloques del Editor de Sitios.","og_url":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2025-01-07T11:25:18+00:00","article_modified_time":"2025-01-07T13:25:37+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png","type":"image\/png"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Aprende qu\u00e9 es el Bucle de WordPress y c\u00f3mo puedes utilizarlo en las plantillas PHP y en los bloques del Editor de Sitios.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop-1024x512.png","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Jeremy Holcombe","Tiempo de lectura":"20 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Gu\u00eda completa del Bucle de WordPress: todo lo que necesitas saber","datePublished":"2025-01-07T11:25:18+00:00","dateModified":"2025-01-07T13:25:37+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/"},"wordCount":3479,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/","url":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/","name":"Gu\u00eda del Bucle de WordPress: todo lo que necesitas saber","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png","datePublished":"2025-01-07T11:25:18+00:00","dateModified":"2025-01-07T13:25:37+00:00","description":"Aprende qu\u00e9 es el Bucle de WordPress y c\u00f3mo puedes utilizarlo en las plantillas PHP y en los bloques del Editor de Sitios.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/12\/developing-with-wordpress-loop.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/bucle-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desarrollo WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/"},{"@type":"ListItem","position":3,"name":"Gu\u00eda completa del Bucle de WordPress: todo lo que necesitas saber"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/77605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=77605"}],"version-history":[{"count":13,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/77605\/revisions"}],"predecessor-version":[{"id":77663,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/77605\/revisions\/77663"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/77605\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/77606"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=77605"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=77605"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=77605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}