Как загрузить, редактировать, настраивать изображение и галерея WordPress

  Автор:
  2276
галерея для wordpress

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

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

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

  • Ставите мышку туда, где будет находиться картинка;
  • Жмёте на кнопку «Добавить медиафайл».

галерея для wordpress

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

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

галерея для wordpress

Параметры файла

Какую информацию о файле можете узнать и заполнить:

  1.  Информация о файле: Само изображение с названием, дата загрузки, вес, размер ссылки «Редактировать, удалить навсегда»
  2.  Данные:

  • URL — ссылка на изображение;
  • заголовок — он не отображается, и не виден;
  • подпись — её видят читатели, отображается под изображением, заполняете, если есть желание;
  • атрибут alt — читатели видят, когда изображение не отображается, пишете заголовок статьи или ключевые слова, этот атрибут очень важен для поисковиков — заполнять его надо обязательно;
  • описание — ни кто его не увидит

галерея для wordpress

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

выравнивание файла

Ссылка — есть 4 варианта:

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

Страница вложения — для каждой картинки есть своя страница, и каждая картинка имеет свой уникальный id, и если вставите эту ссылку в браузер, то откроется такая же страница, как и для записи, но только без текста;

Произвольный URL — пишете любую ссылку и при клике на картинку будет переход по ссылке, которую вы указали, то есть чтобы читатель перешёл на другую страницу или сайт

Нет — картинка будет картинкой без ссылки.

выравнивание файла

Панель быстрого редактирования изображения

Расположение изображения:

Переходите во вкладку «Визуально»;
щёлкаете по изображению левой кнопкой мыши и во всплывающем окне выбираете необходимое расположение:

  • по левому краю
  • по центру
  • по правому краю
  • нет

выравнивание файла

Кнопка «Карандаш» — всё остальное, коме выравнивания, можно изменить через кнопку «Карандаш»:

  • Переходите во вкладку «Визуально»;
  • затем кликаете по галерее левой кнопкой мыши и во всплывающем окне кликаете по иконке «Карандаш» — «Изменить».

выравнивание файла

Нажимаете на кнопку «Изменить» и открываются «параметры изображения»

выравнивание айла

справа сама картинка, слева настройки.

вставка файла

Подпись — её будет видеть читатель, отобразиться под изображением, можно делать по желанию.

Атрибут alt — этот атрибут читатели не могут видеть, а смогут увидеть только тогда, когда не будет отображаться, по какой-либо причине, картинка. Его прописывать Обязательно! Он очень важен для поисковиков.

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

параметры файла

Дополнительные настройки

дополнительные настройкм

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

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

«Открывать в новом окне/вкладке» — если это произвольная ссылка, ставите галочку и «открывается в новом окне»

Отношение — это отношение к странице перехода, используется для поисковых ботов nofollow — указание не следить и бот не перейдёт с вашего сайта, т.е останется на вашей страничке. Это надо использовать, если вы даёте ссылку на чужой ресурс, а не на ваш.

Если обобщить, то в доп. настройках только прописывайте aтрибут title — всё остальное для «продвинутых».

Как вставить галерею в запись

Если вы хотите вставить несколько картинок, то необходимо создать вам галерею.

Создание галереи

Галерею можно создать двумя способами:

  • загрузить файлы с вашего компьютера
  • из библиотеки файлов

Загрузить файлы с вашего компьютера

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

вставка файла

  • Во всплывающем окне слева переходите в раздел «Создать галерею»;
  • затем переходите во вкладку «Загрузить файлы»;
  • нажимаете на кнопку «Выберите файлы» — можно выбрать несколько файлов.

создать галерею

  • После того, как загрузятся файлы, автоматически открывается вкладка «Библиотека файлов» и все загруженные файлы отмечены галочкой;
  • внизу отобразятся миниатюры для галереи и их количество;
  • нажмёте на кнопку «Создать новую галерею».

создать галерею

Существует различие между «Вставить медиафайл» и «Создать галерею»

Да, есть.  Если вы находитесь во вкладки «Вставить медиафайл», то вы не сможете отметить галочкой две картинки, а во вкладке «Создать галерею» можно отметить несколько картинок.

После нажатия кнопки галерея появляется на вашей странице

Как вставить галерею из библиотеки?

  • Во всплывающем окне слева переходите в раздел «Создать галерею»;
  • переходите во вкладку «Библиотека файлов»;
  • отмечаете необходимые картинки галочкой, отмеченные картинки вы увидите внизу;
  • нажимаете кнопку «Создать новую галерею».

создать галерею

Настраиваете и вставляете галерею

Ссылка — Медиафайл, больше ничего не ставите
Колонки — 4, можно и другие, но будет не красиво
Случайный порядок — можете поставить по желанию
Размер — Миниатюра, можно и другие размеры, но будет выглядеть ни красиво
Нажимаете на кнопку «Вставить галерею»

галерея для wordpress

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

галерея для wordpress

Галерея на блоге будет выглядеть:

галерея для wordpress

Если в статье вы кликните по картинке из галереи, то экран станет тёмным, а картинка всплывёт в большем размере.

галерея для wordpress

Какие проблемы могут возникнуть с галереей?

1 Изображения в галереи искажены (вытянуты, сжаты)

галерея для wordpress

Какая причина и какое решение:

В настройках галереи «Размер» обязательно должна быть «Миниатюра», если выберите что-то другое, то будет искажение изображения.

галерея для wordpress

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

Какая причина и какое решение:
В настройках галереи «Ссылка» обязательно должен стоять «Медиафайл»

галерея для wordpress

Редактирование галереи

  • Переходите во вкладку «Визуально»;
  • кликаете по галерее левой кнопкой мыши и во всплывающем окне нажимаете на иконку «Карандаш» и «Изменить»

галерея для wordpress

Нажав на кнопку «Изменить» переходим на страницу «Редактировать галерею»:

галерея для wordpress

где можно редактировать:

  1.  Сортировка изображений, т.е менять местами — это кнопка «В обратном порядке» или перетаскивание
  2.  Удалять ненужные изображения — нажимаете на крестик справа вверху
  3.  Добавление изображений в галерею — Слева переходите в раздел «Добавить в галерею»

После этого обязательные «Настройки галереи»

Ссылка — Медиафайл
Колонки — 4
Размер — Миниатюра
Нажимаете на кнопку «Вставить галерею»

Заключение

Изучив данную статью, вы с лёгкостью сможете загрузить, редактировать, настраивать изображение, а так же создать и фото галерею WordPress.

Удачи и успеха
С уважением, Людмила Устьянцева

Вы также можете почитать статьи:

Что такое оптимизация изображения для поисковиков
Обзор. Медиафайлы в редакторе
Как сделать картинку уникальной

Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Оставьте свой комментарий:
2 комментария
  1. Очень доступно все написано. Как раз для начинающих.

на Блоге
в Вконтакте
в Фейсбук