Divi le permite controlar y diseñar cada detalle de su sitio web, desde el encabezado hasta el pie de página. Uno de los elementos en los que más se hace clic de cualquier sitio web son los íconos de redes sociales. Una audiencia comprometida quiere encontrarte en otro lugar y conocerte. Obviamente, querrá que esto sea lo más fácil posible. 

Entonces, le mostraremos cómo habilitar íconos de redes sociales adicionales en las opciones de temas de Divi, cómo usar Divi Builder para insertar íconos de redes sociales en cualquier lugar de una página o publicación, y cómo aprovechar el poder de Tema divi Builder para agregar íconos de redes sociales a cada rincón y grieta de su sitio.

Cómo activar fácilmente iconos de redes sociales adicionales en el pie de página Divi

La forma más fácil de agregar más íconos de redes sociales a su sitio Divi es ir al panel Opciones de tema , activando opciones para Facebook, Twitter, Instagram y RSS. Luego, todo lo que tiene que hacer es ingresar las URL de su perfil en los campos. Cuando haga esto, verá que aparecen como enlaces de íconos en el pie de página de su sitio:

Iconos sociales divi

En el menú del panel de WordPress, vaya a Divi - Opciones de tema y haga clic en la pestaña general . Desplácese hacia abajo para ver el conmutador de red. Además, justo debajo de esos conmutadores, asegúrese de ingresar las URL de cada ícono social de Divi que active. De lo contrario, aparecerá el icono, pero al hacer clic en él, el usuario no estará en ninguna parte. Usando un # en lugar de una URL, mantendrá al usuario en la página en lugar de redirigirlo potencialmente a una la página de 404 .

Opciones de tema Divi

Desplácese hasta el final de las opciones de su tema y haga clic en Guardar cambios . ¡Ahora puede ir al pie de página de su sitio y hacer clic en los íconos sociales para probarlos!

Si no ve los íconos en su pie de página, asegúrese de revisar su personalizador de temas en Apariencia - Personalizar y asegúrese de que Mostrar íconos sociales está marcado en las opciones de pie de página.

palabra wordpress

Sin embargo, si desea aún más opciones para los íconos de pie de página de redes sociales, continúe desplazándose hacia abajo hasta nuestra sección en Divi Theme Builder, donde discutimos tanto las plantillas personalizadas como los valores predeterminados generales.

Cómo usar Divi Builder para agregar rastreadores de redes sociales a una página o publicar contenido

A veces, poner íconos de redes sociales adicionales entre bloques de texto, imágenes u otro contenido en el cuerpo de las páginas o publicaciones puede tener mucho sentido. Su página de destino o la página Acerca de, por ejemplo, sería un buen lugar para agregar íconos sociales adicionales para informar a las personas. visitantes sobre cómo conectar contigo. Definitivamente se destacarán más que solo vincular a sus perfiles sociales usando texto normal. Además, la gente busca iconos reconocibles.

Puede usar Divi Builder para insertar íconos de redes sociales directamente en sus páginas o publicaciones usando el seguimiento de redes sociales .

Cada vez que cree o abra una página o artículo existente en su panel de WordPress, verá un gran botón púrpura que le preguntará si desea usar Divi Builder o no.

Creación de artículos Divi

Y por supuesto que sí. Simplemente haga click Utilice Divi Builder para comenzar a construir su página o publicar desde cero (o desde uno de nuestros diseños predefinidos ). Además, puede incluir los íconos de las redes sociales Divi si está utilizando el editor de WordPress predeterminado. Todo lo que necesita hacer es insertar un bloque de Diseño Divi y siga los mismos pasos que seguimos a continuación.

Diseño divi gutenberg

Puede utilizar la herramienta para diseñar su página o publicarla como desee utilizando los módulos de creación de páginas disponibles. Si esta es la primera vez que usa Divi Builder, es posible que desee consultar primero esta descripción general para comprender claramente cómo funciona.

Cuando esté listo para agregar íconos de redes sociales a su página, haga clic en el círculo negro + en la sección en la que desea colocar sus íconos de redes sociales y desplácese hasta el cuadro de seguimiento de redes sociales aparece.

Inserción del seguimiento del módulo en las redes sociales

Se le pedirá que elija las redes sociales que desee antes de poder comenzar a personalizarlas. Haga clic en Agregar una nueva red social .

Agregar módulo social de red social divi

Luego seleccione uno de la lista desplegable.

Agregar una nueva red social

Con eso elegido, agregue la URL de su perfil. Opcionalmente, puede seleccionar un color, degradado, fondo, etc. específico para su icono.

Personalizar botón de red social

Una vez que haya agregado su primera red social, puede continuar agregando otras redes siguiendo estos mismos pasos. Todos aparecerán en la pestaña Contenido de configuración de seguimiento de redes sociales . Puede editarlos, copiarlos o reorganizarlos arrastrándolos y soltándolos en su lugar.

Personalizar iconos sociales

Una vez que haya agregado sus redes sociales, cambie a las pestañas Contenido et diseño para jugar con otras opciones de personalización. Puede cambiar todo, desde la sombra del cuadro, el radio del borde, el espaciado, los filtros e incluso la animación de introducción para el módulo de iconos. También tienes la opción de incluir un botón Seguir para que todos tus iconos llamen más la atención sobre ellos. Cuando haya terminado, haga clic en la marca verde .

Síguenos botón divi

A continuación, puede mover los iconos por su página, trabajando en su espaciado y diseño como mejor le parezca. (Los Opciones de transformación divi son increíbles para eso, por cierto.) Cuando esté satisfecho con todas sus decisiones, presione el botón verde Guardar (o Publicar) en la esquina inferior derecha para registrar su nuevo módulo de iconos de redes sociales. Si no ve un botón Publicar / Guardar, toque el puntos suspensivos morados (tres puntos) en la parte inferior central de la pantalla para expandir el menú.

Botón Divi síguenos

Después de eso, sus íconos de redes sociales estarán en vivo en su sitio.

Usando Divi Theme Builder para agregar íconos de redes sociales

Como mencionamos anteriormente, Divi Theme Builder es una herramienta poderosa que le brinda un control completo sobre casi todos los aspectos de su sitio. Entonces, si está buscando agregar íconos de redes sociales en cualquier lugar, el generador de temas lo tiene cubierto.

Para comenzar con el generador de temas, vaya a Divi - Generador de temas en su panel de WordPress.

Divi Builder

Se trata de agregar íconos de redes sociales a un diseño de constructor Tema divi existente. ¡O a uno nuevo! No importa si está agregando al encabezado, pie de página o cuerpo general de su sitio, o incluso a ciertas categorías u otros tipos de páginas especializadas. Seguirás el mismo proceso.

Primero encontraremos la sección que queremos agregar. Nuevamente, puede ser global o personalizado. Si nunca antes ha usado el generador de temas, es fácil. Agregaremos íconos de redes sociales a publicaciones individuales. Por tanto, puede empezar haciendo clic en Agregar un nuevo modelo y seleccionando todos los mensajes ou Mensajes en categorías específicas . Luego, marque las categorías que desea incluir. Luego haga clic en Crea una plantilla .

Agregar un modelo divi

Si ya ha configurado plantillas, simplemente haga clic en Editar lápiz o haga doble clic en la sección que desea modificar.

Diseño Divi

El proceso de agregar íconos de redes sociales aquí es el mismo que se describe anteriormente en el generador. Sin embargo, dado que está utilizando el generador de temas en lugar de simplemente editar una sola página, los íconos no aparecerán en el lugar que elija. Se pueden agregar plantillas a encabezados, pies de página y plantillas globales. Y puedes elegir cómo y cuándo aparecerán sin tener que configurarlos una vez. No página por página, como lo haría anteriormente.

Por ejemplo, si queremos incluir los iconos de redes sociales debajo del título de la publicación, pero encima del contenido de la publicación en cada publicación de blog que publiquemos, simplemente agregaremos un módulo a seguir redes sociales. Haga clic en el círculo Negro + y selecciónelo en el diálogo Insertar un módulo .

Elige el módulo social

Luego, simplemente arrastre el módulo al lugar donde desea que aparezcan los íconos de redes sociales. (Estamos usando el modo de estructura alámbrica para esta ubicación). Entonces solo necesita agregar las redes sociales que desea mostrar. Luego, personaliza el tamaño y el color como lo hizo anteriormente.

Módulo de medios de comunicación social icono divi

Y así, agregaste íconos de redes sociales al generador de redes sociales. Tema divi. Aparecerán en cualquier publicación de blog que cree (en este ejemplo).

Apariencia en divi con botón compartir

Y si no le gusta cómo se ven, el generador de temas es fácil de personalizar. Simplemente arrástrelos a una ubicación diferente, como la parte superior de la barra lateral.

Movimiento del módulo de intercambio social de Divi

Asegúrate de hacer clic en el botón verde Siguiente  en el rincón. Ahora, cada publicación de blog con esta plantilla en el sitio se cargará con sus íconos de redes sociales en la parte superior de la barra lateral.

iconos de la barra lateral

Agregar íconos de redes sociales al encabezado y pie de página con Divi Theme Builder

Quizás los íconos de redes sociales predeterminados en la configuración de Divi no funcionaban para usted o no ofrecían suficiente personalización. En ese caso, siempre puede usar el generador de temas para personalizarlo de manera más completa. 

En cualquier plantilla, puede agregar un pie de página personalizado. Esto reemplazará al Divi. Cualquier plantilla sin una plantilla personalizada mostrará el elemento de tema predeterminado. Los íconos de redes sociales pueden diferir de un archivo de publicación a página, según las necesidades de sus usuarios.

Diseño divi del tema de personalización

También puede agregar un pie de página global que reemplazará todos los otros pies de página que creó. (Esto también se aplica a los cuerpos y encabezados globales). 

Si ha diseñado 4 pies de página personalizados para publicaciones, páginas, proyectos y categorías, pero luego crea un pie de página global, solo se mostrará el pie de página global. 

Las plantillas globales son excelentes para los íconos de redes sociales en todo el sitio para, tal vez, un periódico o una marca. Si bien las plantillas personalizadas con íconos sociales pueden ser las mejores para creadores individuales que forman parte de una red.

Agregar un pie de página divi global

Al usar Divi Builder para encabezados, pies de página y plantillas de cuerpo personalizados, puede agregar íconos de redes sociales a casi cualquier parte de Divi que desee. No está limitado a los diseños predeterminados ni tiene que profundizar en el sistema de archivos de WordPress. Además, con el generador de temas, puede usar cualquiera de las opciones de diseño de Divi para arreglar los íconos de las redes sociales y hacer que se destaquen de la manera correcta para cada audiencia en particular.

Conclusión

Cuando tiene las opciones predeterminadas de pie de página de Divi, la herramienta Divi Builder para publicaciones y páginas, el poder del Divi Theme Builder, no hay ninguna razón por la que deba instalar un complemento para agregar íconos de redes sociales a su sitio web. Divi te da control total sobre cómo se ven tus íconos sociales y dónde están. 

Si necesitas promover una marca, un autor invitado, un grupo de creadores de contenido o simplemente los lugares donde usted mismo puede encontrarse en línea, Divi tiene una manera de hacerlo. Somos parciales, pero creemos que esta es la forma más fácil, sencilla y elegante de agregar íconos de redes sociales a su sitio web.