Совет: создайте простую WordPress галерею за 5 минут

Совет: создайте простую WordPress галерею за 5 минут

От автора: фотографии и изображения – замечательный способ усилить сообщение, разбавить текст на вашем сайте и привлечь посетителей. Вы пользовались функцией в WP «добавить медиа» для вставки изображений на страницы и посты. Но что если нужно показать более одного фото в сетке превью? В сети полно плагинов для добавления функционала галереи в WP, но знали ли вы, что в WP есть встроенные галереи? В этом совете я пошагово покажу вам, как добавить галерею изображений в WP. Будет небольшой бонус в виде всплывающего lightbox, чтобы люди могли легко открыть полноразмерное изображение.

Как использовать функцию «создать галерею» в медиа загрузчике WordPress

1. Авторизуйтесь в панели администратора WP. Откройте страницу или пост, где нужно вставить галерею.

2. Поместите курсор в тексте в том месте, где необходимо вставить галерею, и кликните «добавить медиа».

Совет: создайте простую WordPress галерею за 5 минут

3. Кликните «создать галерею» слева.

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

Совет: создайте простую WordPress галерею за 5 минут

4. Теперь можно или «загрузить файлы» в медиа библиотеку, или выбрать уже загруженные изображения. Выберите «создать галерею».

Совет: создайте простую WordPress галерею за 5 минут

5. Изображения можно легко переставить. Для этого зажмите курсор на изображении и перетащите его в нужное место.

6. Далее можно выбрать предпочтительный способ «ссылки» на изображения. Опция «none» делает изображения некликабельными. Также можно выбрать ссылку на «страницу вложений» и «медиа файл».

Совет: создайте простую WordPress галерею за 5 минут

7. Откройте выпадающий список «колонки» и выберите необходимое число колонок для изображений.

Совет: создайте простую WordPress галерею за 5 минут

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

8. Откройте выпадающий список «размер» и укажите размер изображений.

Совет: создайте простую WordPress галерею за 5 минут

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

10. Галерея будет вставлена на место курсора. Для редактирования кликните в область галереи, затем нажмите на иконку карандашика. Для удаления галереи просто нажмите «Х».

Совет: создайте простую WordPress галерею за 5 минут

11. После нажатия «сохранить черновик» и «предварительный просмотр» вы должны увидеть вот такой пример:

Совет: создайте простую WordPress галерею за 5 минут

12. Можно расширить стандартную галерею WP. Для этого можно установить плагин, например, Responsive Lightbox by dFactory. По клику на превью будет открываться изображение в адаптивном слайдере.

Совет: создайте простую WordPress галерею за 5 минут

Заключение

Вот и все, простая WP галерея за 5 минут. Более подробно про стандартную галерею можно почитать в WordPress кодексе.

Автор: Chris Burgess

Источник: https://www.sitepoint.com/

Редакция: Команда webformyself.

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее
Самые свежие новости IT и веб-разработки на нашем Telegram-канале

WordPress-Профессионал

Посмотрите информацию по API WordPress, благодаря Вы сможете научиться писать плагины и виджеты

Научиться

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree