Способы размещения фото в записи WordPress

Сегодняшний короткий пост посвящен «оптимизации использования места на странице».
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Дело в том, что по умолчанию WordPress размещает мультимедиа-элементы в одну колонку, друг под другом

 | n-wp.ru

Как видно на скриншоте выше, такое расходование площади экрана совсем не рационально. Ниже я опишу пару способов как разместить изображения «сеткой», например 3 колонки 3 строки.

Без использования плагина. Этот способ подходит продвинутым пользователям и тем, кто по каким-то личным причинам принципиально не доверяет плагинам. После нажатия кнопки «Добавить медиафайл» выберите пункт «Создать галерею», выберите изображения которые хотите разместить и нажмите «Создать новую галерею».

 | n-wp.ru

 | n-wp.ru

Следующим шагом нужно будет выбрать стиль отображения создаваемой галереи (количество столбцов и строк, размер изображений и т.д.)

 | n-wp.ru

Все, галерея создана.

 | n-wp.ru

Плюс использования стандартного функционала — 100% совместимость (конфликтовать просто нечему). Но и минусы тоже есть, главный из которых — отсутствие присущей лучшим галереям-плагинам «гибкости настроек». Непритязательные пользователи, которым хватает возможностей предоставляемых «из коробки», дальше могут не читать, для остальных же существуют

Галереи, создаваемые при помощи плагинов. Плагинов таких довольно много. Одним из лучших и потому популярных является Next Gen Gallery,  который уже рассматривался на нашем сайте. Не уступает ему Tribulant Slideshow Gallery, главная «фишка» которого — создание галерей в виде слайдшоу. После стандартных установки и активации в настройках появится пункт Slideshow который позволит добавить новую галерею.

 | n-wp.ru

После создания галереи нажмите на ссылку Manage Slides и добавьте один или несколько слайдов к только что созданной галерее.

 | n-wp.ru  | n-wp.ru  | n-wp.ru  | n-wp.ru

Для добавления галереи-слайдшоу достаточно вставить на страницу шорткод вида

[tribulant_slideshow gallery_id="1"]

По умолчанию перелистывание слайдов происходит с эффектом «выцветания» (fade), изменить эту и многие другие настройки (задержку перелистывания, цвет, границы, фон, отображение слайдов на мобильных устройствах и даже индивидуальные права доступа) можно на странице настроек плагина.

 | n-wp.ru

Базовая версия Tribulant Slideshow Gallery распространяется бесплатно.

А какие плагины для отображения медиаконтента используете вы? Добро пожаловать в комментарии!

Скачать Tribulant Slideshow Gallery
Создай свой первый сайт на WordPress

Вячеслав aka CrazyMoon

Сисадмин, интересующийся вебмастерингом, IT-шник, который любит море.

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