{"id":80399,"date":"2026-04-29T16:59:14","date_gmt":"2026-04-29T20:59:14","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&p=80399"},"modified":"2026-09-03T06:22:57","modified_gmt":"2026-09-03T10:22:57","slug":"displaying-circles-with-block-and-shortcodes","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/es\/docs\/displaying-circles-with-block-and-shortcodes\/","title":{"rendered":"Mostrar c\u00edrculos MemberPress con bloques y c\u00f3digos cortos"},"content":{"rendered":"

MemberPress proporciona un bloque Gutenberg y shortcodes para mostrar C\u00edrculos en cualquier p\u00e1gina o post. El bloque Circle y los shortcodes ofrecen un control total sobre c\u00f3mo aparecen los c\u00edrculos en el sitio web.<\/p>\n\n\n\n

En este documento se explica c\u00f3mo utilizar el shortcode Archivo de c\u00edrculos, el bloque C\u00edrculo \u00fanico y el shortcode C\u00edrculo \u00fanico. Estas opciones permiten incrustar c\u00edrculos en cualquier lugar, con una configuraci\u00f3n de visualizaci\u00f3n personalizable.<\/p>\n\n\n\n

C\u00edrculo Archivo Shortcode<\/a><\/h2>\n\n\n\n

El shortcode Archivo de C\u00edrculos muestra el archivo completo de C\u00edrculos en cualquier p\u00e1gina. Este es el mismo listado disponible en la p\u00e1gina por defecto \/mp-circle<\/code><\/strong> URL en el sitio web. Los miembros pueden navegar, buscar y unirse a los C\u00edrculos directamente desde esta p\u00e1gina.<\/p>\n\n\n\n

El shortcode funciona con el Editor de bloques Gutenberg<\/a><\/strong> y constructores de p\u00e1ginas populares como Elementor y Divi.<\/p>\n\n\n\n

A\u00f1adir el c\u00f3digo corto de archivo con Gutenberg<\/a><\/h3>\n\n\n\n

Sigue estos pasos para a\u00f1adir el archivo Circles a cualquier p\u00e1gina o entrada:<\/p>\n\n\n\n

    \n
  1. Vaya a Panel > P\u00e1ginas > A\u00f1adir nueva p\u00e1gina<\/strong>.<\/li>\n\n\n\n
  2. A\u00f1ade un t\u00edtulo a la p\u00e1gina.<\/li>\n\n\n\n
  3. A\u00f1adir un C\u00f3digo corto<\/strong> al \u00e1rea de contenido de la p\u00e1gina.<\/li>\n<\/ol>\n\n\n\n
    \"Editor\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
      \n
    1. Introduzca el siguiente shortcode:<\/li>\n<\/ol>\n\n\n\n
      [mpcirc-circles]<\/code><\/pre>\n\n\n\n
        \n
      1. Haga clic en Publique<\/strong> para guardar la p\u00e1gina.<\/li>\n<\/ol>\n\n\n\n
        La p\u00e1gina mostrar\u00e1 ahora el archivo de C\u00edrculos con todos los C\u00edrculos visibles.<\/p>\n\n\n\n
        \"P\u00e1gina\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
        C\u00f3mo a\u00f1adir el c\u00f3digo corto de archivo con los creadores de p\u00e1ginas<\/a><\/h3>\n\n\n\n
        El c\u00f3digo corto del archivo de Circle se puede a\u00f1adir a p\u00e1ginas creadas con casi cualquier constructor de p\u00e1ginas. Para ello, utiliza el m\u00f3dulo de c\u00f3digos cortos del constructor de p\u00e1ginas para a\u00f1adir el c\u00f3digo corto del archivo de Circle a una p\u00e1gina.<\/p>\n\n\n\n
        Por ejemplo, a\u00f1ada el Widget de c\u00f3digo corto en Elementor<\/strong> o el M\u00f3dulo de c\u00f3digo en Divi<\/strong>. A continuaci\u00f3n, pegue el siguiente c\u00f3digo corto de archivo Circle en \u00e9l:<\/p>\n\n\n\n
        [mpcirc-circles]<\/code><\/pre>\n\n\n\n
        Importante:<\/strong> S\u00f3lo se puede a\u00f1adir un shortcode de archivo Circle a cada p\u00e1gina. Si se incrustan varios c\u00f3digos cortos de archivo en la misma p\u00e1gina, se producir\u00e1n conflictos.<\/p>\n\n\n\n
        Bloque circular \u00fanico<\/a><\/h2>\n\n\n\n
        MemberPress incluye un bloque dedicado de Gutenberg para mostrar un \u00fanico C\u00edrculo en cualquier p\u00e1gina o publicaci\u00f3n. La p\u00e1gina Bloque circular<\/strong> proporciona una forma visual de incrustar un C\u00edrculo espec\u00edfico sin escribir shortcode.<\/p>\n\n\n\n
        El bloque utiliza el mismo sistema de renderizado que las p\u00e1ginas Circle. Respeta todos los control de acceso y ajustes de visibilidad<\/a><\/strong> configurado para cada C\u00edrculo.<\/p>\n\n\n\n
        A\u00f1adir el bloque circular<\/a><\/h3>\n\n\n\n
        Sigue estos pasos para a\u00f1adir el bloque C\u00edrculo a una p\u00e1gina o entrada:<\/p>\n\n\n\n
          \n
        1. Vaya a Panel > P\u00e1ginas<\/strong> y abra una p\u00e1gina existente, o pulse A\u00f1adir nueva p\u00e1gina<\/strong>.<\/li>\n\n\n\n
        2. Haga clic en el bot\u00f3n Insertador de bloques (+)<\/strong> para a\u00f1adir un nuevo bloque.<\/li>\n\n\n\n
        3. Buscar \u201cC\u00edrculo\u201d<\/strong> en el campo de b\u00fasqueda de bloques.<\/li>\n\n\n\n
        4. Seleccione C\u00edrculo<\/strong> bloque de los resultados.<\/li>\n<\/ol>\n\n\n\n
          \"El\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
            \n
          1. En el Ajustes de bloque<\/strong> de la derecha, utilice el bot\u00f3n Seleccionar c\u00edrculo<\/strong> para elegir el C\u00edrculo a mostrar.<\/li>\n<\/ol>\n\n\n\n
            \"Bloque\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
              \n
            1. Opcionalmente, ajuste el Mostrar<\/strong> y Ajustes de alimentaci\u00f3n<\/strong> en el panel de bloques para personalizar el aspecto del C\u00edrculo.<\/li>\n\n\n\n
            2. Haga clic en Publique<\/strong> o Actualizaci\u00f3n<\/strong> para guardar la p\u00e1gina.<\/li>\n<\/ol>\n\n\n\n
              El editor mostrar\u00e1 una vista previa en directo del C\u00edrculo, incluyendo la imagen principal, las pesta\u00f1as de navegaci\u00f3n, el feed y las entradas.<\/p>\n\n\n\n
              Ajustes de visualizaci\u00f3n del bloque circular<\/a><\/h3>\n\n\n\n
              El bloque C\u00edrculo ofrece las mismas opciones de visualizaci\u00f3n que el bloque atributos del shortcode single Circle<\/strong><\/a>. Estos ajustes est\u00e1n disponibles en Ajustes de bloque<\/strong> cuando se selecciona el bloque C\u00edrculo:<\/p>\n\n\n\n