Paleta de colores wordpress

Add_theme_support( 'editor-color-palette)

Custom Colors está diseñado para que sea lo más sencillo posible actualizar la combinación de colores de su sitio con sólo unos pocos clics. Puede utilizarla para elegir una paleta de colores, ver sugerencias de colores, refinar con el selector de colores y aplicar patrones de fondo.

Las herramientas de colores personalizados están disponibles para los temas que admiten colores personalizados. Para saber si un tema es compatible con Colores personalizados, active el tema y vaya a Apariencia → Personalizar. Si el tema admite colores personalizados, verás una sección de Colores y fondos en el personalizador. Si falta, el tema no admite colores personalizados en este momento.

Cuando veas una paleta que te gustaría probar, simplemente haz clic en ella para aplicar los colores a la vista previa en vivo que se muestra a la izquierda.  Haz clic en los botones Más y Atrás para desplazarte por todas las paletas de colores disponibles.

Para abrir el selector de colores, haz clic en un color de la paleta actual y haz clic en el enlace que dice elige tu propio color. El selector de color tiene una red de seguridad para la accesibilidad. Si intentas elegir un color de enlace demasiado similar al color de fondo, el selector de color añadirá automáticamente contraste para que el texto sea legible.

Combinación de colores del personalizador de WordPress

Las grandes corporaciones gastan millones de dólares en la construcción de una imagen de marca bien elaborada y la identidad de sus productos. Contratan a expertos para elegir la combinación perfecta de colores para sus marcas y productos.

No hace falta decir que los colores necesitan un contexto para funcionar de la manera que usted quiere. Su marca o producto puede tener ya ciertas asociaciones que pueden funcionar o no con los colores que está eligiendo.

Por último, también debe tener en cuenta la accesibilidad. Una buena combinación de colores tendrá suficiente contraste para que sea fácilmente legible incluso si tus visitantes tienen problemas de visión, algo que hacen muchas personas en todo el mundo. Consulte nuestra guía sobre cómo mejorar la accesibilidad de su sitio de WordPress para obtener más consejos al respecto.

Con suerte, a estas alturas ya habrás pensado en los colores apropiados para tu sitio web teniendo en cuenta la psicología de los colores. Te recomendamos que elijas al menos dos colores que representen articuladamente tu marca, y la respuesta que quieres obtener de los usuarios.

Anteriormente conocido como Kuler, Adobe Color CC es una gran herramienta para generar paletas de colores. Puedes seleccionar reglas de color y luego hacer girar la rueda. Puedes ajustar manualmente cada color de la paleta y el resto de los colores se ajustarán automáticamente para coincidir con la regla de color. También puedes generar paletas de colores subiendo fotos.

Editor-color-palette

Hay muchas decisiones a gran escala que se toman para crear un sitio web, como la elección de un plan de alojamiento, la elección de un tema, etc. Es fácil olvidar que los elementos más básicos, como el color, también desempeñan un papel importante en el éxito de su sitio. De hecho, la elección de los esquemas de color para los sitios web es un paso de diseño que requiere una cuidadosa consideración.

Aunque pocos visitantes se fijarán en los colores de su sitio web de forma consciente (a no ser que opte por un esquema especialmente chocante), los tonos que utilice tendrán un efecto en la experiencia de la gente. Esto se debe en gran medida a que los diferentes colores tienen efectos psicológicos específicos. Por eso, hay que elegir tonos que se complementen eficazmente.

En este artículo, discutiremos la importancia del color cuando se trata de diseñar su sitio de WordPress. A continuación, le guiaremos a través del proceso de perfeccionamiento de los esquemas de color para los sitios web. ¡Empecemos!

Cuando se construye un nuevo sitio web, muchas personas simplemente lo diseñan en torno a cualquier color que les guste. Si lo que estás creando es un simple blog personal de WordPress, este enfoque puede estar bien. Sin embargo, si usted está buscando lograr un objetivo específico con su sitio web, usted querrá dar el color un poco más de pensamiento.

Creador de la paleta de colores

Hay un montón de artículos que explican cómo reemplazar la paleta de colores en Gutenberg. ¿Pero qué pasa si necesitas añadir un color a la paleta de colores por defecto en Gutenberg? No reemplazar todos los colores, sino añadir un color a los colores ya existentes?

Antes de añadir colores a una paleta de colores, primero necesitas obtener la paleta de colores en tu código PHP (a menos que desees reemplazar todos los colores de la paleta de colores por completo, en cuyo caso procede a la sección 3).

Para obtener los datos de theme.json, a partir de WordPress 5.8.0, podemos utilizar un objeto de la clase WP_Theme_JSON (ubicado en wp-includes/class-wp-theme-json.php). Para obtener una instancia de esta clase, podemos usar WP_Theme_JSON_Resolver::get_core_data() (para obtener sólo los datos del núcleo) o WP_Theme_JSON_Resolver::get_merged_data() (para obtener los datos del núcleo fusionados con los del tema).

Ahora puede comprobar la variable $colorPalette en el depurador. Para esto, necesitas configurar XDebug en tu entorno de desarrollo y configurar tu IDE. Por favor, vea este artículo para un ejemplo de uso de XDebug con un contenedor Docker de WordPress y una explicación de cómo configurar el depurador en PhpStorm.