¿Cómo crear botones de compartir en redes en WordPress?

La presencia en las redes sociales es esencial para aumentar la visibilidad de tu sitio web de WordPress y atraer a más usuarios. Una forma efectiva de lograrlo es mediante la incorporación de botones de compartir en redes sociales en tu sitio. En este artículo, te mostraremos cómo crear y personalizar estos botones de manera sencilla y efectiva botones de redes sociales para compartir tus post.

Creando botones de compartir en WordPress con plugins:

Para añadir botones de compartir en redes sociales en tu sitio de WordPress, puedes utilizar un plugin específico que simplificará todo el proceso. Algunos de los plugins populares incluyen "Simple Share Buttons Adder," "AddToAny Share Buttons," y "Social Warfare." A continuación, te guiaremos a través del proceso utilizando "Simple Share Buttons Adder."

Instalar el Plugin

▸ Dirígete al panel de control de WordPress.

▸ Dirígete  al apartado"Plugins" y haz clic en "Agregar nuevo plugin"

▸ Busca el plugin llamado "Simple Share Buttons Adder" y haz clic en "Instalar ahora."

▸ Activa el plugin después de la instalación.

Configuración del Plugin

▸ Ve a la configuración del plugin y personaliza los botones de compartir según tus preferencias.

▸ Puedes seleccionar las redes sociales que deseas mostrar y el estilo de los botones.

▸ Insertar los Botones en tus Entradas o Páginas:

▸ Editar la entrada o página donde deseas mostrar los botones de compartir.

▸ En el editor, verás un botón de "Simple Share Buttons Adder." Haz clic en él y elige dónde quieres que aparezcan los botones.

Creando botones de compartir en WordPress sin plugins para no renderizar la web

¿Te gustaría incorporar botones de compartir en tus publicaciones de WordPress sin ralentizar tu sitio? En este tutorial, te guiaremos a través del proceso, paso a paso, para que puedas permitir que tus usuarios compartan tu contenido en redes sociales como WhatsApp, Facebook, Instagram y más.

Paso 1: Accede al Editor de Temas

Dirígete al panel de control de WordPress y selecciona "Apariencia". Luego, elige "Editor de archivos de temas" y busca el archivo llamado "functions.php".

Paso 2: Agrega el Código

Dentro de "functions.php", inserta el siguiente código que te permitirá crear un shortcode para mostrar los botones de compartir en redes sociales:

function social_redes() { if(is_singular('post')) { return ' <span class="compartit"> <a href="mailto:?Subject=Simple Share Buttons&Body=I%20saw%20this%20and%20thought%20of%20you!%20 https://www.fullfreelancer.com/"> <img src="https://www.fullfreelancer.com/blog/wp-content/uploads/2021/08/email.png" alt="Email"> </a> <a href="http://www.facebook.com/sharer.php?u='.get_permalink().'" target="_blank"> <img src="https://www.fullfreelancer.com/blog/wp-content/uploads/2021/08/facebook.png" alt="Facebook"> </a> <a href="http://www.linkedin.com/shareArticle?mini=true&url='.get_permalink().'" target="_blank"> <img src="https://www.fullfreelancer.com/blog/wp-content/uploads/2021/08/linkedin.png" alt="LinkedIn"> </a> <a href="https://twitter.com/share?url='.get_permalink().'" target="_blank"> <img src="https://www.fullfreelancer.com/blog/wp-content/uploads/2021/08/twitter.png" alt="Twitter"> </a> <a href="https://api.whatsapp.com/send?text='.get_permalink().'" target="_blank"> <img src="https://www.fullfreelancer.com/blog/wp-content/uploads/2022/01/whatsapp_logo_iconnn.png" alt="Whatsapp"> </a> </span> '; } } add_shortcode('social-red', 'social_redes'); add_shortcode('social-red', 'social_redes'); 

Paso 3: Inserta el Shortcode

Ahora, dirígete al archivo "single.php" de tu tema y coloca el shortcode "[social-red]" en el lugar donde deseas que aparezcan los botones de compartir en tus publicaciones.

echo do_shortcode('[social-red]');

Estilos CSS

span.compartit { justify-content: center; display: flex; margin: 20px;
}

¡Y eso es todo! Con estos simples pasos, habrás incorporado botones de compartir en tus publicaciones de WordPress sin necesidad de plugins adicionales.

Mira este video de 1 minuto para una demostración rápida