Как сделать галерею на вордпрессе

Как сделать галерею на вордпрессе

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

Как это работает? Вам нужно будет создать галерею на странице и затем вставить специальный код в определенный шаблон.

Помимо основного преимущества – размещения галереи в любом месте своей темы, – вы также получаете возможность вернуться на свою страницу с галереей и отредактировать ее: добавить или удалить фотографии, изменить порядок изображений и т.д. Естественно, все эти изменения сразу же отразятся на вашем сайте.

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

Три шага для добавления галерей к вашей теме

Ниже представлен краткий обзор всех шагов.

  1. Создание галереи на странице.
  2. Поиск ID страницы.
  3. Добавление небольшого кода в соответствующий шаблон используемой темы.

1. Создание галереи на странице.

В этой статье мы будем исходить из предположения, что вы знакомы с тем, как добавлять галереи в WordPress. Еще до создания галереи вы должны будете заранее учесть и продумать особенности ее расположения.

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

(Примечание: настроить строки галереи сразу не получится, но мы коснемся этого позже).

Если вы поставите три столбца, то в итоге, скорее всего, столкнетесь со следующим:

sidebar-3-columns

Если вы установите один столбец – учитывая то, что сайдбар имеет достаточное место для вывода галереи – изображения примут следующий вид:

sidebar-1-column

То же самое верно и для любого другого места темы. К примеру, вы хотите поместить галерею в хэдер, чтобы она выводилась на всех страницах.

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

Давайте взглянем на следующую страницу с миниатюрами в трех столбцах. Столбцы просто разъехались на всю ширину страницы, появилось слишком много свободного пространства.

2-rows

Теперь давайте посмотрим на другой вариант: когда все миниатюры находятся в одной строке.

1-row

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

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

В примере ниже я оставил 6 столбцов, но добавил 12 миниатюр к галерее:

2-rows-full

2. Поиск ID страницы.

Найти ID страницы можно либо в адресной строке браузера (при редактировании страницы в консоли), либо с помощью плагинов, таких как, к примеру, Reveal IDs.

3. Добавление кода.

Заключительный этап состоит в добавлении следующего кода в шаблоны темы, в которых вы хотите вывести галерею:

<?php $id = ID#; $p = get_page($id); echo apply_filters('the_content', $p->post_content); ?>

Вам нужно будет вставить свой ID страницы вместо текста «ID#». К примеру, если мой ID страницы равен 2428, то код будет такой:

<?php $id = 2428; $p = get_page($id); echo apply_filters('the_content', $p->post_content); ?>

Больше ничего делать не нужно.

Где вывести свои галереи?

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

Вот лишь некоторые места темы, куда можно вставлять галереи:

  • Страницы со всеми рубриками – поместите код в category.php (или в archive.php, если category.php не существует)
  • Различные рубрики – вы можете выводить разные галереи для разных рубрик. Правда, для этого придется создавать индивидуальные шаблоны для каждой рубрики, и в них уже размещать код.
  • Хэдер – для вывода галерей в самом верху страницы поместите код в header.php.
  • Футер – для вывода галерей в самом низу страницы поместите код в footer.php.
  • Страницы – вывод галерей только для страниц. Для этого код помещается в page.php.
  • Записи – вывод галерей только для одиночных записей. Для этого код помещается в single.php.

Заключение

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

К тому же, мы работали только с фотогалереями. Мы могли бы поместить на страницу с галереей любой контент, будь то текст, отдельные изображения, видео и т.д. Ваше воображение – вот единственная граница.

Источник: wpmu.org

Поделиться

Как сделать галерею на вордпрессе 445
Как сделать галерею на вордпрессе 733
Как сделать галерею на вордпрессе 265
Как сделать галерею на вордпрессе 623
Как сделать галерею на вордпрессе 636
Как сделать галерею на вордпрессе 135
Как сделать галерею на вордпрессе 459
Как сделать галерею на вордпрессе 684
Как сделать галерею на вордпрессе 46
Как сделать галерею на вордпрессе 456
Как сделать галерею на вордпрессе 662
Как сделать галерею на вордпрессе 312
Как сделать галерею на вордпрессе 407
Как сделать галерею на вордпрессе 178
Как сделать галерею на вордпрессе 206
Как сделать число 100Как сделать коробку для туалетаКак сшить пляжную сумку из тканиВязание спицами сколько петель набирать наВыкройка муфты на коляску своими руками выкройкиКак сделать эмблему в школуСажать ли перец с томатамиПоздравление с новорожденным один годПоздравление на подарок чайникЧто можно ли сажать в июле в открытый грунтУзор цветка для вышивки гладьюШьём своими руками быстроВышивки крестом схемы с надписямиКак сшить сумку клатч изКонверт или одеяло для новорожденного своими руками

Похожие записи:

  • Вышивка от мона лиза
  • Поздравление к ромашка с пожеланиями
  • Что сажать с можжевельником
  • Как сделать запросы с параметром
  • Маскарадные костюмы своим руками