Como añadir mas iconos de redes sociales a divi

Después de leer el artículo de Tom Ewer en blog de elegant themes. Me puse manos a la obra para intentar, de una forma sencilla, añadir más iconos de redes sociales a mis páginas web.

Mi objetivo, era conseguir mostrar los enlaces de mis redes sociales favoritas, de una forma parecida a como las muestra el plugin Monarch.

Esto es, que se mantuvieran fijas en la página según vas haciendo scroll sobre ella, y en una posición que no resulte molesta para la lectura de la misma.

El resultado final ha sido este:

Como podéis observar, los iconos de mis redes sociales se encuentran en lado derecho de la pantalla, y en la misma línea que el botón de subir al principio de la página.

Con lo que consigo que estén siempre visibles pero no sean molestos a la hora de leer el contenido de la página web.

Este efecto se consigue utilizando únicamente el constructor de divi y agregando un poco de css.

Os explico cómo hacerlo. Pero si no queréis complicaros la vida, podéis bajaros el modulo y colocarlo en la página en la que queráis utilizarlo.

Lo primero que tenemos que hacer, es habilitar el constructor visual de divi, y añadir un nuevo módulo.

Abrimos los ajustes del módulo y en la pestaña avanzado añadimos el siguiente css en el elemento principal:

position:fixed;
width:auto;
top:90px;
right:10px;
background-color:transparent;
z-index:9999999999;

El siguiente paso en añadir una fila a el modulo y en esa fila añadir tantas secciones de «seguir en medios sociales» vayamos a necesitar

En los ajustes de la red social elegimos la red social que queremos utilizar y en la URL de la cuenta ponemos el enlace hacia nuestra página de dicha red.

Repetimos esta operación por todas las redes sociales que queramos colocar y ya tenemos disponible la lista de nuestras redes sociales en la página.

Esto es todo. Espero que os resulte útil y os ayude a mostrar vuestras redes sociales de una forma diferente.

Un saludo y hasta la próxima.