Explorá

Paso a paso / 2 min de lectura

¿Cómo cambiar el color de los íconos de redes sociales en WordPress?

Various 3D renders of social media logos over a blue background

¿Buscás cómo cambiar el color de los íconos de redes sociales en WordPress? Por defecto, los íconos de redes sociales en WordPress tienen colores únicos. Esto puede ser genial, pero también puede arruinar tu diseño y branding si preferís personalizar cada color de manera individual para que coincida con la paleta de colores del sitio.

Por suerte, cambiar los colores de los íconos de redes sociales en WordPress es muy sencillo. Vamos a explorar cómo cambiar el color de los íconos de redes sociales en WordPress utilizando el bloque integrado de Íconos Sociales.

Cómo Cambiar el Color de los Íconos de Redes Sociales en WordPress con el Bloque Integrado de Íconos Sociales

Si estás usando íconos del bloque integrado de Gutenberg, cambiar los colores es fácil y rápido. Acá te lo explico paso a paso.

Primero, abrí el menú de bloques en el editor de Gutenberg. Buscá “íconos sociales” y hacé clic en el ícono correspondiente.

La interfaz del editor Gutenberg en WordPress. Una flecha destaca el botón de "Íconos Sociales" en la función de búsqueda de bloques.

Hacé clic en Agregar Nuevo Bloque.

La interfaz del editor Gutenberg en WordPress. Una flecha destaca el botón de "Agregar Bloque".

Buscá el ícono de la red social que querés usar. Acá tenés una lista de todos los íconos disponibles.

La interfaz del editor Gutenberg en WordPress. Una flecha destaca el botón para agregar un ícono de Instagram a una publicación.

Una vez que agregaste el ícono, agregá la URL del perfil al que querés enlazar.

La interfaz del editor Gutenberg en WordPress. Una flecha destaca el cuadro de texto para agregar una URL a un botón de red social.

Hacé clic en el bloque de íconos sociales para abrir el menú contextual en la barra lateral derecha. Hacé clic en Estilos.

La interfaz del editor Gutenberg en WordPress. Una flecha destaca el botón "Estilos" para el bloque de Íconos Sociales.

Tenés la opción de cambiar el color del ícono en sí y de su fondo.

La interfaz del editor Gutenberg en WordPress. Dos flechas destacan las configuraciones para cambiar el color de los Íconos Sociales y sus fondos.

Podés elegir entre varios colores preestablecidos y específicos del tema, o elegir tu propio color personalizado.

La interfaz del editor Gutenberg en WordPress. Una interfaz de paleta de colores te permite modificar el color del bloque de Íconos Sociales.

Después de cambiar los colores del ícono, guardá los cambios en la publicación, página o plantilla que estés editando. La próxima vez que veas el ícono en tu sitio en vivo, tendrá los colores que asignaste.

Una publicación de blog en WordPress. Una flecha destaca un bloque de Íconos Sociales mostrando el logo de Instagram.

Cambiá el Color de Tus Íconos de Redes Sociales en WordPress

Como podés ver, cambiar el color de los íconos de redes sociales es muy rápido y sencillo en WordPress. Todo lo que necesitás hacer es usar el bloque integrado de Íconos Sociales de la plataforma y acceder a su sección de Estilos. En la sección de Estilos, encontrarás las configuraciones para cambiar el color del ícono y el del fondo.

Con este conocimiento, podés empezar a darle a tus íconos de redes sociales el cambio que necesitan para ajustarse a tus ideas de diseño y branding.

Si encontraste útil este post, visitá nuestro blog y recursos para más ideas y guías.