¿Cómo crear botones de compartir en redes sociales utilizando WordPress?
Algo que es muy importante para nuestro blog y página web es añadir los botones de compartir en redes sociales.
Muchas veces promocionamos y generamos buenos contenidos para nuestra página web, el siguiente paso es compartir este tipo de contenido en las redes sociales. Publicar nuestro contenido o publicación nos ayuda a aumentar el tráfico de nuestra página web en la internet; generando así más visibilidad, e incluso, la oportunidad de volver dicho contenido viral. Todo esto tiene como objetivo la oportunidad de coincidir con una mayor cantidad de personas que estén interesadas en el producto o contenido promocionado.
Muchos nos preguntamos: ¿Existe una forma de insertar los botones de compartir en redes sociales sin plugin?
Como Añadir botones de compartir en redes sociales sin plugin
Vamos a mirar paso a paso para poder visualizar los botones de las redes sociales.
1) Creamos una función llamada social_share() donde es el que contiene los botones de las redes sociales.
Teniendo en cuenta que son muchas las redes sociales, podemos eliminar las que no son necesarias para nuestro blog.
Esta función es muy importante porque nos genera un Shortcode para agregar redes sociales a WordPress, no especialmente para nuestras entradas, sino que también puede ser para nuestras páginas o landing page.
Las imágenes que se encuentran actualmente se pueden cambiar diseñándolas con sus propios estilos o cambiándolas por sus propios nombres dándole un excelente estilo al botón por medio de CSS.
¿Dónde agregamos la siguiente función?
Este código que tiene como funcionalidad de generar o añadir botones compartir en redes sociales WordPress lo insertamos por medio del plugin llamado Code Snippets por la siguiente ruta: Fragmentos de código >> Añadir nuevo >> Añadir un nuevo fragmento de código le asignamos el nombre y el código que severa continuación.
function custom_share_buttons_shortcode() { // Obtiene la URL actual del post $post_url = get_permalink(); // HTML para los botones de compartir $share_buttons_html = ' <div class="custom-share-buttons"> <a href="https://www.facebook.com/sharer/sharer.php?u='%20.%20%24post_url%20.%20'" target="_blank">❄️Compartir en Facebook</a> <a href="https://twitter.com/intent/tweet?url='%20.%20%24post_url%20.%20'" target="_blank">❄️Compartir en Twitter</a> <a href="https://www.tiktok.com/share/video?url='%20.%20%24post_url%20.%20'" target="_blank">❄️Compartir en TikTok</a> <a href="https://api.whatsapp.com/send?text='%20.%20%24post_url%20.%20'" target="_blank">❄️Compartir en WhatsApp</a> </div> '; return $share_buttons_html;
}
add_shortcode('custom_share_buttons', 'custom_share_buttons_shortcode');
También lo podemos insertar directo en nuestro theme en el archivo functions.php. Solo con insertarlo y guardarlo se genera la misma funcionalidad.
Integrar redes sociales en WordPress sin plugin se puede de distintas formas unas de ellas es la que les facilitamos en este post.
Continuemos.
2) Donde añadimos el Shortcode
Si queremos que se muestren los botones de las redes sociales en los post, es decir en las entradas, buscamos en el editor de nuestro WordPress el archivo single.php y una vez que lo tengamos vamos a insertar el siguiente Shortcode ‘echo do_shortcode(‘[social]’)’; automáticamente se les agregara en todos los post.
¿Se te dificulta un poco buscar el archivo single.php? No te preocupes, tenemos otra solución para ti. Vamos a realizar un pequeño ejemplo de como insertar el Shortcode en nuestras páginas sin necesidad de buscar archivos en nuestro editor de WordPress.
– Creamos una página o una entrada asignándole cualquier tipo de nombre y un poco de texto.
– Vamos a insertar en este caso el nombre de nuestro Shortcode directo en nuestra página o entrada que sería el siguiente [social].
– Guardamos, publicamos y listo, ya se deberían de ver nuestros botones de redes sociales de WordPress.
