Как вставить картинку в вордпресс

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

Настройка медиафайлов в WordPress

Вставить картинку в wordpress не вызовет трудностей. Но начну с другой, не менее важной информации. На многих сайтах дают инструкцию как вставить картинку в текст wordpress, но почему-то никто не говорит о настройках. После установки необходимо выполнить настройку wordpress. В разделе Настройки ⇒ Медиафайлы по умолчанию увидите такую картину.

Настройка медиафайлов

Обратите внимание, в каждом поле есть размеры в пикселях. Настоятельно рекомендую установить все значения на Ноль! И вот почему. При добавлении картинки на сайт wordpress создаёт также три! копии данного изображения. Итого получиться 4! (с учетом загружаемого размера) копии.

На хостинге в папке wp-content /uploads обнаружите 4 файла.

wordpress копии картинок

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

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

Перейдем непосредственно к тому, как вставить картинку wordpress.

Как вставить картинку в вордпресс

Считаем что на компьютере уже подготовлены картинки для установки на страницы сайта или в записи. В текстовом редакторе устанавливаете курсор в нужном месте записи и жмёте Добавить медиафайл.

как вставить картинку в вордпресс

Здесь есть выбор из трех вариантов.
  1. Загрузить файл с компьютера.
  2. Загрузить файл из библиотеки wordpress.
  3. Вставить с сайта.

Добавить изображение с компьютера

Нажимаете Загрузить файлы ⇒ Выберите файлы. В открывшемся окне выбираете файл с компьютера. Всё просто.

Добавить изображение из библиотеки wordpress

В консоли wordpress на вкладке Медиафайлы жмёте Добавить новый.

Библиотека файлов wordpress

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

Вставить картинку в вордпресс с сайта

Для того чтобы в wordpress вставить картинку с сайта надо нажать Вставить с сайта и указать URL картинки. Если не знаете где взять URL, подскажу. На сайте наводите мышкой на картинку, нажимаете правой кнопкой. В выпадающем окне выбираете Копировать адрес изображения.

как узнать адрес картинки

Настройка изображения wordpress

Неважно каким способом будете загружать картинку в wordpress надо выполнить настройки.

Заголовок — название картинки. Можно указать ключевое слово.

Подпись — при заполнении данного поля под картинкой на сайте будет видна эта запись.

Атрибут alt — поле обязательное для заполнения. Поисковые роботы считывают именно этот атрибут. В случае отсутствия в панели вебмастера будет предупреждение об ошибке на сайте. Также если у посетителя не отображается по каким-либо причинам изображение, они увидят эту запись. Желательно писать здесь ключевую фразу по какой продвигаете статью.

Описание — это поле тоже для поисковиков. Его можно не заполнять.

Выравнивание — здесь всё понятно. Указываете где будет располагаться картинка на странице.

Ссылка — здесь возможен выбор из 4 вариантов.

  • Произвольный URL — указываете адрес сайта куда перебросит посетителя при нажатии.
  • Медиафайл — при нажатии картинка откроется без сайта.
  • Страница вложения — при нажатии картинка откроется на странице с оформлением сайта.
  • Нет — при клике никаких действий не произойдет. Картинка не активна.

Можно вставить картинку в виджет в wordpress.

Вот вроде бы и всё. Такой простой вопрос как вставить картинку в вордпресс, а статья получилась довольно объемная. Думаю, теперь вы с легкостью будете выполнять это действие.

Желаю удачи! Украшайте свой сайт на wordpress полезными и красивыми изображениями.

С уважением, Павел Коновалов

Комментарии 3

  • Очень всё понятно и доступно изложено. Особенно важно для новичков. Будем теперь пользоваться вашими советами и рекомендациями.

  • Анна, пожалуйста! Статья и рассчитана в основном для начинающих.

  • А как вот просто без записи добавить изображения,везде только и пишут добавить картинку в запись и тд. я хотел бы знать как без записи добавлять картинки на сайт,вот допустим сделать блок портфолио. с картинками ведь там не нужен никакой текст запись?
    Спасибо!

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

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