Cambiar el color de fondo al seleccionar texto en WordPress

cambiar color texto seleccionado wordpress

Pues si, la diferencia está en los detalles, y si nos ponemos a personalizar nuestra web nunca hay límites a la hora de ofrecer una experiencia de diseño uniforme a nuestros visitantes.

Para rizar el rizo de la personalización y el diseño consistente, Brian Gardner nos anima a «tunear» el color de fondo con el que se decora un texto al seleccionarlo cuando visiten nuestro WordPress.

La idea es que, mediante CSS, ese color esté dentro de la paleta de nuestro diseño, y no el color por defecto del sistema del visitante. ¿Cómo se hace?, pues bien sencillo, sólo tienes que añadir una nueva clase CSS a tu hoja de estilos, normalmente con el nombre style.css y situada en la carpeta del tema activo donde, dentro de la sección del body, añadiremos lo siguiente:

/* Body */
::-moz-selection {
    background-color: #ff6200;
    color: #fff;
}
::selection {
    background-color: #ff6200;
    color: #fff;
}

En el ejemplo el código hexadecimal para el color (#ff6200) es un bonito color naranja, que deberás cambiar al que se ajuste a tu diseño.

El selector ::selection está soportado por IE9+, Opera, Google Chrome y Safari. El otro selector, ::-moz-selection es el que soporta Firefox, de ahí que tengamos que añadir ambos.

¿Te ha gustado el truco?, ¿lo vas a incorporar en tu WordPress?

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 4

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

8 comentarios en “Cambiar el color de fondo al seleccionar texto en WordPress”

  1. Lo malo es que ::selection lo han eliminado de la especificación, por lo que tenemos como recurso el uso de prefijos -moz, -webkit, etc.

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba
Ir al contenido