Saltar al contenido.

Botones Compartir y Me gusta de Facebook en WordPress.com

Botones Compartir y Me gusta de Facebook en WordPress.com

A algunos usuarios de WordPress les gustaría añadir los botones de Compartir y Me Gusta de Facebook en el módulo de Compartir para que sus entradas tengan más posibilidades de difusión. El problema es que no parece posible tener los dos a la vez, teniendo que elegir entre uno solo de ellos. La solución fue expuesta, hace ya tiempo, en un par de temas del foro en inglés:
It’s Possible!: Facebook SHARE and LIKE buttons…at the same time! del usuario jcryle.
It’s possible: Facebook Share and Like buttons at the same time (update) de airodyssey (que es, junto con galois, uno de los moderadores del foro en español de WordPress.com).

En esta entrada solo voy a traducirla, “adornarla” con imágenes y actualizarla en uno de sus puntos.

Como escribí anteriormente no parece posible tener los dos a la vez y hay que elegir entre uno de los dos, es decir, si elegimos el botón de Facebook con la opción Icono + texto aparece el botón de Compartir.

Botón Compartir

Mientras que si elegimos los Botones oficiales el que aparece es el botón Me gusta.

Botón Me gusta

Para que aparezcan los dos botones es necesario añadir un nuevo servicio.

1. En Ajustes\Compartir añadimos un nuevo servicio.

Módulo Compartir

2. En la ventana que aparecerá escribimos lo siguiente.
Nombre de servicio: El nombre que que creamos conveniente para describir el servicio, en mi caso Compartir.
Compartiendo URL: http://www.facebook.com/sharer.php?u=%post_url%.
URL de icono (esta es la actualización): Escribimos la ruta donde se encuentre la imagen que va a representar el servicio. Si escribimos la ruta que aparece en los temas mencionados en el foro en inglés (http://cdn.iconfinder.net/data/icons/Classy_Social_Media_Icons/16/facebook.png), el icono no aparecerá. Creo que lo mejor es buscar un icono representativo del servicio en cuestión, en este caso Facebook, subirlo a nuestra librería multimedia y personalizar cada uno la ruta a ese archivo.

Añadir un servicio nuevo

3. Pulsamos en Crear botón de compartir.

4. Arrastramos el botón que acabamos de crear de Servicios disponibles a Servicios activados.

Botones Compartir y Me Gusta de Facebook - Arrastrar botón

Comprobamos que en la lista desplegable Estilo de botón este seleccionado Botones oficiales, guardamos los cambios y este es el resultado.

Botones Compartir y Me Gusta de Facebook - Resultado

26 Comentarios »

  1. Buenísima Chus!! Muchas gracias por la información, ahora ando muy liado pero encuanto pueda, lo haré, junto con lo de las múltiples pestañas que me enseñaste, son dos recursos muy muy buenos, que todo blogger de WordPress que se precie debería al menos saber que son posibles.

    Me gusta

  2. Hola te felicito por tu publicación, tengo un problema: ya subí el icono a mi galería, y la ruta que inserto es el url que me aparece cuando quiero editar el objeto, sin embargo al actualizar la página el icono no aparece, no sé qué estoy haciendo mal, espero me puedas ayudar, saludos

    Me gusta

      • La ruta al icono es la que aparece al editar el objeto ¿No? El problema es con la imagen, no me aparece una vez que actualizo la página, solamente me aparece el texto “Compartir” y un espacio en blanco al lado, Es decir el problema es con la imagen, con el icono, todo lo demás funciona.
        Y sí, ya estoy trabajando con los Botones oficiales, justamente al trabajar con botones oficiales te cambia el icono preestablecido de compartir a uno de Like, eso lo comprendo, y todo lo demás que he estado intentando hacer es crear uno para Compartir,
        ¿Me podrías dar un ejemplo de dónde se obtiene la url de la imagen una vez que ya la tengo en mi galería?

        Me gusta

  3. Hola Chus,

    Muchas gracias por esta información, me ha sido de muchísima utilidad. Oye, veo que todos los que hemos implementado este botón, la ventana de compartir en facebook se hace muy grande. ¿Hay alguna posibilidad para que sea más pequeña? Además, me encuentro con el problema de que cuando quiero compartir un post, no me recoge la imagen y, por lo tanto, si lo quiero compartir en facebook, me aparece sin imagen. ¿Cómo puedo arreglarlo?

    Puedes verlo en http://www.equinocci.com/diario-blog pinchando encima de cualquier post que haya escrito.

    Muchas gracias de nuevo!
    MANEL

    Me gusta

  4. Por cierto, a quien tenga problemas con el icono, a mí también me ha pasado que salía el cuadradito en blanco y era porque mi imagen era demasiado grande. 16px x 16px, puede ser suficiente.

    Me gusta

Responder a chus Cancelar respuesta

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios .

A %d blogueros les gusta esto: