Основы работы с WordPress | Шорткод галереи

Основы работы с Wordpress | Шорткод галереи | n-wp.ru
Например, так выглядит галерея изображений в посте блога tiaurus.info.

В WordPress есть практически все, что нужно любому блогу, будь то интернет-магазин, или фотоблог. Для фотоблогов в движуке уже есть встроенная функция формирования галереи изображений и ее вывода с помощью шорткода.

Основы работы с WordPress | Шорткод галереи
Например, так выглядит галерея изображений в посте блога tiaurus.info.

Чтобы вывести галерею изображений, которые вы добавили в блог для вставки в пост, нужно в режиме HTML вставить шорткод:


В этом случае галерея будет отображать миниатюры всех изображений соответственно стандартным установкам:

Основы работы с WordPress | Шорткод галереи

По-умолчанию галерея отображается в три колонки, и клик по миниатюре ведет на отдельную страницу с вложением. Однако можно в шорткоде указать и другие настройки (некоторые доступны в установках галереи). Например, можно изменить количество столбцов галереи:


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


Используя шорткод, можно добиться исключения некоторых изображений из галереи. Чтобы знать точно, какое изображение исключить, нужно использовать ID присоединенного файла. Узнать его легко – достаточно открыть библиотеку изображений, найти нужное, и посмотреть ссылку на редактирование – в ней указан ID изображения.

Основы работы с WordPress | Шорткод галереи

Узнав ID изображений, можно их исключать или добавлять в галерею, используя шорткод. Например, так:


Или так:


Можно вставлять не только изображения, добавленные к данному посту, но и изображения из других постов. Например, в пост с ID=222 нужно вставить галерею изображений из поста с ID=333. Тогда шорткод галереи будет таким:


По-умолчанию в галерею вставляются миниатюры самого маленького размера (small). Однако есть возможность вставлять и средние, и большие миниатюры:


или 

Для совсем продвинутых есть возможность указывать, в контейнеры какого вида нужно заключать элементы галереи:


(по-умолчанию itemtag=”dl” icontag=”dt” captiontag=”dd”, и указывать это специально не нужно)

Пользуйтесь!

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

16 Комментарии

  1. А галерею нельзя разбить на страницы? Например к посту есть 168 фоток и их нужно отобразить по 24 на странице (в 4 колонки получится 7 страниц вида: ?p=ид-поста&gallery_page=2

    я сейчас пользуюсь плагином Paged Gallery – хочу от него избавиться

  2. Всем доброго времени суток. Подскажите как решить проблему со стандартной галерей. Вставляю галерею с выводом 3 колонок в итоге получается 3 колонки, НО на первой строке 3 фотки на второй строке 1 фотка и так до конца. Вот так это выглядит http://www.honda-crv-club.ru/news/start-prodazh-honda-crv-2012/

  3. Либо я дурка, либо у вас в коде написано что выводиться должно по 4 колонки

    gallery-columns-4

    напишите как вы shortcode вставляете

  4. По ссылке которую указал выше вставлено вот таким образом [gallery link="file" order="DESC" columns="4" orderby="rand"]
    Без разницы сколько колонок выбрать, галерея все равно выводится так криво.

    • У вас выводится галерея в 4 колонки. Просто четвертая колонка не вмещается по ширине, и поэтому переносится на следующую строку.

      • Точно, но если поставить 3 колонки результат меняется, но выглядит так же криво Показывает всего 2 колонки, а фотки через одну. Обновил по ссылке выше.
        Спасибо.

        • Разберитесь с CSS темы. У вас сейчас для галереи задана ширина каждого элемента 33%, да плюс к этому еще и отступ слева от каждого элемента 30 px – вот последний столбец и не помещается на странице.

  5. Есть вопрос, может кто подскажет. Галерея привязывается к ID поста.
    Нужно получить число фоток, зная по ID поста, т.е. count атачментов выходит.

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*