08. Elementor Free | Как работать с «Пипеткой цвета» редактора Elementor.

  Автор:
  114
How to work with Elementor's Color Picker

(8 видео урок из 100+ видео уроков пошагового видео курса «Elementor — от новичка до профи«. Новый видео урок завтра.)

В этом видео уроке мы рассмотрим возможность брат цвет на странице с помощью нового инструмента редактора Elementor  — «Пипетка», чтобы этот цвет автоматически окрашивал в этот цвет другие создаваемые элементы страницы.

Откройте любую страницу в Elementor какую Вы хотите отредактировать. Смотрите видео урок ниже.

Для примера, в этом видео уроке, мы будем работать с цветом кнопкой.

Ранее мы определяли цвет кнопки с помощью пипетки в браузере от компании ColorZilla. Теперь же мы можем воспользоваться инструментом встроенным в Elementor.

Как это делается (См.видео урок).

Кликаем «Редактировать кнопку». Переходим в раздел «Стиль», далее, выбираем тип фона «Градиент». И здесь у нас смотрим первый цвет и второй цвет.

 

 

Чтобы взять цвет с текста, которые окрашен, например, фиолетовым цветом, нужно нажать на кнопку «Цвет», далее на «Выбор цвета». И вот здесь появляются новые инструменты, среди которых инструмент с названием «Сэмплер цветов».

 

Нажимает на значок пипетки и наводим ее на тот элемент цвет которого мы хотим взять. Все, что нужно, чтобы цвет взять, это кликнуть на этот цвет левой кнопки мыши. Цвет автоматически копируется.

Второй вариант — это взять цвет с картинки. Здесь Elementor, при наведении питетки на картинку, предоставляет нам целую палитру цветов. Взяв цвет пипеткой на картинке мы можем автоматически заменить цвет текста на цвет картинки (См. видео урок).

Также, мы можем сделать выбранные при помощи пипетки  цвета глобальными.  Для этого нажимаем на кнопку «Плюс» в инструментах цвета,

далее называем этот цвет, и нажимаем на кнопку «Создать». Все теперь этот цвет у нас глобальный (см. видео урок).

Где прописываются глобальные цвета и как сними работать я рассказывала в видео уроке «07. Настройка шрифта и цвета редактора Elementor. Типовые ошибки.«.

Как используется глобальной цвета.

Для этого, выбрав нужный текст для редактирования, нажимаем на значок глобуса.

В открывшимся окне у нас отображаться будут все глобальные цвета, которые мы можем использовать для окрашивания других элементов создаваемой страницы сайта на WordPress.

 

Далее, установив нужный глобальный цвет для текста страницы редактируем его расположение.

В следующем видео уроке Вы узнаете как определить какие шрифты, встроенные в Elementor, работают с кириллицей.

Присоединяйтесь к курсу «Elementor — от новичка до профи» прямо сейчас, не дожидаясь окончания серии из 100+ видео уроков, и уже сегодня на практике начните применять Elementor для создания страниц и лендингов для себя или на заказ.

Для детального ознакомления с содержанием видео курса переходите по этой ссылке или нажмите на картинку.

Добро пожаловать на мой видео курс "Elementor - от новичка до профи".
Добро пожаловать на мой видео курс «Elementor — от новичка до профи».

 

 

08. Elementor Free | Как работать с «Пипеткой цвета» редактора Elementor.

   1 голос
Средняя оценка: 5 из 5
Вам понравилась статья? Буду очень благодарна Вам если поделитесь ею в социальных сетях - просто нажмите на кнопки ниже:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик многофункционального шаблона "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов разного назначения на WordPress. Основатель клуба "Мастер WordPress" и автор курсов по создании и применению сайтов на WordPress. Фрилансер. Предприниматель. Спикер.

Как создать свой сайт на WordPress с закрытыми и отрытыми онлайн - курсами, с универсальным интернет - магазином, профессиональным блогом и высоко конверсионными лендингами для заработка в интернете 2022
Оставьте свой комментарий:

Ваш адрес email не будет опубликован.