Divi te permite controlar y diseñar cada detalle de tu sitio web, desde el encabezado hasta el pie de página y todo lo demás. Algunos de los elementos más visitados de cualquier sitio web son los íconos de las redes sociales . Una audiencia comprometida quiere encontrarte en otro lugar y conocerte. Obviamente querrás que sea lo más fácil y sin fricciones 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 del tema Divi . Builder para agregar íconos de redes sociales a cada rincón y grieta de su sitio.
La forma más sencilla de agregar más íconos de redes sociales a su sitio Divi implica acceder al panel Opciones de tema , habilitando las opciones para Facebook, Twitter, Instagram y RSS. A continuación, simplemente ingrese las URL de su perfil en los campos. Cuando hagas esto, verás que aparecen como enlaces de íconos en el pie de página de tu sitio:
En el menú del tablero de WordPress, navegue hasta Divi – Opciones de tema y haga clic en la pestaña General . Desplácese hacia abajo para ver los conmutadores de red. Además, justo debajo de esos conmutadores, asegúrese de ingresar las URL para cada ícono social Divi que habilite. De lo contrario, aparecerá el ícono, pero hacer clic en él no llevará al usuario a ninguna parte. El uso de un # en lugar de una URL mantendrá al usuario en la página en lugar de redirigirlo potencialmente a una página 404 .
Desplácese hasta el final de las opciones de su tema y haga clic en Guardar cambios . ¡Ahora puede consultar el 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 verificar 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.
Sin embargo, si desea aún más opciones para los íconos sociales de pie de página, continúe desplazándose hacia abajo hasta nuestra sección sobre Divi Theme Builder, donde analizamos las plantillas personalizadas y los valores predeterminados globales .
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 ayudar a informar a los visitantes sobre cómo conectarse con usted. Sin duda, se destacarán más que simplemente vincularse a sus perfiles sociales usando texto normal. Además, las personas están sintonizadas para buscar íconos reconocibles.
Puede usar Divi Builder para insertar íconos de redes sociales directamente en sus páginas o publicaciones usando el módulo Social Media Follow .
Cada vez que cree o abra una página existente o publique en su panel de control de WordPress, verá un gran botón púrpura que le preguntará si desea usar Divi Builder o no.
Y por supuesto que lo haces. Simplemente haga clic en Usar Divi Builder para comenzar a crear su página o publicación desde cero (o desde uno de nuestros diseños prefabricados ). Además, puede incluir los íconos de redes sociales de Divi si está utilizando el editor predeterminado de WordPress . Todo lo que necesita hacer es insertar un bloque de diseño Divi y seguir los mismos pasos que estamos siguiendo a continuación.
Puede usar la herramienta para diseñar su página o publicación como desee utilizando los módulos de creación de páginas disponibles. Si es la primera vez que usa Divi Builder, es posible que desee consultar primero esta descripción general para obtener una comprensión clara de 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 le gustaría colocar sus íconos de redes sociales y desplácese hasta que vea el cuadro Seguir en las redes sociales .
Se le pedirá que elija las redes sociales que desea antes de que pueda comenzar a personalizarlas. Haga clic en Agregar nueva red social .
A continuación, seleccione uno de la lista desplegable.
Con eso elegido, agregue la URL de su perfil. Opcionalmente, puede seleccionar un color, degradado, fondo, etc. específico para su icono.
Una vez que haya agregado su primera red social, puede continuar agregando más redes siguiendo estos mismos pasos. Todos aparecerán en la pestaña Contenido de la Configuración de seguimiento de redes sociales . Puede editar, copiar o reorganizar arrastrándolos y colocándolos en su lugar.
Una vez que haya agregado sus redes sociales, continúe con las pestañas Contenido y Diseño para jugar con algunas opciones de personalización adicionales. 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 tiene la opción de incluir un botón Seguir para todos sus íconos para llamar más la atención sobre ellos. Cuando haya terminado, haga clic en la marca de verificación verde .
Luego puede mover los íconos alrededor de su página, trabajar en su espaciado y diseño como mejor le parezca. ( Por cierto, las opciones de transformación de Divi son increíbles para esto). Cuando esté satisfecho con todas sus decisiones, presione el botón verde Guardar (o Publicar) en la esquina inferior derecha para guardar su nuevo módulo de íconos de redes sociales. Si no ve un botón Publicar/Guardar, presione los puntos suspensivos morados (tres puntos) en la parte inferior central de la pantalla para expandir el menú.
Después de eso, sus íconos de redes sociales estarán activos en su sitio.
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 – Theme Builder en su panel de control de WordPress.
Es muy útil agregar íconos de redes sociales a un diseño de generador de temas Divi existente. ¡O a uno nuevo! No importa si está agregando al encabezado global, al pie de página o al cuerpo de su sitio, o incluso solo a ciertas categorías u otros tipos de páginas especializadas. Seguirás el mismo proceso.
Primero vamos a encontrar la sección que queremos agregar. Nuevamente, puede ser global o personalizado. Si no ha usado el generador de temas antes, es fácil. Vamos a agregar íconos de redes sociales a publicaciones individuales. Por lo tanto, puede comenzar haciendo clic en Agregar nueva plantilla y seleccionando Todas las publicaciones o Publicaciones en categorías específicas . Luego marque las categorías que desea incluir. Luego haga clic en Crear plantilla .
Si ya tiene plantillas configuradas, todo lo que tiene que hacer es hacer clic en Editar lápiz o hacer doble clic en la sección que desea editar.
El proceso de agregar íconos de redes sociales aquí es el mismo que el anterior en el generador. Sin embargo, debido a que está utilizando el generador de temas en lugar de simplemente editar una sola página, los íconos no aparecerán en ese único lugar que elija. Las plantillas se pueden agregar a encabezados, pies de página y plantillas globales. Y puedes elegir cómo y cuándo aparecen con solo configurarlos una sola vez. No página por página, como lo haría anteriormente.
Por ejemplo, si queremos incluir los íconos de redes sociales debajo del título de la publicación, pero arriba del contenido de cada publicación de blog que publicamos, solo agregaríamos un módulo de seguimiento de redes sociales . Haga clic en el círculo Negro + y selecciónelo en el cuadro de diálogo Insertar módulo .
Luego simplemente arrastre el módulo a donde desea que se muestren los íconos de las redes sociales. (Estamos utilizando el modo de estructura alámbrica para esta ubicación). Luego solo agrega las redes sociales que desea que se muestren. Luego, personaliza el tamaño y el color tal como lo hiciste anteriormente.
Y así, ha agregado íconos de redes sociales al generador de temas Divi. Aparecerán en cualquier publicación de blog que hagas (en este ejemplo).
Y si no le gusta cómo se ven allí, 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.
Asegúrese de hacer clic en el botón verde Guardar en la esquina. Ahora todas y cada una de las publicaciones de blog con esta plantilla en el sitio se publicarán con los íconos de redes sociales en la parte superior de la barra lateral.
Quizás los íconos de redes sociales predeterminados en la configuración de Divi no funcionaron para usted u ofrecieron suficiente personalización. En ese caso, siempre puede usar el generador de temas para personalizarlo más completamente. En cualquier plantilla, puede agregar un pie de página personalizado. Esto reemplazará el Divi predeterminado. Cualquier plantilla sin una plantilla personalizada mostrará el elemento de tema predeterminado. Los íconos de las redes sociales pueden diferir de una publicación a una página y a un archivo, según lo que necesiten los usuarios.
También puede agregar un pie de página global que sobrescribirá cualquier otro pie de página que haya creado. (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 íconos de redes sociales en todo el sitio para, quizás, un periódico o una marca. Mientras que las plantillas personalizadas con íconos sociales pueden ser mejores para los creadores individuales que forman parte de una red.
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 diseños predeterminados o tener 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 mejorar 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 de pie de página predeterminadas de Divi, la herramienta Divi Builder para publicaciones y páginas, el poder de Divi Theme Builder, no hay razón para que necesite 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 aparecen. Ya sea que necesite promocionar una marca, un autor invitado, un establo 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 es la forma más fácil, simple y elegante de agregar íconos de redes sociales a su sitio web.
¿Cuáles crees que son los mejores lugares para incluir íconos de redes sociales en tu sitio web? ¡Compartamos consejos en los comentarios!
Imagen en miniatura del artículo por Sammby / shutterstock.com