🤪Начинаем создавать сайты без программирования😳

курс по вордпрессу
Инструкции WP

Создаем фотогалерею на WordPress для сайта-портфолио

Возникла необходимость создать сайт-портфолио с фотогалереей работ.

Что мне нужно было сделать: сайт-портфолио с предложениями об услугах, контактах, и с примерами работ на отдельной странице без вывода этих фотографий на главную.

Немного подумав, на каком движке лучше всего будет это реализовать, я всё же остановилась на моем любимом WordPress.

Прогулялась по инету в поисках шаблонов для сайта-портфолио, но так и не нашла для себя ничего подходящего. Да, темы-портфолио есть, из них можно что-то выбрать, но у меня в голове есть конкретная картинка, каким должен быть сайт, вот эту картинку я и пыталась найти. Далее пошла в поисках готовых плагинов для создания портфолио на WordPress. Честно устанавливала и тестировала несколько плагинов, но не один из них меня не устроил (вот такая я привереда)))

И тогда, я нашла простой и гениальный способ реализовать то, что мне нужно.

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

В стандартной сборке WordPress есть возможность создавать фотогалереи на любой странице сайта.

1. Создаем запись, загружаем туда фотографии как обычно мы это делаем при создании постов.

2. Далее жмем кнопочку: Вставить в галерею.

Здесь можно изменить настройки галереи, например порядок сортировки фотографий, количество выводимых миниатюр. Также можно открыть каждую фотографию и изменить ее название, например, прописать нужные title.

Вот так будет выглядеть галерея фотографий на странице

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

Нам нужно сделать так, чтобы фотографии показывались не в новом окне, а всплывающим окном на той же странице, и при этом могли перелистываться, что очень удобно и красиво!

Для этого существует очень простой и удобный плагинjQuery Lightbox. Он очень прост в установке и практически не требует никаких настроек. Просто устанавливаешь его, активируешь его и всё, миниатюры открываются вот так:

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

То, что мне нужно !

Если вам понравилась статья (или если не понравилась), буду рада комментариям )))

 

курс по вордпрессу
Рекомендую прочитать
Инструкции WP

Как узнать версию PHP на своем WordPress сайте или первый шаг к ускорению сайта

Инструкции WP

Как исправить ошибку: "Warning: A non-numeric value encountered..."

Инструкции WP

Как исправить ошибку «Небезопасный контент» (смешанный контент) в WordPress

Инструкции WP

Как правильно перейти с Wix на WordPress (2019)

Делюсь опытом работы с WordPress.
Подпишись, чтобы раз в неделю получать письмо с новостями и лайфхаками.

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

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