Plugin de Compartir en Redes Sociales para WordPress
Resumen:
El uso de redes sociales se ha convertido en una parte integral de la experiencia en línea, y facilitar que los usuarios compartan contenido es crucial para la visibilidad de cualquier sitio web. En este contexto, presentamos un plugin personalizado para WordPress llamado «Compartir en Redes Sociales». Este plugin agrega botones de compartir a las publicaciones, permitiendo a los usuarios difundir fácilmente el contenido en plataformas populares como Facebook, Twitter, LinkedIn, WhatsApp y Telegram.
Instalación a través de FileZilla:
Descarga del Plugin:
- Guarda el código proporcionado en un archivo con extensión
.php. - Almacena este archivo en tu computadora. Acceso al Servidor:
- Utiliza FileZilla para conectarte a tu servidor mediante FTP. Navegación a la Carpeta de Plugins:
- Localiza la carpeta de WordPress que contiene los plugins, comúnmente llamada
wp-content/plugins. Transferencia del Archivo: - En FileZilla, transfiere el archivo
.phpa la carpeta de plugins. Activación del Plugin: - Dirígete al panel de administración de WordPress y activa el plugin llamado «Compartir en Redes Sociales». Personalización Opcional:
- Adapta los enlaces de redes sociales según tus necesidades, editando las URLs proporcionadas en el código.
Funcionamiento del Plugin:
- Acción
the_content: El plugin utiliza esta acción para insertar botones de compartir antes del contenido de cada publicación individual (is_single()). - Diseño de Botones: Los botones están diseñados con enlaces que abren ventanas emergentes para compartir en plataformas específicas.
- Plataformas Incluidas: Facebook, Twitter, LinkedIn, WhatsApp y Telegram son las plataformas integradas inicialmente.
- Personalización: Puedes ajustar el estilo o agregar más plataformas según tus preferencias, editando el código proporcionado.
<?php
/*
Plugin Name: Compartir en Redes Sociales
Description: Agrega botones de compartir en redes sociales a tus publicaciones.
*/
// Función para agregar los botones de compartir en los mensajes
function agregar_botones_compartir($content) {
if (is_single()) { // Verificar si estamos en una entrada
$url = get_permalink(); // Obtener la URL de la entrada actual
// HTML de los botones de compartir
$url = get_permalink(); // Obtener la URL del mensaje actual
// HTML de los botones de compartir
$botones_compartir = '
<div class="botones-compartir" > <h3>
<a href="https://www.facebook.com/sharer/sharer.php?u=' . esc_url($url) . '" target="_blank" rel="nofollow" ><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg></a>
<a href="https://twitter.com/intent/tweet?url=' . esc_url($url) . '" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a>
<a href="https://www.linkedin.com/shareArticle?url=' . esc_url($url) . '" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg></a>
<a href="https://wa.me/?text=<?php echo esc_url($url); ?>" target="_blank" rel="nofollow">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg></a>
<a href="https://telegram.me/share/url?url=<?php echo esc_url($url); ?>" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 496 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"/></svg></a>
</h3>
</div>
<hr>
';
// Agregar los botones antes del contenido del mensaje
return $botones_compartir . $content;
} else {
// Si no estamos en una entrada, devolvemos el contenido sin cambios
return $content;
}
}
// Registrar la función para que se ejecute en el filtro 'the_content'
add_filter('the_content', 'agregar_botones_compartir');
?>
Conclusión:
Este plugin busca mejorar la accesibilidad y la participación del usuario al permitir que tus lectores compartan fácilmente tu contenido en sus redes sociales favoritas. Sigue las sencillas instrucciones de instalación y personalización para aprovechar al máximo esta herramienta y potenciar la visibilidad de tu contenido en línea. ¡Disfruta de la funcionalidad de compartir y expande el alcance de tu sitio web!