¿Cómo crear botones para compartir en redes sociales en GeneratePress?

En este tutorial, veremos Cómo crear botones para compartir en redes sociales en GeneratePress?

Sin duda, esto le ayudará a mejorar la promoción multicanal de su publicación de blog. Eso a su vez aumentará su presencia en la web.

Voy a mostrarte cómo construir botones adhesivos para compartir en redes sociales que floten en la parte frontal de las entradas de tu blog. Es decir, siempre serán visibles para tu audiencia.

Podemos lograr esto mediante un complemento, pero la mejor parte es construirlos manualmente. De esa manera, sabrá que está evitando agregar JavaScript (mata el rendimiento del sitio web) en su sitio.

Esta lección requiere que tengas GeneratePress premium, ya que usaremos el módulo Elementos.

Cree botones para compartir en redes sociales en GeneratePress sin complemento

Crear botones para compartir en redes sociales en el tema GeneratePress sin complementos requiere que conozcas los íconos SVG.

Los SVG son gráficos vectoriales escalables. Son elementos visuales de estándar abierto (utilizados principalmente como iconos) desarrollados por el W3C (World Wide Web Consortium) (World Wide Web Consortium).

Beneficios de usar SVG

• Tienen un tamaño de archivo pequeño que nunca afecta la velocidad del sitio.
• Puede agregar fácilmente hipervínculos a íconos SVG.
• Son fácilmente modificables con cualquier software de gráficos vectoriales.
• Los íconos SVG son independientes de la resolución, lo que los hace excelentes para visualización en computadoras de escritorio, tabletas y dispositivos móviles.
• Las imágenes SVG son más compatibles con SEO en comparación con las imágenes convencionales.

Usaremos los SVG de Iconmonstr. Es decir, no sólo el icono sino también el icono con su código XML.

Paso 1: agregue el código de los botones para compartir en redes sociales al gancho GeneratePress Elements

Para lograr esto, primero deberá crear un nuevo elemento en GeneratePress. Vaya a su Panel de WordPress, en Apariencia, haga clic en Elementos. Esto abrirá la página Elementos, haga clic en Agregar nuevo elemento.

Tan pronto como haya hecho clic en Agregar nuevo elemento, GeneratePress mostrará una ventana de diálogo. Haga clic en Gancho. Eso es exacto, necesitas un gancho personalizado de GeneratePress para esta acción.

Asigne un nombre al nuevo Elemento y agregue el código.

Seleccione el enlace como generar después del encabezado, ejecute PHP y establezca las reglas de visualización en Publicaciones – Todas las publicaciones.

Ya que necesitamos que los íconos para compartir en redes sociales floten en la ventana gráfica de nuestra pantalla. Es mejor seleccionar Generar después del gancho del encabezado.

La razón por la que hemos elegido la configuración de visualización como Todas las publicaciones es porque le gustaría que sus usuarios compartieran su contenido en sus sitios sociales.

No olvides presionar el botón Publicar.

Copie el siguiente código para implementar el mismo en su sitio web.

Paso 2: realice un estilo CSS en los íconos para compartir en redes sociales

Para hacerlo, vaya al panel de WordPress, en Apariencia, haga clic en Personalizar.

Esto abrirá el personalizador de temas de GeneratePress. Aquí baja hasta el final y haz clic en CSS adicional.

Pegue el siguiente código CSS para obtener un estilo comparable. Puede ajustar CSS según sus requisitos.

Paso 3: Resultado final de los botones para compartir en redes sociales en GeneratePress

Finalmente, así es como Compartir redes sociales Los iconos deberían verse como en su sitio web. Recuerde que los hemos hecho flotando desde la parte superior al 70% de la ventana gráfica de la pantalla.

Beneficios de los botones para compartir en redes sociales en GeneratePress (sin complemento) (sin complemento)

El uso de SVG de Iconmonstr hace que sus íconos sean muy livianos
No hay ningún tipo de código JavaScript involucrado.

Al utilizar esta estrategia, no instala ningún complemento de terceros.
Es responsivo.

Todos los botones funcionarán increíblemente rápido para compartir.

Conclusión : ¿Cómo crear botones para compartir en redes sociales en GeneratePress?

Ahora ha descubierto cómo crear botones para compartir en redes sociales en GeneratePress utilizando código y complementos.

Utilice la opción que le resulte más fácil y que se ajuste a sus necesidades. No dude en editar el código PHP y/o CSS del artículo.