Керування кольором — це спеціально розроблений вибір кольорів, який ви не знайдете більше ніде.
Це дозволяє вам обирати та регулювати кольори у форматах hex, rgba та hsl. Також включає глобальну палітру кольорів для збереження будь-якого кольору для подальшого використання в будь-якому іншому місці вашого сайту.
Визначте свою власну палітру кольорів за замовчуванням за допомогою фільтра esl/engine/color_palette.
Ви можете встановити CSS property на color або background-color як ілюструє приклад нижче.
class Prefix_Element_Color extends EslElement {// Встановити елементи керуванняpublic function set_controls() {// Колір тексту, застосований до '.prefix-element-test-title'$this->controls['exampleColor'] = ['tab' => 'content','label' => esc_html__( 'Колір заголовка', 'esl' ),'type' => 'color','inline' => true,'css' => [['property' => 'color','selector' => '.prefix-element-test-title',]],'default' => ['hex' => '#3ce77b','rgb' => 'rgba(60, 231, 123, 0.9)',],];// Колір фону, застосований до '.prefix-element-test-content'$this->controls['exampleBackgroundColor'] = ['tab' => 'content','label' => esc_html__( 'Колір фону', 'esl' ),'type' => 'color','inline' => true,'css' => [['property' => 'background-color','selector' => '.prefix-element-test-content',]],'default' => ['hex' => '#1ebea5','rgb' => 'rgba(30, 190, 165, 0.8)',],];}// Відобразити HTML-елементpublic function render() {echo '<h5 class="prefix-element-test-title">' . get_bloginfo( 'name' ) . '</h5>';echo '<p class="prefix-element-test-content">Просто якийсь текст ..</p>';}}Фільтр палітри кольорів
Додайте наступний PHP-код до файлу funcions.php вашої дочірньоїтемі, щоб додати свої кольори до палітри кольорів за замовчуванням (варіант #1) або замінити всі кольори за замовчуванням на свої власні кольори (варіант #2).
// functions.phpadd_filter( 'esl/engine/color_palette', function( $colors ) {// Вариант #1: Додати індивідуальний колір$colors[] = ['hex' => '#3ce77b','rgb' => 'rgba(60, 231, 123, 0.56)',];// Вариант #2: Перезаписати всю палітру кольорів$colors = [['hex' => '#3ce77b'],['hex' => '#f1faee'],['hex' => '#a8dadc'],['hex' => '#457b9d'],['hex' => '#1d3557'],];return $colors;} );Якщо ви зберегли будь-які користувацькі кольори в системі, вам потрібно скинути глобальні налаштування, щоб ваші нові за замовчуванням кольори набули сили.