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

kak-vstavit-kartinki-v-vordpress

Всем привет! В этой статье я покажу, как вставить картинку в Вордпресс при опубликовании новой статьи.

Но вставить картинку — это еще не все.

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

Для того, чтобы вставленные картинки отображались в виде первью различных размеров, и их можно было увеличивать простым нажатием мышки, необходимо установить и активировать плагин Responsive Lightbox.

Давайте прямо сейчас этим и займемся, а потом уже начнем вставлять изображения. Кстати, с помощью этого плагина можно создавать галереи.

Как он работает, вы увидите на этой странице, потому что все рисунки отображаются здесь с помощью него.

Установка и активация плагина

Заходим в панель управления и открываем вкладку плагины. Нажимаем на кнопку [Добавить новый]:

изображение вордпресс

 

После этого становимся на поле [Поиск плагинов] и вводим название Responsive Lightbox:

поиск плагинов

 

Появляется список плагинов, из них выбираем плагин от dFactory. В этом же поле нажимаем на кнопку установить. Обратите внимание, что у меня стоит кнопка со словом активен. Это потому что я его уже установил, активировал и работаю с ним:

установить плагин

 

После установки и активации плагин появится в списке установленных. Переходим в настройки:

настроить плагин

На основной вкладке настраивается внешний вид всплывающего окна. Вы можете выбрать свой вариант, какой вам больше понравится:

настройки плагина

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

настроить плагин

Переходим к вставке изображений.

 

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

Нажимаем [Добавить медиафайл]:

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

 

Загрузить файлы:

загрузка изображения

 

В появившемся окне загружаем файл изображения одним из предложенных способов:

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

Выделяем загруженное изображение и нажимаем кнопку [вставить] в правом нижнем углу:

 

изображения в вордпресс

 

Выделяем вставленное изображение и жмем на редактирование:

wordpress вставить картинку

 

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

wordpress загрузка изображений

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

 

wordpress размеры картинок

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

Как вставить изображение записи

Изображение записи отображается в рубрике, в ленте анонсов опубликованных статей. Вставляется просто.

Как создать галерею рисунков

После нажатия на добавить добавить медиафайл, надо нажать на создать галлерею.

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

Для того, чтобы посмотреть промежуточный вариант, нажимаете «обновить галерею». Редактируется галерея так же, как и картинка, — простым выделением и нажатием на карандашик.

Как видите, вставить картинку в Вордпресс довольно просто. Плагин Responsive Light позволяет располагать картинки как отдельно, так и в галереях, в зависимости от поставленных задач.

 

 

 

 

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

© 2018 Заработок онлайн // Дизайн и поддержка: GoodwinPress.ru