WordPress для чайников: Как сделать навигацию в стандартной фотогалерее

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

Стандартная фотогалерея WordPress не имеет встроенного функционала постраничной навигации.

Как сделать, чтобы:

  1. Создать галерею фотографий в количестве 48 штук
  2. «Разбить» фотогалерею на 4 страницы по 12 штук с постраничной навигацией
  3. При нажатии на фотографию она открывалась в всплывающем окне

Решение

Для постраничной навигации существует специальный тег редактора:

nextpage

C его помощью можно статичную страницу или запись разделить на несколько страниц с постраничной навигацией.

При создании фотогалереи создается короткий код, например:

gallery

В итоге получится 3 страницы, по 4 фотографии в 4 колонки:

gallery-page

Стили для постраничной навигации вам надо будет найти в стилях вашей темы. Можно изменить, если умеете и знаете как редактировать CSS.

Количество колонок, размер изображений регулируются в ходе создания фотогалереи.

Как вывести изображения в всплывающем окне?

Если ваша активная тема имеет встроенный функционал вывода всплывающих окон — тогда вам повезло.

Если не имеет — поставьте себе плагин Fancy Box автора — Kevin Sylvestre

Скачать плагин нужно в официальной библиотеке WordPress по этой ссылке — https://wordpress.org/plugins/fancy-box/ — или загрузить через поиск на странице добавления нового плагина в консоле администратора.

После активации плагин не надо настраивать — он уже работает «из коробки».

Описанный вариант создания постраничной навигации для фотогалереи с всплывающими окнами — самый простой, доступный или легкий, не надо устанавливать громоздкий плагин для фотогалереи.

Каждую фото можно подписать нужными подписями и описаниями, и они будут отлично индексироваться поисковыми системами.

Приятной работы!

Если материал вам понравился, нажмите или расскажите о нем друзьям!

Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

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

Ваш email нигде не будет показан. Обязательные поля помечены *