{"id":148451,"date":"2025-06-05T17:16:56","date_gmt":"2025-06-05T14:16:56","guid":{"rendered":"https:\/\/elementor.com\/help\/anade-una-pagina-de-blog-a-tu-sitio-web\/"},"modified":"2025-06-05T17:16:56","modified_gmt":"2025-06-05T14:16:56","slug":"anade-una-pagina-de-blog-a-tu-sitio-web","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/es\/anade-una-pagina-de-blog-a-tu-sitio-web\/","title":{"rendered":"A\u00f1ade una p\u00e1gina de blog a tu sitio web"},"content":{"rendered":"\n

Los blogs son una parte importante de muchos sitios web, incluso de aquellos que no se centran en blogs. Por ejemplo, una tienda de ropa online puede querer incorporar un blog de moda. Este blog se puede utilizar para ayudar a comercializar los productos de la tienda y, si tu informaci\u00f3n es lo suficientemente interesante como para atraer inter\u00e9s, puede ayudar a impulsar tu SEO.  <\/p>\n\n\n\n

La p\u00e1gina de blog de tu sitio es generalmente una p\u00e1gina con una colecci\u00f3n de entradas de blog. Para obtener m\u00e1s informaci\u00f3n sobre c\u00f3mo crear las entradas individuales, consulta \u00bfQu\u00e9 son las p\u00e1ginas y las entradas?<\/a> y Crear una plantilla de entrada individual<\/a>. En este art\u00edculo se asume que ya tienes varias entradas de blog. <\/p>\n\n\n\n

    \n
  1. Crea una p\u00e1gina nueva.
    [callout type=\u00bbnote\u00bb]Puedes dise\u00f1ar tu p\u00e1gina de blog utilizando todas las herramientas de dise\u00f1o del Editor de Elementor, pero para simplificar las cosas, el siguiente ejemplo solo detalla c\u00f3mo a\u00f1adir un archivo de entradas de blog a tu p\u00e1gina.[\/callout]<\/li>\n\n\n\n
  2. A\u00f1ade un widget de Loop Grid al lienzo. Para obtener m\u00e1s informaci\u00f3n, consulta Construir una loop grid<\/a>.
    [callout type=\u00bbnote\u00bb]Puedes utilizar el widget     Archive Posts<\/a> o el widget Posts<\/a> para crear una p\u00e1gina de blog, pero utilizaremos el widget Loop Grid, ya que ofrece m\u00e1s flexibilidad.[\/callout]
    \"\"<\/li>\n\n\n\n
  3. Haz clic en Crear una plantilla<\/strong>.
    \"\"<\/li>\n\n\n\n
  4. En la ventana emergente, haz clic en Guardar<\/strong>.
    \"\"<\/li>\n\n\n\n
  5. En el lienzo, haz clic en el signo +.
    \"\"<\/li>\n\n\n\n
  6. Elige flexbox<\/strong>.
    \"\"<\/li>\n\n\n\n
  7. Selecciona un contenedor.
    \"\"<\/li>\n\n\n\n
  8. En el panel, abre el campo Opciones adicionales<\/strong>.
    \"\"<\/li>\n\n\n\n
  9. Utiliza el desplegable Etiqueta HTML<\/strong> para seleccionar a (enlace)<\/strong>.
    \"\"<\/li>\n\n\n\n
  10. Haz clic en el icono de etiqueta din\u00e1mica.
    \"\"<\/li>\n\n\n\n
  11. Elige URL de entrada<\/strong> de la lista de etiquetas din\u00e1micas.
    A\u00f1adir este URL hace que se pueda hacer clic en el contenedor; al hacer clic en el contenedor, los visitantes acceder\u00e1n a la entrada de blog completa. Otra opci\u00f3n que permite a los visitantes acceder a la entrada de blog completa ser\u00eda a\u00f1adir un bot\u00f3n. Por ejemplo, un bot\u00f3n que diga Leer m\u00e1s<\/strong> y que enlace la entrada. Sin embargo, no puedes hacer que tanto el contenedor como un bot\u00f3n dentro sean \u0995\u09cd\u09b2\u09bf\u0995\u09af\u09cb\u0997\u09cd\u09af. Para m\u00e1s detalles, consulta     Enlaces anidados<\/a>. <\/li>\n<\/ol>\n\n\n\n

    Para este ejemplo, nuestra p\u00e1gina de blog mostrar\u00e1 el t\u00edtulo de las entradas de blog, la imagen destacada y el extracto.<\/p>\n\n\n\n

      \n
    1. Arrastra un widget de T\u00edtulo de entrada, Imagen destacada y Extracto de entrada al contenedor de Loop Grid. Ajusta cualquier configuraci\u00f3n de estilo para que se adapte a tu dise\u00f1o.
      \"\"
      [callout type=\u00bb\u201cbest-practice\u201d\u00bb]Dado que la altura de los widgets de la loop grid puede variar, es posible que desees establecer la altura m\u00ednima de los widgets para que se ajuste a la altura de los elementos m\u00e1s altos. Esto dar\u00e1 a todas las entradas un aspecto m\u00e1s uniforme. [\/callout]
      \"\"<\/li>\n\n\n\n
    2. Haz clic en el icono de configuraci\u00f3n de la p\u00e1gina.
      \"\"<\/li>\n\n\n\n
    3. En el panel, nombra tu loop grid.
      \"\"<\/li>\n\n\n\n
    4. Haz clic en guardar y volver<\/strong>.
      \"\"<\/li>\n\n\n\n
    5. Haz clic en Publicar<\/strong>.<\/li>\n<\/ol>\n\n\n\n

      Tu p\u00e1gina de blog ahora muestra todas tus entradas de blog.<\/p>\n\n\n\n

      Para obtener m\u00e1s informaci\u00f3n sobre todas las opciones de dise\u00f1o y estilo que tienes para la loop grid, consulta Widget Loop Grid<\/a>.<\/p>\n\n\n\n

      Divide tu blog por categor\u00edas<\/h2>\n\n\n\n

      En el ejemplo anterior, creamos una p\u00e1gina para mostrar todos los elementos de tu blog, pero digamos que quieres que los visitantes puedan acceder a tus blogs por categor\u00eda. En el siguiente ejemplo, crearemos una p\u00e1gina de blog que contenga pesta\u00f1as que muestren diferentes conjuntos de entradas. <\/p>\n\n\n\n

        \n
      1. Crea una p\u00e1gina en el Editor de Elementor.
        \"\"<\/li>\n\n\n\n
      2. Arrastra un widget de pesta\u00f1as al lienzo. Para m\u00e1s detalles, consulta Widget de pesta\u00f1as<\/a>.
        \"\"<\/li>\n\n\n\n
      3. En el panel, nombra las pesta\u00f1as. La primera debe llamarse Todos los blogs<\/strong> y el resto despu\u00e9s de los nombres de las categor\u00edas. <\/li>\n\n\n\n
      4. Arrastra un widget de Loop Grid a la primera pesta\u00f1a.
        \"\"<\/li>\n\n\n\n
      5. En el panel, introduce el nombre de la plantilla que creaste anteriormente.<\/li>\n\n\n\n
      6. A\u00f1ade la misma loop grid a la segunda pesta\u00f1a.
        \"\"<\/li>\n\n\n\n
      7. En el panel, abre el campo Consulta<\/strong>.
        Las consultas te permiten filtrar los datos que se muestran en una loop grid.
        \"\"<\/li>\n\n\n\n
      8. En el campo Incluir por<\/strong>, haz clic en el signo +.
        \"\"<\/li>\n\n\n\n
      9. Selecciona t\u00e9rmino<\/strong>.
        \"\"<\/li>\n\n\n\n
      10. En el campo T\u00e9rmino<\/strong>, introduce un nombre de categor\u00eda.<\/li>\n\n\n\n
      11. Haz esto para todas las categor\u00edas.
        \"\"<\/li>\n\n\n\n
      12. Haz clic en Publicar<\/strong>.<\/li>\n<\/ol>\n\n\n\n

        Cada pesta\u00f1a mostrar\u00e1 solo las entradas de blog de la categor\u00eda seleccionada. <\/p>\n\n\n\n

        Art\u00edculos \u00fatiles<\/h2>\n\n\n\n