¿Desea cambiar el color de selección de texto predeterminado en WordPress?
Puede hacer que su sitio de WordPress se destaque prestando atención a los pequeños detalles, como hacer que el color de la selección de texto coincida con el esquema de color de su sitio.
En este artículo, le mostraremos cómo cambiar el color de selección de texto predeterminado en su tema de WordPress.
¿Por qué cambiar el color de selección de texto predeterminado?
Los colores son una parte importante de la imagen de su marca, por lo que debe tomarse el tiempo para elegir el esquema de color perfecto. Aumentará el atractivo de su sitio para que sus visitantes permanezcan más tiempo, aumentando sus ventas y conversiones.
Un detalle que a menudo se olvida es el color de resaltado asignado al texto seleccionado. El color predeterminado no se verá bien en todos los sitios web.
Tu tema de WordPress puede darte la opción de cambiar este color, pero la mayoría no lo hace. De lo contrario, puede cambiar el color de selección de texto de su tema usando un complemento o un fragmento de código.
Solo se requiere un método, y a la mayoría de los usuarios les resultará más fácil usar un complemento. Puede usar los enlaces a continuación para cambiar a su método preferido.
- Método 1: usar un complemento para cambiar el color de la selección de texto
- Método 2: usar código para cambiar el color de la selección de texto
Método 1: usar un complemento para cambiar el color de la selección de texto
Color de resaltador personalizado es un complemento de WordPress que le permite seleccionar un color de selección de texto personalizado. Este es el método más simple, pero el resultado puede no ser exactamente el mismo en todos los navegadores web.
Lo primero que debe hacer es instalar y activar el Color de resaltador personalizado conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Una vez instalado, debe iniciar sesión en Apariencia »Personalizar en el tablero de WordPress. Luego debe seleccionar Colores en el menú.
Deberá hacer clic en el color resaltado para escribir el código hexadecimal del color deseado o usar el selector de color. Luego, simplemente haga clic en el botón Publicar para activar el nuevo color de resaltado.
Método 2: usar código para cambiar el color de la selección de texto
El segundo método utiliza un fragmento de código CSS. Esto puede ser complicado para los principiantes y cometer un error podría dañar su sitio web de WordPress.
Si es nuevo en los fragmentos de código, le recomendamos que consulte nuestra guía sobre cómo agregar fácilmente CSS personalizado a su sitio de WordPress. En este tutorial usaremos el personalizador de temas.
Lo primero que debe hacer es navegar hasta Apariencia »Personalizar en el tablero de WordPress. Una vez allí, debe hacer clic en CSS adicional en la parte inferior de la lista.
A continuación, simplemente copie y pegue los siguientes estilos.
::-moz-selection {
background-color: #ff6200;
color: #fff;
}
::selection {
background-color: #ff6200;
color: #fff;
}
Observe que hemos agregado dos estilos. El selector de selección CSS :: moz funciona con el navegador Firefox y el selector de selección CSS :: funciona con otros navegadores populares como Chrome, Safari, IE9 + y Opera.
No olvide cambiar el color de fondo para que coincida con el esquema de color de su tema. Cuando haya terminado, haga clic en el botón Publicar en la parte superior de la pantalla.
Ahora puede navegar por su sitio web para ver el cambio en acción. Aquí están las capturas de pantalla de antes y después de nuestro sitio web de prueba.
Esperamos que este tutorial le haya ayudado a aprender cómo cambiar el color de selección de texto predeterminado en WordPress.
También puede consultar nuestra guía sobre cómo elegir el mejor software de diseño web y consultar nuestra lista de los mejores complementos de creación de páginas de arrastrar y soltar de WordPress.
Si disfrutó de esta guía, entonces considere suscribirse a la nuestra. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook.
Cómo cambiar el color de selección de texto predeterminado en WordPress
¿Desea cambiar el color de selección de texto predeterminado en WordPress?
Puede hacer que su sitio de WordPress se destaque prestando atención a los pequeños detalles, como hacer que el color de la selección de texto coincida con el esquema de color de su sitio.
En este artículo, le mostraremos cómo cambiar el color de selección de texto predeterminado en su tema de WordPress.
¿Por qué cambiar el color de selección de texto predeterminado?
Los colores son una parte importante de la imagen de su marca, por lo que debe tomarse el tiempo para elegir el esquema de color perfecto. Aumentará el atractivo de su sitio para que sus visitantes permanezcan más tiempo, aumentando sus ventas y conversiones.
Un detalle que a menudo se olvida es el color de resaltado asignado al texto seleccionado. El color predeterminado no se verá bien en todos los sitios web.
Tu tema de WordPress puede darte la opción de cambiar este color, pero la mayoría no lo hace. De lo contrario, puede cambiar el color de selección de texto de su tema usando un complemento o un fragmento de código.
Solo se requiere un método, y a la mayoría de los usuarios les resultará más fácil usar un complemento. Puede usar los enlaces a continuación para cambiar a su método preferido.
- Método 1: usar un complemento para cambiar el color de la selección de texto
- Método 2: usar código para cambiar el color de la selección de texto
Método 1: usar un complemento para cambiar el color de la selección de texto
Color de resaltador personalizado es un complemento de WordPress que le permite seleccionar un color de selección de texto personalizado. Este es el método más simple, pero el resultado puede no ser exactamente el mismo en todos los navegadores web.
Lo primero que debe hacer es instalar y activar el Color de resaltador personalizado conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Una vez instalado, debe iniciar sesión en Apariencia »Personalizar en el tablero de WordPress. Luego debe seleccionar Colores en el menú.
Deberá hacer clic en el color resaltado para escribir el código hexadecimal del color deseado o usar el selector de color. Luego, simplemente haga clic en el botón Publicar para activar el nuevo color de resaltado.
Método 2: usar código para cambiar el color de la selección de texto
El segundo método utiliza un fragmento de código CSS. Esto puede ser complicado para los principiantes y cometer un error podría dañar su sitio web de WordPress.
Si es nuevo en los fragmentos de código, le recomendamos que consulte nuestra guía sobre cómo agregar fácilmente CSS personalizado a su sitio de WordPress. En este tutorial usaremos el personalizador de temas.
Lo primero que debe hacer es navegar hasta Apariencia »Personalizar en el tablero de WordPress. Una vez allí, debe hacer clic en CSS adicional en la parte inferior de la lista.
A continuación, simplemente copie y pegue los siguientes estilos.
::-moz-selection {
background-color: #ff6200;
color: #fff;
}
::selection {
background-color: #ff6200;
color: #fff;
}
Observe que hemos agregado dos estilos. El selector de selección CSS :: moz funciona con el navegador Firefox y el selector de selección CSS :: funciona con otros navegadores populares como Chrome, Safari, IE9 + y Opera.
No olvide cambiar el color de fondo para que coincida con el esquema de color de su tema. Cuando haya terminado, haga clic en el botón Publicar en la parte superior de la pantalla.
Ahora puede navegar por su sitio web para ver el cambio en acción. Aquí están las capturas de pantalla de antes y después de nuestro sitio web de prueba.
Esperamos que este tutorial le haya ayudado a aprender cómo cambiar el color de selección de texto predeterminado en WordPress.
También puede consultar nuestra guía sobre cómo elegir el mejor software de diseño web y consultar nuestra lista de los mejores complementos de creación de páginas de arrastrar y soltar de WordPress.
Si disfrutó de esta guía, entonces considere suscribirse a la nuestra. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook.
