Изменение текста и картинок на сайте в elementor

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

Тема: «Редактирование текста и картинок на сайте»

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

На рисунке 1 представлена консоль WordPress, курсор мыши наведен на элемент «Перейти на сайт», при нажатии на который выполнится переход на главную страницу сайта.

Консоль WordPress
Рисунок 1 – Консоль WordPress

На рисунке 2 курсор мыши наведен на элемент «редактировать elementor», при нажатии на который начнется загрузка редактора, что позволит осуществить изменения основных элементов страницы.

Как перейти в редактор elementor
Рисунок 2 – Как перейти в редактор elementor

Для начала разберем такие элементы как текст и изображения.

Редактирование изображений в elementor

Для того чтобы изменить изображение, требуется навести мышкой на изображение и нажать на голубой квадрат с изображением карандаша в правом верхнем углу элемента (на него в данный момент наведен курсор мыши) рисунок 3.

Выбор элемента для изменения
Рисунок 3 – Выбор элемента для изменения

После нажатия на «карандаш» слева появится миниатюра изображения. При нажатии на миниатюру изображения, представленную на рисунке 4,

Редактирование изображения elementor
Рисунок 4 – Редактирование изображения

перед Вами откроется библиотека файлов. В данном окне, (см. рисунок 5) отображаются все файлы, которые были загружены на сайт ранее. Также они будут появляться в этой библиотеке и при загрузке последующих файлов.

Окно выбора изображения elementor
Рисунок 5 – Окно выбора изображения

В этом же окне присутствует возможность загрузить файл из любой папки на Вашем компьютере, для этого потребуется нажать на вкладку «Загрузить файлы». После выбора изображения (которое Вы хотите заменить) станет активна кнопка «Вставить медиа», после ее нажатия изображение будет изменено.

Готово! Изображение изменено!

Изменение текста в Elementor

Для того чтобы изменить текст на сайте требуется навести мышкой на изображение и нажать на голубой квадрат с изображением карандаша в правом верхнем углу элемента (на который в данный момент наведен курсор мыши) рисунок 6. Слева откроется окно  редактора текста, в данном окне появляется возможность изменять и редактировать уже используемый текст, а так же можно вставлять скопированный текст. Аналогичным образом редактируется любой текст, который имеется на сайте. Почти все тексты на сайте имеют возможность изменения именно через данный редактор текста. У текстов может быть разный визуальный вид, однако способ их изменения будет идентичным.

Редактирование текста elementor
Рисунок 6 – Редактирование текста elementor

Изменение иконок с текстом в Elementor

Иконка с текстом редактируется похожим способом. При этом использовать иконку можно любую, которая Вам понравится. Для изменения иконки текста требуется произвести нажатие на нее. Слева откроется редактор иконки, заголовок иконки и основной текст иконки, которые Вы также можете изменять, представлены на рисунке 7.

Редактирование текста с иконкой elementor
Рисунок 7 – Редактирование текста с иконкой elementor

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

Редактирование текста кнопки elementor
Рисунок 8 – Редактирование текста кнопки elementor

Спасибо за внимание.

В Следующем уроке мы разберем тему “Колонки и секции”.