Как вставить картинку на сайт - PopSite Популярный проект

Как вставить картинку на сайт

Как правильно оформить контент.

Привет всем!

Продолжая тему создания контента, в этой статье хочу подробно разобрать такой немаловажный вопрос, как размещение изображений на сайте. С вопросом «Как вставить картинку на сайт» сталкиваются многие новички, начинающие свою карьеру в Интернете.

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

Правильное оформление контента

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

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

Основные элементы оформления статьи

  1. Изображение является самым главный элементом в оформлении контента. Это могут быть скриншоты, различные рисунки и картинки, фотографии и инфографика.
  2. Для повышения читабельности текста применяют различные элементы, придающие тексту удобную структуру. Это могут быть маркированные списки, таблицы, подзаголовки разного размера, ссылки.
  3. Для визуального выделения элементов текста в статье можно применить цитаты, выдержки, видео.

Как вставить картинку на сайт в Консоли WordPress.

Для того, чтобы вставить картинку на сайт, необходима сама картинка. Когда я собираюсь размещать статью на свой сайт, я создаю отдельную папку и помещаю туда все файлы, необходимые для оформления. Это могут быть скриншоты, фото или инфографика.

Все медиафайлы я заранее оптимизирую и редактирую. Можно это сделать и в разделе «Медиафайлы», но мне удобнее так. Любые простые предварительные действия можно сделать в простом встроенном редакторе PowerPoint или PaintNet. В другой статье я планирую сделать подробный обзор одного из этих редакторов.

Сейчас будем исходить из того случая, когда у нас уже есть папка с файлами. Итак, заходим в админ-панель сайта и находим в левой панели «Медиафайлы». Переходим на вкладку «Добавить новый»

Как вставить картинку на сайт

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

Как вставить картинку на сайт

Чтобы воспользоваться этим методом, размещаем два открытых окна вместе(одно с медиафайлами и окно в консоли)и простым движением мышки перетаскиваем файлы.

Как вставить картинку на сайт

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

Как вставить картинку на сайт

Я обычно использую второй способ. Это значит что нужно нажать на кнопку «Выберите файлы» и выбрать свою папку с нужным файлом.

Как вставить картинку на сайт

Нажимаем на нужную нам картинку, проверяем, что появилась запись в поле «имя файла» и жмем на кнопку «отправить». Вот так легко в три действия мы загрузили картинку на сайт.

Как вставить картинку на сайт

Таким образом мы можем загрузить сразу несколько картинок. Повторяя все те же действия, но при выборе файла выделяя несколько изображений, мы можем загрузить сразу все необходимые изображения.

Если вы теперь зайдете в раздел «Медиафайлы», вы увидите в нем все загруженные картинки.

Как вставить картинку на сайт

При нажатии на любую из них вы попадаете в раздел, где сможете отредактировать выбранное изображение и оптимизировать его. Здесь же вы сможете и удалить изображение.

Как вставить картинку на сайт

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

Как вставить картинку на сайт при размещении статьи.

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

Переходим по вкладке «Все записи» и попадаем на страницу со всеми записями. В этом разделе отображаются опубликованные записи, черновики и удаленные записи, которые тоже сохраняются, пока вы не очистите корзину.

Как вставить картинку на сайт


Здесь вы можете выбрать из списка любую запись, чтобы отредактировать, изменить, доработать либо удалить.

Вставляем картинку прямо в записи

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

Как вставить картинку на сайт

В появившемся окне с различными блоками, выбираем вкладку «Изображение» и переходим.

Как вставить картинку на сайт

Здесь мы видим, что нам доступно три способа размещения картинки. Это из «библиотеки файлов», куда мы загружали изображения ранее, «вставить с сайта» и «загрузить».

Как вставить картинку на сайт


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

Как вставить картинку на сайт

Это все. Изображение успешно размещено. И вы можете таким образом размещать картинки, фото и другие медиафайлы и в другие свои записи.

Спасибо за внимание и ВСЕГО ДОБРОГО. Надеюсь, что статья была полезной и помогла вам справится с еще одной задачей.

Удачи и Успехов вам!


Как вставить картинку на сайт

Другие статьи схожей тематики

Как выбрать тему для статьи

Как начать писать статьи

Тема и идея статьи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Top