Formato de ejemplo AFADIR
Catálogo de componentes de maquetación: héroes, CTAs, rejillas, descargas, imágenes, WhatsApp, acordeones, tablas y más.
Ejemplo de héroe destacado
Usa este bloque para enmarcar tu mensaje principal con botones de acción.
Franja de CTA
Call-to-action con estilo suave para destacar links importantes.
Tarjetas y rejillas
Card 1
Texto de ejemplo.
Card 2
Texto de ejemplo.
Card 3
Texto de ejemplo.
Card 4
Texto de ejemplo.
Descargables
Lista de recursos para descargar (PDF/ZIP/IMG). Coloca enlaces a ficheros adjuntos o bibliotecas.
- Guía de seguridad digital (PDF)
- Plantillas de comunicación (ZIP)
- Infografía – Buenas prácticas (PNG)
También puedes incrustar listados completos con shortcodes de módulos (p.ej. Recursos):
[afadir_recursos limit="6" states="public,archived" show_state_filter="1"]
Galería de imágenes
Grupo de WhatsApp
Únete a nuestra comunidad en WhatsApp para recibir novedades y/o soporte.
Si prefieres, solicita acceso desde WP‑Admin → AFADIR → WhatsApp.
Acordeones accesibles
Sección 1
Contenido de ejemplo con párrafos y enlaces.
Sección 2
- Punto A
- Punto B
Tablas informativas
| Columna | Descripción |
|---|---|
| Estado | Activo/Inactivo |
| Visibilidad | Pública / Usuarios / Socios / Junta / Admin |
Botones
Citas
Este es un bloque de cita de ejemplo con estilo AFADIR.
Breadcrumb y compartir
Contenido modular (shortcodes)
Puedes incrustar listados de módulos con shortcodes:
[afadir_prensa limit="6" show_state_filter="1"]
[afadir_recursos tipo="guia" limit="6"]
[afadir_blog limit="6"]
Transparencia – ejemplo de tabla
| Concepto | Importe | Fecha |
|---|---|---|
| Presupuesto anual | € 10.000 | 2026 |
| Donaciones | € 2.500 | 2026 |
| Gastos operativos | € 5.000 | 2026 |
Multimedia (audio/video)
Para cumplir CSP, usa ficheros del mismo sitio (media-src self). Sube tus archivos a la biblioteca de WordPress y enlázalos aquí.
Audio de ejemplo
Video de ejemplo
Formulario de contacto (nativo)
Puedes incrustar el formulario nativo sin scripts inline. El frontend lo inicializa automáticamente.
Si usas WPForms, coloca el shortcode en el editor. Evita scripts inline para cumplir CSP.
Seguridad y buenas prácticas
- Sin scripts inline: usa archivos JS/CSS externos. La CSP bloquea `
- Media del mismo origen: audio/video desde tu sitio (media-src self).
- Shortcodes para contenido: prensa, recursos, blog y otros módulos.
- Evita iframes externos: pueden estar bloqueados por la política de seguridad.
- Usa atributos `data-*` en botones/enlaces; añade listeners desde JS externo.
Por qué AFADIR
Seguridad
CSP 100/100, cifrado AES‑256, audit logs.
Rendimiento
PWA offline-first y caché inteligente de contenido.
Modularidad
Prensa, recursos, blog, calendario y más.
Gobernanza
Roles por capacidades y trazabilidad de acciones.
Confianza y cumplimiento
- GDPR: minimización de datos y canales seguros.
- HSTS, COOP, Referrer Policy: cabeceras de seguridad robustas.
- Zero inline JS: patrones CSP-safe.
Cómo empezar
Paso 1
Instala y activa el plugin.
Paso 2
Configura módulos y visibilidad.
Paso 3
Publica contenido y habilita la PWA.
Paso 4
Optimiza dashboards y navegación.
Aliados y colaboradores
Testimonios
“AFADIR nos permitió lanzar un portal seguro en semanas.” — Equipo técnico
“La PWA y los módulos nos ahorraron meses de trabajo.” — Junta directiva
Certificaciones y buenas prácticas
- CSP A+ (Mozilla Observatory)
- HTTPS en todo el sitio (HSTS)
- Sin inline JS/CSS en bloques críticos