Как добавлять и редактировать изображения на сайте?
Вы написали статью и разместили её на сайте. Но один текст выглядит на экране очень скучно. Чтобы удерживать внимание читателей и поддерживать их интерес к Вашему сайту, нужно добавлять какие-то изображения, то есть, разбавлять текст тематическими картинками.
Чтобы добавлять изображения в тексты, их нужно готовить: скачивать картинки из интернета, делать фотографии или создавать их с помощью специальных программ типа «Canva».
Где найти изображения для текста
1. В браузере пишете «Картинки».
2. Открываются картинки обо всем.
3. В поиске пишете, о чем Вам нужны картинки.
Например, «Компьютер в офисе».
4. Вам открываются картинки по Вашей тематике.
5. Нажимаете на понравившуюся картинку ЛКМ и она открывается в новом окне.
6. Нажимаете на картинку ПКМ и выбираете «Сохранить как».
7. Вам предлагается выбрать папку для сохранения картинки.
8. Выбираете папку для сохранения картинки, даете название картинке, чтобы не потерять её, и нажимаете «Сохранить».
9. Картинка сохраняется на Вашем компьютере.
Как загрузить изображение в статью?
1. Вверху нажимаете на название сайта и выбираете «Перейти в консоль».
2. Слева нажимаете «Записи».
3. Нажимаете на название Вашей статьи.
4. Открывается редактор с Вашей статьей.
5. Ставите курсор на начало второго абзаца и нажимаете «Enter».
6. Вверху нажимаете «Добавить медиа файл».
7. На новой странице нажимаете «Загрузить файлы».
8. Нажимаете «Выберите файлы».
9. Находите папку, где Вы сохранили картинку и нажимаете на картинку ЛКМ.
10. Нажимаете «Открыть».
11. Картинка загружается в библиотеку WordPress.
12. Нажимаете на картинку ЛКМ и внизу нажимаете «Вставить в запись».
13. Картинка появляется в статье.
14. Справа нажимаете «Обновить».
15. Вверху нажимаете «Просмотреть запись».
16. Вы видите, что картинка появилась в тексте на сайте.
Но картинка маленькая и не смотрится в статье.
Как отредактировать изображение?
1. Вверху нажимаете «Редактировать запись».
2. В редакторе нажимаете на картинку ЛКМ.
3. Появляется панель инструментов редактора изображений.
4. Нажимаете на значок «Изменить».
5. Открывается окно редактирования изображений.
6. Здесь можно изменить положение картинки в тексте – оставляете «Нет».
7. Задаете размер картинки – выбираете «Donovan».
8. Внизу нажимаете «Обновить».
9. Снова нажимаете на картинку ЛКМ.
10. В инструментах выбираете «По центру».
11. Нажимаете справа «Обновить».
12. Вверху нажимаете «Просмотреть запись».
13. Вы видите на сайте, что картинка стала большой, установлена по центру и цепляет взгляд.
14. При необходимости, добавляете еще картинки в текст.
Обратите внимание! Картинки можно редактировать в библиотеке.
Для этого:
— нажимаете на загруженную картинку в библиотеке;
— открывается редактор изображений;
— Вы можете обрезать картинку, повернуть её, масштабировать, изменить размер.
Важно! Все картинки в тексте должны быть одинаковой ширины. Поэтому ширину изображений делаете «Произвольную» и устанавливаете «725» или «900».
Когда Вы заходите на свой сайт, то видите заголовок последней статьи и далее идет анонс статьи.
Сделаем картинку для анонса статьи.
Существует 2 варианта создания картинки для анонса статьи в зависимости от темы WordPress.
Вариант 1.
1. Переходите в консоль управления сайтом.
2. Слева нажимаете «Записи».
3. Выбираете Вашу запись и нажимаете «Изменить».
4. Открывается редактор записи.
5. Нажимаете на первую картинку и удаляете её.
6. Удаляете пробел на месте, где была картинка.
7. Поднимаетесь в верх статьи и перед первым предложением ставите курсор. Делаете пробел (нажимаете Enter).
8. Вверху нажимаете «Добавить медиа файл».
9. В библиотеке выбираете удаленную картинку и нажимаете на неё ЛКМ.
10. Внизу справа нажимаете «Вставить в запись».
11. Картинка появляется в начале статьи.
12. Нажимаете «Обновить», «Просмотреть запись».
13. Вы видите, что на сайте в начале статьи картинки нет.
Это особенность темы Donovan. Для неё и некоторых других шаблонов тем для WordPress картинки для анонса статьи нужно добавлять другим способом.
Вариант 2.
1. Вверху на сайте нажимаете «Редактировать запись».
2. Открывается редактор записи.
3. Справа внизу нажимаете «Установить изображение записи».
4. Открывается библиотека изображений.
5. Выбираете удаленную картинку и нажимаете на неё ЛКМ.
6. Внизу справа нажимаете «Установить изображение записи».
7. В редакторе справа внизу в блоке «Изображение записи» появилась выбранная картинка.
8. Нажимаете «Обновить», «Просмотреть запись» .
9. Вы видите на сайте, что перед статьей появилось изображение. Но после заголовка статьи опять идет та же картинка.
10. Удаляете эту картинку.
Для этого:
— вверху нажимаете «Редактировать запись»;
— выбираете картинку в статье;
— нажимаете в инструментах на значок «х» (удалить);
— картинка удаляется.
11. Нажимаете «Обновить», «Просмотреть запись».
12. Вы видите, что на сайте перед заголовком есть картинка.
13. Нажимаете на кнопку «Читать далее» и видите, что в статье осталась только одна картинка перед заголовком.
Я рассказал в статье, как добавлять изображения в статью, редактировать изображения, вставлять изображения для анонса статьи. Ваша статья станет привлекательной для глаз посетителей сайта и, если Ваш анонс статьи заинтересует читателя, он нажмет кнопку «Читать далее» и прочтет всю статью!
Если Вы хотите научиться сами создавать изображения, то можете перейти по ссылке и получить бесплатный PDF-отчет «Создание картинок на сервисе Canva».
Жду Ваши комментарии под этой статьей: понравилась ли Вам статья, было ли Вам это интересно, помогло ли Вам это в работе? Напишите несколько слов и дайте обратную связь.
С уважением к Вам и пожеланием успеха, Александр Журавлев
