От автора: фотографии и изображения – замечательный способ усилить сообщение, разбавить текст на вашем сайте и привлечь посетителей. Вы пользовались функцией в WP «добавить медиа» для вставки изображений на страницы и посты. Но что если нужно показать более одного фото в сетке превью? В сети полно плагинов для добавления функционала галереи в WP, но знали ли вы, что в WP есть встроенные галереи? В этом совете я пошагово покажу вам, как добавить галерею изображений в WP. Будет небольшой бонус в виде всплывающего lightbox, чтобы люди могли легко открыть полноразмерное изображение.
Как использовать функцию «создать галерею» в медиа загрузчике WordPress
1. Авторизуйтесь в панели администратора WP. Откройте страницу или пост, где нужно вставить галерею.
2. Поместите курсор в тексте в том месте, где необходимо вставить галерею, и кликните «добавить медиа».
3. Кликните «создать галерею» слева.
4. Теперь можно или «загрузить файлы» в медиа библиотеку, или выбрать уже загруженные изображения. Выберите «создать галерею».
5. Изображения можно легко переставить. Для этого зажмите курсор на изображении и перетащите его в нужное место.
6. Далее можно выбрать предпочтительный способ «ссылки» на изображения. Опция «none» делает изображения некликабельными. Также можно выбрать ссылку на «страницу вложений» и «медиа файл».
7. Откройте выпадающий список «колонки» и выберите необходимое число колонок для изображений.
8. Откройте выпадающий список «размер» и укажите размер изображений.
9. Добавьте заголовок, альтернативный текст для каждого фото. Также можно добавить подпись, которая будет отображаться под изображением.
10. Галерея будет вставлена на место курсора. Для редактирования кликните в область галереи, затем нажмите на иконку карандашика. Для удаления галереи просто нажмите «Х».
11. После нажатия «сохранить черновик» и «предварительный просмотр» вы должны увидеть вот такой пример:
12. Можно расширить стандартную галерею WP. Для этого можно установить плагин, например, Responsive Lightbox by dFactory. По клику на превью будет открываться изображение в адаптивном слайдере.
Заключение
Вот и все, простая WP галерея за 5 минут. Более подробно про стандартную галерею можно почитать в WordPress кодексе.
Автор: Chris Burgess
Источник: //www.sitepoint.com/
Редакция: Команда webformyself.
