Изображения wordpress

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

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

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

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

медиафайлы

Клик для увеличения

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

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

Клик для увеличения

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

Вывод изображений wordpress в статьях

Итак, приступим к практике и разместим в статье свое первое изображение, для этого в админ. панели переходим добавить и выбираем запись или страницу

добавить запись

Клик для увеличения

Одним словом, создаем новую публикацию (запись, страницу) где будем размещать изображения.
Откроется вкладка Добавить запись

добавить изображение

Клик для увеличения

Указываем заголовок своей статьи (подчеркну красным) и переходим по в кладке добавить медиафайл → откроется окно вставить медиафайл

выбрать медиафайл

Клик для увеличения

Переходим (1), (2) выбираем за ранее заготовленное изображение, (3) открываем и вставляем, (4) вставляем в запись. С выходом версии вордпресс 3.9 данные действия можно не проделывать, а просто перетащить файл (изображения).

Теперь можно приступить к настройкам изображения

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

Клик для увеличения

1 загруженное нами изображение
2 редактировать — перейдя в этот раздел можно:

редактировать

повернуть почасовой стрелки
повернуть против часовой стрелки
отразить по вертикали
отразить по горизонтали
задать новый размер

Клик для просмотра
мастбировать

3 — настройки отображения файлов

Здесь можно задать
выравнивание (по центру, справа, слева, нет)
ссылка (медиафайл, страница вложения, произвольный урл, нет).
размер (миниатюра, средний, полный) их можно настроить, написано в начале статьи, вспоминаем.

После все настроек сохраняем и публикуем статью вот и изображение вставлено в статью.

Если необходимо вставить изображение слева или справа и по контуру текст тогда делаем это следующим образом.
В визуальном редакторе наводим курсором мыши на изображения и открываем его

визуальный редактор

Клик для увеличения

Откроется вкладка параметры изображения и указываем расположение (справа, слева, по центру) сохраняем.
И вот что получится

Клик для просмотра
изображение слева  оптекает текст

В принципе на этом все.

С уважением, Андрей Юрийчук

Черкани пару строк

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

WordPress: 7.68MB | MySQL:71 | 1,111sec