Shortcode web_social_icons
El shortcode web_social_icons muestra los perfiles actuales de Settings → POM Theme → Design system → Brand → Social networks. Los enlaces, el orden, los iconos y los nombres visibles opcionales pertenecen a esos ajustes compartidos, no al contenido del shortcode. Sigue renderizándose cuando el editor Legacy Page Builder está desactivado.
Los atributos siguientes coinciden con los controles actuales de Page Builder y con el resultado público. Usa la sintaxis en bruto solo para contenido revisado que no pueda mantenerse mediante los controles visuales.
Uso
[web_social_icons]
[web_social_icons icons_style="1" icon_color="15" background_color="2" el_id="footer-profiles" el_class="mt-1 align-left"]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
icons_style |
2 |
2 Default, 1 Rounded |
Selecciona la apariencia del componente existente. |
icon_color |
Vacío | Número de paleta 1–15, vacío o 0 | Añade text-main-N a cada enlace; vacío o 0 hereda. |
background_color |
Vacío | Número de paleta 1–15, vacío o 0 | Añade bg-main-N a cada enlace; vacío o 0 deja el fondo del componente sin cambios. |
el_id |
Vacío | ID HTML único | Identifica el contenedor exterior de los iconos. |
el_class |
Vacío | Clases CSS separadas por espacios | Añade helpers existentes al contenedor exterior, incluyendo alineación o espaciado. |
No existe ningún parámetro device_visibility. Usa las clases de visibilidad existentes en el_class cuando sea necesario. La alineación predeterminada del tema es centrada; align-left, align-center y align-right son clases helper disponibles.
Ajustes compartidos y carga
Cada perfil utilizable necesita una URL segura y un icono disponible de la librería del tema. Display network name activa el nombre visible. Network title proporciona el nombre accesible del enlace, con alternativas en Network name, el hostname de la URL o el nombre del icono. Los enlaces se abren en una pestaña nueva con nofollow noopener noreferrer.
Los perfiles no válidos o incompletos se omiten. Cuando no quedan perfiles válidos, el shortcode no devuelve ningún contenedor y no requiere su hoja de estilos. En caso contrario, carga únicamente la hoja de estilos condicional de Social icons existente, incluida la anulación del componente seleccionado, y ningún JavaScript. No se añade presentación en línea.
Los cambios en los perfiles globales se aplican en la siguiente renderización sin caché, sin necesidad de editar este shortcode. Limpia las cachés de página al comprobar un cambio de ajustes.
Verificación
Previsualiza ambos estilos en móvil y escritorio. Comprueba los colores de paleta, los nombres opcionales, los destinos de los enlaces y las clases helper. Elimina temporalmente la URL de una entrada solo en un sitio de pruebas para confirmar que los perfiles incompletos desaparecen.
Para la edición nativa, usa Social Icons in Gutenberg; usa los mismos perfiles en vivo y la misma estructura del frontend.