Botón "Compartir en Facebook" en single posts (mu-plugin sin dependencias externas) #62

New Issue

2026-06-28T19:13:56Z

rafa commented

2026-06-28 19:13:56 +00:00

Objetivo

Añadir un botón "Compartir en Facebook" en cada artículo de feadulta para que los lectores puedan compartir la URL en su muro.

Estado actual

No hay plugin de share instalado (ls plugins/ no devuelve nada con share|social). El theme/template no incluye botones de compartir.

Opciones de implementación

A. Snippet custom en mu-plugin (Recommended)

Sin plugin externo → menos superficie de ataque, menos JS, sin tracking de terceros.
Botón = link a https://www.facebook.com/sharer/sharer.php?u={URL_DEL_POST} que abre el diálogo nativo de Facebook.
Insertar via the_content filter (al inicio o final del post) o como bloque/template part del FSE.
Estilo CSS inline siguiendo el resto de feadulta (paleta carmesí #8b1a2e que ya usamos).

B. Plugin "Share Buttons" estándar

Pros: configuración via wp-admin, soporta varias redes
Contras: JS extra, suele cargar SDK de FB, tracking

C. Solo el meta tag og + dejar al usuario copiar URL

Lo más minimalista pero no resuelve el "click para compartir"

Recomendación: A — un botón único Facebook con sharer.php?u=, snippet ~20 líneas. Si en el futuro se quieren más redes, extender trivialmente.

Diseño propuesto del botón

<a href="https://www.facebook.com/sharer/sharer.php?u={URL}"
   target="_blank" rel="noopener noreferrer nofollow"
   class="fea-share-fb"
   aria-label="Compartir en Facebook">
  <svg>…icono FB…</svg>
  <span>Compartir en Facebook</span>
</a>

CSS minimalista, ancho responsive, mismo estilo de fea-card. Ubicación posibles:

Inicio del post (sobre el título) — visible inmediatamente
Final del post (tras el contenido, antes de autor) — clásico
Sticky lateral — visible al hacer scroll

Más natural en feadulta: al final del contenido del post, justo antes del bloque del autor.

Plan

Crear mu-plugin nuevo fea-share.php con:
- Filter the_content que añade el botón al final si is_single() && get_post_type()=='post'
- SVG inline del logo FB
- CSS encolado solo en single posts (no en portada ni archivos)
Polylang: texto "Compartir en Facebook" en ES, EN ("Share on Facebook"), FR ("Partager sur Facebook"), IT ("Condividi su Facebook"), PT ("Partilhar no Facebook")
Asegurar Open Graph tags en <head> para que el preview de FB sea correcto. Probablemente Yoast SEO ya los inyecta — verificar.
Validar con E2E (#37) que aparece el botón y la URL del sharer es correcta.
Probar manualmente: click → diálogo FB con el post.

Criterios de aceptación

Botón visible en single post de cualquier idioma
URL del sharer correcta (URL del post WP, no del Joomla legacy)
OG tags en el <head> (title, description, image)
Sin plugin externo añadido
Sin JS de terceros (solo link nativo)

Notas

No tracking ni pixel de FB
No tocar el theme/template; todo en mu-plugin para que sobreviva updates de Twenty Twenty-Five FSE
Validar también que el botón NO aparece en páginas (page), portada, EFFA hub, etc. — solo posts

## Objetivo Añadir un botón "Compartir en Facebook" en cada artículo de feadulta para que los lectores puedan compartir la URL en su muro. ## Estado actual No hay plugin de share instalado (`ls plugins/` no devuelve nada con `share|social`). El theme/template no incluye botones de compartir. ## Opciones de implementación ### A. Snippet custom en mu-plugin (Recommended) - Sin plugin externo → menos superficie de ataque, menos JS, sin tracking de terceros. - Botón = link a `https://www.facebook.com/sharer/sharer.php?u={URL_DEL_POST}` que abre el diálogo nativo de Facebook. - Insertar via `the_content` filter (al inicio o final del post) o como bloque/template part del FSE. - Estilo CSS inline siguiendo el resto de feadulta (paleta carmesí #8b1a2e que ya usamos). ### B. Plugin "Share Buttons" estándar - Pros: configuración via wp-admin, soporta varias redes - Contras: JS extra, suele cargar SDK de FB, tracking ### C. Solo el meta tag og + dejar al usuario copiar URL - Lo más minimalista pero no resuelve el "click para compartir" Recomendación: **A** — un botón único Facebook con `sharer.php?u=`, snippet ~20 líneas. Si en el futuro se quieren más redes, extender trivialmente. ## Diseño propuesto del botón ```html <a href="https://www.facebook.com/sharer/sharer.php?u={URL}" target="_blank" rel="noopener noreferrer nofollow" class="fea-share-fb" aria-label="Compartir en Facebook"> <svg>…icono FB…</svg> <span>Compartir en Facebook</span> </a> ``` CSS minimalista, ancho responsive, mismo estilo de fea-card. Ubicación posibles: 1. **Inicio del post** (sobre el título) — visible inmediatamente 2. **Final del post** (tras el contenido, antes de autor) — clásico 3. **Sticky lateral** — visible al hacer scroll Más natural en feadulta: **al final del contenido del post**, justo antes del bloque del autor. ## Plan 1. Crear mu-plugin nuevo `fea-share.php` con: - Filter `the_content` que añade el botón al final si `is_single() && get_post_type()=='post'` - SVG inline del logo FB - CSS encolado solo en single posts (no en portada ni archivos) 2. Polylang: texto "Compartir en Facebook" en ES, EN ("Share on Facebook"), FR ("Partager sur Facebook"), IT ("Condividi su Facebook"), PT ("Partilhar no Facebook") 3. Asegurar Open Graph tags en `<head>` para que el preview de FB sea correcto. Probablemente Yoast SEO ya los inyecta — verificar. 4. Validar con E2E (#37) que aparece el botón y la URL del sharer es correcta. 5. Probar manualmente: click → diálogo FB con el post. ## Criterios de aceptación - Botón visible en single post de cualquier idioma - URL del sharer correcta (URL del post WP, no del Joomla legacy) - OG tags en el `<head>` (title, description, image) - Sin plugin externo añadido - Sin JS de terceros (solo link nativo) ## Notas - No tracking ni pixel de FB - No tocar el theme/template; todo en mu-plugin para que sobreviva updates de Twenty Twenty-Five FSE - Validar también que el botón NO aparece en páginas (`page`), portada, EFFA hub, etc. — solo posts

rafa closed this issue

2026-06-28 19:13:56 +00:00

rafa referenced this issue

2026-06-28 19:14:30 +00:00

Avatares nuevos para 6 colaboradores habituales (Pagola, Sicre, Aizpurúa, Munárriz, Martínez Lozano, Labrador) #93

rafa referenced this issue

2026-06-28 19:14:38 +00:00

Avatares nuevos para 2 colaboradores (Mari Paz López, África de la Cruz) #99

Sign in to join this conversation.