Una guía completa de widgets para íconos sociales

Los íconos sociales son una parte esencial de cualquier sitio web. No importa qué tipo de sitio sea: si tiene perfiles de redes sociales, necesariamente deben estar conectados a su sitio es una de las reglas de oro para sobrevivir en línea y construir su marca. El objetivo principal de los íconos sociales es ayudarlo a conectarse rápidamente con sus visitantes. Parece que todos están en línea, en una plataforma de redes sociales. Es importante recordar que, a menudo, las personas no quieren molestarse en ingresar realmente a un sitio web. En cambio, sigo una marca en su página social y recibo sus actualizaciones, noticias e información.
Por lo tanto, es vital que cada negocio tenga una fuerte presencia en las redes sociales y actualice regularmente el perfil con la información tomada del sitio. Por supuesto, necesitará una base sólida para los seguidores y una de las formas de hacerlo es agregar íconos sociales a su sitio. Al hacer clic en esos íconos, los visitantes son redirigidos a su perfil social, donde pueden convertirse en seguidores suyos. Siempre serán conscientes de sus publicaciones y noticias, lo que será muy beneficioso para su marca. Puede usar complementos para agregar iconos sociales y conectarlos a sus redes sociales, o descargar iconos gratuitos para redes sociales, agregarlos a su contenido y hacer un enlace a la plataforma deseada.
Complemento de widget para íconos sociales

El widget de iconos sociales es una excelente manera de agregar íconos sociales a su sitio web. Este complemento de icono social le permite agregar enlaces rápidos a todos sus perfiles sociales en el menor tiempo, además de que no requiere un conocimiento especial. No necesita saber cómo codificar, un nivel básico de conocimiento de la computadora será suficiente. Este complemento de icono social agrega enlaces o íconos rápidos donde quiera en su sitio web, que sus visitantes pueden usar para acceder a sus perfiles en las redes sociales. Este enchufe que salva vidas acepta en 80 redes sociales. Apuesto a que ni siquiera sabías que había tantos, ¿no? Bueno, los íconos sociales widget los acepta a todos. Además, puede reorganizar y ordenar los íconos deslizándose y colocados, aplicar uno de los muchos estilos disponibles y personalizar los iconos. El selector de color ha estado disponible recientemente, por lo que puede cambiar el color del icono en lo que desee. Los íconos preparados para la retina, la integración de FontaweSome y el soporte para Skype, Viber y WhatsApp son otras características que diferencian este complemento de los demás.
En cuanto al uso efectivo de los íconos sociales, puede colocarlos en la barra lateral, el sótano o cualquiera de las páginas de su sitio. La elección es suya. Además, el complemento se actualiza regularmente con nuevas funciones y se agregan constantemente nuevos iconos.
Dependiendo de su conocimiento, puede establecer WP Social Icon Widget utilizando diferentes opciones de configuración. A continuación, puede consultar una guía de principiantes y profesionales o descubrir cómo agregar íconos sociales a sus páginas para principiantes
Configuración avanzada
Agregar íconos sociales a las páginas
Configuración básica para principiantes
Al instalar el complemento, aparece un nuevo widget. ¡Tíralo en el área deseada y ese es la mitad del trabajo ya hecho!
Además, si prefiere monitorear los cambios que realiza en la misma ventana, puede editar sus widgets> Personalización> Widgets, como lo hace para agregar y editar todos los demás widgets.
Social Icons Widget es un complemento muy fácil de usar. Es fácil configurarlo desde el backend y personalizarlo de acuerdo con sus necesidades. Lo primero que desea hacer con su nuevo complemento de icono social es agregar enlaces a sus redes sociales:
Ingrese o pegue sus enlaces

Después de ingresar la dirección, aparecerá el ícono social apropiado. Esto, sin embargo, se aplica a las redes sociales más grandes y utilizadas. Como dije antes, el widget de íconos sociales acepta en 80 plataformas de redes sociales y para algunas de ellas el ícono no aparece automáticamente.
Para agregar un enlace para su correo electrónico, asegúrese de que esté en el siguiente formato: Mailto: [Correo electrónico protegido] Para cambiar el orden de los iconos, use las flechas ubicadas junto a cada una de ellas.
Para eliminar los cambios si comete un error, use la basura de mano derecha.
Al hacer clic en el icono, abre un campo donde puede elegir el icono que desea usar. El complemento en sí sugiere un ícono, pero, por supuesto, no tiene que ir con esta sugerencia. Otra cosa que puede elegir es el color del icono y el flotador, así como para elegir una de las diferentes fuentes de iconos.
A diferencia de estas configuraciones, en la que realizamos cambios en cada icono individual, también hay configuraciones generales. La configuración general se aplica a todos los íconos sociales que usamos y son útiles cuando queremos hacer cambios y todo en el bloque.

En el siguiente campo, puede agregar un título al widget de iconos sociales, así como una descripción que se mostrará anteriormente. Puede usar el HTML básico si sabe cómo. Por ejemplo, inserté el contenido nuevo entregado diariamente, Disfruta !
Y aquí está el resultado:

Una cosa sobre el widget para íconos sociales es que utiliza la configuración de fuentes predeterminada en la barra lateral. De esta manera, puede estar seguro de que todo estará de acuerdo con el resto de la página. El espacio es un poco uniforme, pero lo cuidaremos más tarde. Otra cosa muy útil que viene con este complemento de icono social es la opción de enlaces de apertura en la nueva pestaña y configurar el enlace nofollow. Para aplicarlos, simplemente marque la casilla apropiada.

En cuanto a mostrar las etiquetas de iconos, esta opción le permite establecer si hay una especie de título cerca del icono. Puede ser un título predeterminado, si el complemento reconoce el icono, como es el caso con el ícono de Facebook. Puede agregar su propio título, por supuesto, utilizando el campo por encima del campo para la dirección del sitio web.

Luego puede establecer la alineación: ninguno, izquierda, centro, derecha. También puede elegir entre dos estilos de iconos disponibles. Otra cosa que puede establecer es el tamaño del icono y llenar el icono, que es el relleno dentro del icono en sí, entre símbolo y borde.

En cuanto al estilo de fondo del icono, tiene tres opciones para elegir:

Configuración avanzada

Mencioné el espacio antes, o específicamente, el relleno, entre la descripción y los íconos sociales. Si la distancia es demasiado pequeña, demasiado grande o desigual, puede repararla agregando algunas líneas CSS simples. Aspecto de acceso> Personalización y busque CSS adicional. Use el lado izquierdo del editor para agregar el código y rastrear los cambios en vivo a la derecha. Si la página que desea trabajar no se muestra en el campo correcto, no dude en usar el menú para navegar por el sitio y comunicarse con la página en cuestión.

Use el siguiente código para agregar relleno entre descripción e iconos:

.Zoom-Social-Icons List {Padding-top: 15px! IMPORTANTE;}

Por supuesto, usé 15px solo por ejemplo. Puede usar un valor diferente, el que tenga sentido en su página inspeccione sus elementos y encuentre el tamaño perfecto del revestimiento. Otro tipo de espaciado que probablemente querrá cuidar es el espacio frente a la fila de iconos.
Use la siguiente línea de código:

.Zoom-Social-Icons List {Margin-izquierda: 0px! IMPORTANTE;}
Nuevamente, establecerá su propio valor aquí, en lugar de cero que he usado en el ejemplo. Tenga en cuenta que esto y la línea de código mencionada se refieren a la misma lista .Zoom-Social-Icons.
Para establecer ambos valores al mismo tiempo, usará esa clase y agregará ambos valores, de la siguiente manera: .zoom-Social-List {Padding-top: 15px! IMPORTANTE; Margen-izquierda: 0px! Importante;}

También puede establecer el valor para el llenado o el espacio entre los íconos en sí. Si el relleno actual es demasiado grande o demasiado pequeño, puede cambiarlo ingresando el siguiente código:
.zoom-social_icons-list__Item {Padding-Raggy: 10px! IMPORTANTE;}
Una vez más, estos son solo los valores de ejemplo: presentará los suyos. Otra cosa sobre sus íconos sociales que puede personalizar es su frontera. Por ejemplo, es posible que desee hacer todos sus íconos sociales del mismo color, con un borde de color diferente a su alrededor. P.ej:
En realidad, esto es muy fácil de hacer. Ya hemos explicado cómo hacer todos los íconos del mismo color. Use la herramienta de inspección para encontrar la clase de su icono. El que estamos buscando es Socicon-NameofThenetwork.
En nuestro caso, el código para agregar un borde a un icono de Facebook sería:
.Socicon-FaceBook {Border-Style: Solid! IMPORTANTE; Color de borde:#00007F! IMPORTANTE;}
Por supuesto, elegirá su propio color y, en términos de estilo de borde, mire en CSS y vea que además de “sólido” hay otras opciones de estilo disponibles. Por lo tanto, para cada uno de los iconos a los que desea agregar el borde, agregará un código con los valores deseados.
Agregar íconos sociales a las páginas

Puede usar el widget para agregar iconos sociales no solo en el lado o la barra del sótano, sino también en otras partes del sitio. De hecho, puede agregarlos a cualquier página, como parte de cualquier contenido de página. Primero, debe instalar el complemento de código corto del widget: este complemento funciona insertando un campo adicional en cada uno de los widgets, que contiene el código corto para el widget. En este caso, agregue un campo con el código corto para el widget de iconos sociales dentro del widget en sí.

Simplemente copie el código e ingrese donde desee. Después de eso, sus íconos sociales, con todas las configuraciones que ha realizado en Widget, aparecerá en el lugar deseado.
Pensamientos finales
Así que lo tiene, una forma rápida y fácil de agregar íconos sociales a su sitio web. Con el excelente complemento de complemento de widgets de íconos sociales, puede conectarse a todos los perfiles de redes sociales en el menor tiempo, lo que permite a los visitantes contactarlo fácilmente en todos los canales sociales. Con todo esto en mente, no olvide equipar su sitio web con complementos de WordPress para compartir redes sociales. PS recientemente tuvo una discusión con el equipo de WPZoom y nos dijo que podemos esperar muchas actualizaciones y nuevas funciones para el complemento de widgets de iconos sociales. Así que asegúrese de conectarse a su blog para conocer todas las últimas noticias y lanzamientos.
Esperamos que este artículo haya sido útil. Si le gustó, ¡no dude en consultar algunos de estos artículos!
Una guía completa para el complemento de alimentación de Instagram

Una guía completa para WordPress mi complemento de calendario

Pinterest temas de WordPress atractivos