Social Share for Devs es un plugin gratuito y sencillo para botones de compartir en redes sociales.
Los plugins de WordPress para compartir en redes sociales simplifican el proceso de compartir el contenido de tu sitio web en múltiples plataformas sociales, aprovechando la capacidad de las redes sociales para generar tráfico y engagement.
Social Share for Devs está diseñado para ser lo más ligero y libre de dependencias posible; no utiliza jQuery, JavaScript ni ninguna biblioteca de terceros, sino que se basa en las funcionalidades del núcleo de WordPress y PHP.
Vamos a explorar cómo usar Social Share for Devs para mostrar de manera rápida y sencilla los botones de compartir en redes sociales en tu sitio.
¿Por qué Social Share for Devs?
La principal inspiración para este plugin fue que los sitios de WordPress a menudo tienen problemas con los tiempos de carga debido a plugins pesados. En el equipo de White Canvas queríamos ofrecer una solución para agregar botones de compartir en redes sociales sin añadir peso innecesario al sitio.
Dado que compartir en redes sociales es fundamental para el engagement del sitio web, nuestro objetivo fue claro: crear un plugin ligero pero útil para cada sitio de WordPress.
Redes Sociales Soportadas
Decidir qué redes sociales incluir fue crucial. El plugin soporta:
- Twitter (ahora X)
Cada plataforma se eligió por su popularidad y el valor que aporta a los propietarios de sitios en diferentes nichos.
Sin Dependencias, Sin Problemas
Una de las características únicas de Social Share for Devs es su independencia de jQuery, JavaScript y cualquier biblioteca de terceros. Esto fue un desafío, pero también una prueba interesante para el equipo.
Al usar PHP y aprovechar las funcionalidades del núcleo de WordPress, mantuvimos el plugin liviano y rápido mientras cumplimos con su función prevista.
Opciones de Personalización
El plugin permite a los usuarios personalizar los tipos de botones, las opciones de visualización (solo ícono o ícono + nombre) e incluso la clase CSS del botón. Esto garantiza que se integre a la perfección con cualquier tema, dispositivo o navegador.
Detalles Técnicos
En el corazón del plugin se encuentra su columna vertebral en PHP. Estructurado en torno al patrón MVC, asegura una separación de preocupaciones y facilita el mantenimiento.
En cuanto a los recursos, el plugin incluye íconos SVG para cada red social. Esto garantiza visuales nítidos en cualquier resolución sin sobrecarga adicional. El CSS y ningún JavaScript se compilan utilizando herramientas nativas para asegurar compatibilidad y velocidad.
Cómo Usar Social Share for Devs
Dirígete a Plugins > Añadir Nuevo Plugin y busca “Social Share for Devs”. Instálalo y actívalo.
Una vez activado, haz clic en Social Share for Devs en la barra lateral del panel de control.
La interfaz es muy sencilla y se centra solamente en las funciones.
Las configuraciones son las siguientes:
- Elegir qué botones mostrar. Las opciones son Facebook, X, LinkedIn, WhatsApp, Pinterest y Email.
- La forma de los botones. Las opciones son redondeados, cuadrados, círculos y personalizados.
- Una clase personalizada para los botones, que te permite agregar reglas personalizadas para ellos.
Después de seleccionar tus configuraciones preferidas y hacer clic en Guardar Cambios, lo único que tenés que hacer es agregar el siguiente shortcode a tu página o entrada:
wc-ssb
Este es el resultado final.
Descargá y Contribuí
Social Share for Devs está disponible para descargar y contribuir. Invitamos a desarrolladores y usuarios a dar su opinión y unirse a mejorar sus capacidades.
Reflexiones Finales
Crear el plugin Social Share for Devs fue un viaje donde abrazamos las limitaciones de no usar JavaScript, jQuery o librerías de terceros para fomentar la creatividad y la funcionalidad.
Al enfocarnos en el rendimiento, la personalización y la experiencia del usuario, el equipo de White Canvas espera ofrecer una herramienta que no solo cumpla su propósito, sino que también eleve los sitios de WordPress en los que se instale, brindando una solución liviana a la necesidad moderna de botones para compartir en redes sociales.
Esperamos que te sea útil para tu sitio.
Si te pareció útil este post, leé nuestro blog para más información y guías sobre WordPress.