Cómo agregar color Preset a WordPress Customizer (en 5 pasos)

En este artículo, aprenderá cómo agregar color preset a la personalización de WordPress. Elegir un esquema de color sólido para su sitio puede ayudar a fortalecer la marca y demostrar profesionalismo. Sin embargo, agregar manualmente ciertos colores cada vez que personaliza el tema puede ser bastante agotador. Una forma de simplificar el proceso es agregar color preset a las aduanas de WordPress. En esta publicación, explicaremos cuál es el preajuste de color y por qué es posible que desee usarlos al diseñar su sitio. Luego le mostraremos cómo agregarlos al personalizador de WordPress en cinco simples pasos. ¡Vamos a empezar!
Los beneficios del uso de color Preset para construir páginas de WordPress que use en su sitio web juega un papel esencial en su marca. La creación de un aspecto coherente y coherente en su sitio demuestra profesionalismo y credibilidad. Después de seleccionar la paleta de colores de marca, el siguiente paso es usarla en sus publicaciones y páginas gracias a WordPress Customizer, cambiar los colores que aparecen en su contenido puede ser un proceso simple. La paleta predeterminada en WordPress personalizada se puede encontrar en el cuadrado de selección de color:

Los cuadrados de colores son su color preajuste. Sin embargo, como probablemente notó, los colores predeterminados no coinciden con la paleta única de su marca.
Además, reintroducir los valores hexadecimales de su marca cada vez que desee usarlos puede llevar mucho tiempo. Afortunadamente, puede reemplazar estos cuadros con sus colores personalizados insertando algunos fragmentos de código en su archivo de tarea agregando su propia configuración de color al uso personalizado. En cambio, sus colores están fácilmente disponibles bajo el selector de personalizador. Creación de color Preset para su sitio web también lo ayuda a asegurarse de que sea consistente en su sitio, esto es especialmente útil si tiene más personas que contribuyen a su sitio. Para que los usuarios seleccionen el tono incorrecto. Cómo agregar colores preestablecidos al personalizador de WordPress (en 5 pasos) ahora que entendemos los beneficios de usar color preset en su sitio, para ver cómo crearlos. En este tutorial, le mostraremos cómo agregar color Presets al personalizador de WordPress en cinco pasos. Paso 1: Cree una copia de seguridad de su sitio agregando el preajuste de color que necesita para editar el archivo Functions.php del tema. Antes de comenzar, le recomendamos que haga repuesto para su sitio. Si algo no va bien, tendrá la versión anterior de su sitio para restaurar.
Hay una serie de métodos que puede usar para hacer una copia de seguridad de su sitio. Uno de los más livianos es usar un complemento como UpdraftPlus:
Esta herramienta Freemium le permite hacer una copia de seguridad de su sitio en solo unos pocos clics. También puede elegir entre varias ubicaciones fuera del sitio para almacenar archivos, incluidos Google Drive y Dropbox. Paso 2: Cree un tema para niños Si realiza cambios directamente en los archivos de su tema, hay altas posibilidades de que se sobrescriban la próxima vez que el tema tenga una actualización. Para evitar esto, siempre debe crear y usar un tema infantil al agregar un código personalizado. Hay diferentes formas en que puede hacerlo. Por ejemplo, Beaver Builder viene con un tema infantil que puede instalar. Si usa otro tema, también puede crear un niño en blanco. Hay complementos gratuitos de WordPress que pueden crear un tema infantil para usted. Después de agregar un tema secundario, asegúrese de activarlo para mirar>.

Paso 3: Agregue el código a las funciones de las funciones.php del tema de su hijo después de haber creado el tema infantil, explore el editor de temas de apariencia en el tablero de WordPress. Asegúrese de que el tema infantil se seleccione desde el menú desplegable en la parte superior de la pantalla. Tenga en cuenta que si no ve el editor de temas en el menú de administración, un enchufe de seguridad puede haberlo ocultado.
En el panel correcto, busque las funciones del archivo.php en las funciones del tema:

Luego agregue el siguiente código al archivo: // Cambia los Presettacks de la paleta de colores del personalizador
add_action (‘personalize_controls_print_footer_scripts’, function () {

?>

JQuery (documento) .Ready (function ($) {
$ (‘. WP-Picker-Container’). Iris ({
Mod: “HSL”,
pedidos: {
Horiz: “H”, // El cuadrado horizontal muestra la sombra
vert: ‘s’, // pantallas verticales cuadradas satuiețiebandanda: ‘l’ // El control deslizante muestra el brillo
},
Pallets: [‘#91472c’, ‘#6d775f’, ‘#f9fffb’, ‘#546a76’] })
});

Con este código, podrá reemplazar las cajas que aparecen debajo del cuadrado de selección de color con los colores predeterminados que desea usar.
Paso 4: Cambie las prensas de color en el personalizador y luego, puede cambiar, agregar o eliminar los colores hexadecimales en el parámetro de la paleta. El número de cuadros que se muestran en Customizer reflejará la cantidad de colores que especifique en este código. Ingrese cuántos colores hexagonales desea incluir en su paleta cuando haya terminado, haga clic en el botón de actualización del archivo en la parte inferior del editor de tareas para guardar los cambios. Paso 5: Vista previa de los cambios para confirmar que la función del preajuste de color funciona después de actualizar sus cambios, lo único que debe hacer es confirmar que el preajuste de color es visible en la aduana de WordPress.
Para hacer esto, recargue su página de su sitio en su navegador, luego explore el personalizador. Bajo el selector de color, debería ver los colores hexagonales que acaba de agregar:
Si los cuadrados y los diapositivos de selección de color no se comportan como desee, puede variar los parámetros HSL para ajustar el tono, la saturación y el brillo. Si todo es correcto, ¡estás listo! Ahora ha agregado su propia configuración de color a la aduana de WordPress. Puede volver al archivo Functions.php del tema para modificar, agregar o eliminar estos colores. Conclusión Al diseñar su sitio web de WordPress, probablemente desee usar los colores de su marca en sus páginas y publicaciones, sin embargo, su manual que se suma a su contenido puede consumir mucho tiempo. Afortunadamente, puede crear un preajuste de color para reemplazar la paleta predeterminada. En esta publicación, le mostré cómo agregar el preajuste de color al personalizador de WordPress en cinco pasos simples:
Copia de seguridad para su sitio.
Crea un tema infantil.

Agregue el código al archivo Functions.php del tema de su hijo.
Modifique, elimine y agregue el preajuste de la paleta de colores en el parámetro aduanero.
Vista previa de cambios en personalizador para confirmar que todo funciona correctamente.
¿Tiene alguna pregunta sobre cómo agregar color preset a WordPress Aduana? ¡Háganos saber en la sección de comentarios!