Cómo crear el botón de compartir en Redes Sociales [ SIN PLUGINS ]

En el post de hoy os voy a enseñar cómo crear el botón de compartir en Redes Sociales [ SIN PLUGINS ], como ya sabéis todo lo que se pueda hacer sin plugins siempre voy a hacerlo, es verdad que hay cosas que necesitan plugin ya que es más sencillo y fácil , pero siempre que se pueda es mejor hacer las cosas sin plugin.

¿Por qué es importante tener los iconos de compartir en redes sociales en tu web?

Es una forma fácil y sencilla de que tu contenido se vea y así generar más tráfico a tu web o donde quieras.

No debemos confundir los botones de compartir en redes sociales con los botones de que sigan tus redes, los de compartir son los que vamos a ver hoy y son los que cuando tu escribes algo se comparte en el facebook, whatsapp, email de la persona , los botones de seguir en redes son los que ponemos en la página de sobre mi, o en la web en el footer , con los enlaces a nuestras redes sociales para que nos sigan.

NOTA IMPORTANTE : Estoy cansada de ver los enlaces a las redes en todos los sitios de la web intentando que la gente salga de la web para ir a vuestras redes, ¡NO! , la estrategia debe ser al revés, tenéis que intentar que la gente vaya de las redes a tu web y no salir de ahí, si ponéis enlaces de las rede en todas partes la gente se va y le dais el dinero a ellos cuando debería ser al revés.

Por eso, las redes sociales yo recomiendo ponerlas en una parte que tampoco se vean mucho, quien quiera saber vuestras redes se va a esforzar en buscarlas, y las de compartir las pondría en los artículos y podcast nada más. Tenéis que pensar que las redes deben ayudaros a vosotros no vosotros ayudar a los de las redes sociales y vuestro objetivo debe ser que la gente venga a vuestra web.

Hoy vamos a ver cómo poner los botones de compartir con código.

Aquí tenéis la página del plugin en donde podéis decidir qué redes son las que queréis poner. Y este sería el código que necesitáis poner en la web como podéis ver en el vídeo.

<!-- AddToAny BEGIN -->
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_email"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_button_whatsapp"></a>
<a class="a2a_button_linkedin"></a>
</div>
<script async src="https://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

Vale este código HTML está muy bien pero es verdad que sólo vale para los themes que tienen la opción de poner contenido después de la entrada si no la tienen deben poner el código a mano, si lo que queremos es poner el código y que sirva para todo tipo de contenido ya sea entrada, podcast, etc y de forma automática deberíamos poner el código en el archivo functions.php de nuestro tema hijo, si no tenemos tema hijo deberíamos crearlo ya que de no hacerlo al actualizar el theme perderíamos el código, una vez que hemos creado el tema hijo este sería el código que debemos meter en el archivo functions.php de nuestro child theme, pero Ojo, no pongas la etiqueta de apertura <?php si ya está al inicio del fichero.

add_action ('genesis_after_entry_content', 'redes');
function redes(){
?>
<!-- AddToAny BEGIN -->
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_email"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_button_linkedin"></a>
<a class="a2a_button_whatsapp"></a>
</div>
<script async src="https://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
<?php
}

Si os gusta este articulo otro muy parecido es cómo poner los enlaces de las redes sociales y de ciertas páginas en la bio de instagram