Бесплатные курсы по it-профессиям на FreeTutorials.ru.

х
Наверх

Создание фотогалереи на Wordpress

Фотогалерея — это красиво, удобно и востребовано. Сейчас вы узнаете, как создать небольшую и простую, но достаточно привлекательную галерею изображений.

1. Откройте редактор страницы фотогалереи.

Редактирование страницы фотогалереи

2. Нажмите кнопку Добавить медиафайл, на следующей странице щёлкните Создать галерею, нажмите кнопку Выберите файлы, в отобразившемся окне проводника выделите картинки, которые хотите разместить на странице, и щёлкните OK.

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

3. Дождитесь окончания загрузки файлов и нажмите кнопку Создать новую галерею.

Загрузка файлов в фотогалерею

4. Щёлкните на кнопке Вставить галерею, при желании изменив перед этим настройки. Самым важным их элементом для многих будет раскрывающийся список Колонки, устанавливающий количество столбцов сетки галереи — обратите на него внимание.

Вставка галереи

5. Сохраните внесённые изменения. В миниатюрах галерея уже смотрится, но вот открываться во весь экран изображения будут некрасиво, да и навигации по ним в полноэкранном режиме не будет. Решить эту проблему поможет плагин.

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

6. Расширений, делающих просмотр изображений в полноэкранном режиме привлекательным, написано под WordPress предостаточно, самым же простым из них, на мой взгляд, является Simple Lightbox. Просто инсталлируйте и активируйте плагин (как это сделать, читайте в тематической статье).

Плагины для просмотра фотогалереи

7. Всё. Расширение сразу начинает работать, не нуждаясь в предварительных настройках. Просто попробуйте щёлкнуть на любом изображении кнопкой мыши. Красивые эффекты есть, навигация есть — галерея готова.

Плагины для просмотра фотогалереи

Хоть Simple Lightbox в настройках не нуждается, их имеет. Находятся они в разделе Внешний вид -> Lightbox. Среди всего многих пользователей может заинтересовать флажок автоматического отключения слайд-шоу (по умолчанию плагин переключает изображения каждые 6 секунд), а также поле ввода времени автоматической смены картинок.

Настройка галереи Simple Lightbox

Также многим понравится возможность менять надписи, которая пригодится как минимум для того, чтобы заменить русскими английские слова. Например, по умолчанию под картинкой отображается надпись Item %current% of %total%, где %current% — номер текущего фото, %total% — общее число картинок на странице. Замените этот текст любым другим, например, введите Фото %current% из %total%, нажмите кнопку Сохранить изменения и оцените результат.

Настройка галереи Simple Lightbox шаг 2
Просмотр галереи Simple Lightbox

Полезные ссылки:


Дата размещения/обновления информации: 29.04.2021 г.
Сообщить об ошибке
Смотрите также
Оставить свой комментарий