Шорткоды WordPress для Gallery Carousel

shortkode|http://dohod2011.ru

Шорткоды - это краткие коды , которые замещают вывод более сложных кодов. Описав единожды функцию в functions.php, дальше используем шорткоды в необходимом для статьи месте вместо функции. Этим мы облегчаем себе работу с повторяющимся описанием этой функции.

Установить галерею WordPress довольно просто, использование шорткода gallery в этом помогает.
Редактор WordPress позволяет добавить галерею в запись или на страницу в отведенном месте, если вы владеете кодом через Внешний вид - Редактор.


Самый простой метод - добавляете через оформляемую запись или страницу объект через сервер, в обход записи. Вставляя на сервере карусель, не забудьте правильно оформить изображение в Добавить изображение.
Настраиваете галерею. И кликаем Вставить галерею.
В коде HTML появится шорткод gallery , а на сайте – появится изображения вашей галереи.

Параметрами шорткода вы можете управлять каруселью.
Рассмотрим некоторые .
columns= "2" - показывает число колонок.
Настройки карусели позволяют не указывать значение этого параметра.
При загрузке изображения на сервер, загрузка осуществляется в текущею публикацию, внизу отражаются параметры галереи по умолчанию. Их мы меняем. Но указанные вами в шорткоде обладают правом первых.
При columns= “1” получаем вертикальную галерею, удобна в сайтбарах.

size= "thumbnail" - изображения маленьких размеров, по умолчанию, а так же
medium — среднего размера;
large — большого размера;
full — исходного размера.
Выставлять эти параметры вручную или через Параметры - Медиафайлы выбирать вам.

Посетителю при клике на превью-изображение будет показан исходный размер изображения.
link= "file"
По умолчанию значение берется из настроек галереи на сервере.

Страница вложения – attachment - при клике видим публикацию текущего изображения. Кликаем изображение - видим изображение в исходном размере. Посетитель может оставить комментарий, так как отображается форма публикации.

Дать подробное описание вы можете прямо в настройках кликнув на превью и Редактировать.
id= "123"
Не указыв этот параметр, получаем изображение текущей записи.
Параметры изображений галереи, которые показываем, указывая их id:
include= id "6,9,21"
Параметры изображений галереи, которые не показываем:
exclude= id "4,13,18"
Параметры include и exclude не используем в одной фразе одновременно.

Подпись под изображением при этом параметре опустится вниз относительно условий по умолчанию:
captiontag= "p"

Если вы хотите использовать различные стили, то используем div для каждого объекта. Мы знаем – им определяются разделения или разделы в документе HTML, используем для пакета блоков элементов и форматируем их с CSS. Использовать совместно с таблицей стилей:
itemtag= "div"

Возможность имеем пользовать тег span для превью галереи. Напоминаю, что с помощью тега span мы выделяем нужную информацию в других тегах и устанавливаем ее собственный стиль. Использовать совместно с таблицей стилей:
icontag= "span"

В общем ваша вставка будет выглядеть так (не забудьте заключить все в квадратные скобки; для отражения текста, а не галереи я их пропустила)

gallery itemtag="div" icontag="span" captiontag="p" link="file"

Чтобы вставить галерею в выбранном месте, код помещаем в php шаблон темы. Выбираем

sidebar.php, footer.php, single.php, page.php

и так далее.

<?php echo do_shortcode(‘[ gallery option1="value1" ] ‘); ?>

option1= "value1" заменяем на необходимые параметры, начинаем с id. Затем через пробел все остальные. Учтите, что после и до квадратных скобок не должно быть пробелов.
Для использования боковой колонки сайдбара выбираем sidebar.php

<?php echo do_shortcode(‘[ gallery option1="value1" ]‘); ?>

Оформляем аналогично страницам.
Выбирая тему WordPress вы должны были планировать размещение галереи. Если вам понравилась эта тема, то познакомтесь более подобно в Shortcodes Ultimate и Кодексе WordPress.

Видео продемонстрирует некоторые моменты оформления галереи.

 Наталия Сумина

 

Наталия Сумина

About Наталия Сумина

Я - Наталия Сумина, хозяйка этого блога. Рада приветствовать Вас! Буду рада общению! Удачи!
Bookmark the permalink.

16 комментариев к Шорткоды WordPress для Gallery Carousel

  1. Ваш блог, Натали, полезен не только для начинающих пользователей, но и для продвинутых. Ведь конкретные детали работы забываются, поэтому, при необходимости, можно всегда «освежить память» на вашем блоге.
    Я перенес на свой компьютер все ваше оглавление в активном состоянии, чтобы сразу же выходить на нужную информацию. С благодарностью, — В. Степанов.

  2. Галина says:

    Ваш блог палочка-выручалочка Постоянно нахожу что то полезное

  3. Наталья, я боюсь в HTML- коде что-либо делать

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

  4. Asya says:

    Наташа, очень хочется установить галлерею фоток, есть что выставить, и по шагам все расписано,пока мечтаю,многое приходится делать,но я не унываю, придет время и установлю, главное,есть где учиться.Спасибо!

  5. fakelq says:

    второй раз смотрю, пугаюсь и ухожу.

  6. ludmila53 says:

    Великолепно! Супер! Ну очень понравилось.Большое Спасибо.Буду устанавливать вернуть на блог и по шагам установлю.Спасибо, Наташа.И ещё Плагин изображения FancyBox попробую установить обязательно.Благодарю.

  7. Спасибо за подробную и интересную информацию! Попробовал все сделать по Вашей статье, и у меня все получилось. Очень интересно было все проделать!

  8. Наташа! Статья конечно понравилась. Все очень подробно. Когда буду настраивать, приду к Вам и по шагам, описанным в статье все сделаю. Надо не просто читать, а сразу делать. Спасибо!

Понравилась информация? Оставьте Ваш комментарий