Як вставити фотогалерею WordPress у довільному місці вашої теми

Минулого грудня WordPress зробив великий крок уперед у роботі з медіа-матеріалами. Було покращено Бібліотеку медіа-файлів, Медіа-менеджер та навіть стандартні фотогалереї WordPress.

Ці зусилля наприкінці минулого року зробили роботу з галереями набагато простіше та приємніше. Так що якщо вам сподобалися нові галереї так само, як і мені, вам може сподобатися невеликий трюк, який дозволяє вам вставити галерею практично в будь-якому місці вашого сайту.

Дивіться також:

• 7 плагінів для фотогалереї на WordPress
• 8 безкоштовних WordPress плагінів для фотогалерей Instagram
• Як розбити WordPress галерею на кілька сторінок
• Фотогалерея на WordPress із зображеннями заданого розміру

Ви можете зробити це, створивши галерею на сторінці, а потім вставивши деякий код усередину шаблону вашої теми.

Крім того, що ви зможете розмістити галерею практично будь-де. Є й інша хороша можливість – ви зможете легко повернутися на вашу сторінку з галереєю та змінити її як вам захочеться – додавати фото, видаляти фото, змінювати порядок фото тощо. І, звичайно, всі ці зміни одразу будуть відображені також на вашому сайті.

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

3 кроки для вставки галереї у вашу тему:

1. Створення галереї на сторінці
2. Визначення ID сторінки
3. Вставте невеликий код у шаблон вашої теми

1. Створення галереї на сторінці

Якщо вам потрібно, є повний посібник зі вставки галереї WordPress. У цій статті ми припустимо, що ви знаєте, як це робити.

Коли ви створюєте вашу галерею, вам потрібно брати до уваги, де буде розміщено вашу галерею.

Наприклад, ви хочете помістити вашу галерею у сайдбарі. Коли ви створюєте галерею, єдиний вибір, який вам потрібно зробити – вибрати кількість колонок у галереї. Якщо вона буде у вашому сайдабрі, наприклад, швидше за все вам буде достатньо однієї колонки.

Зверніть увагу: опцій для кількості рядків немає, але ми поговоримо про це пізніше.

Якщо ви встановите кількість колонок рівну трьом, Ви отримаєте щось на кшталт цього:

Якщо ви встановите кількість колонок рівну одиниці — для якого є місце у вашому сайдбарі — галерея виглядатиме приблизно так:

Це працює і для розміщення вашої галереї в інших місцях, звичайно. Наприклад, ви захочете розмістити галерею нагорі ваших сторінок, помістивши її в шапку.

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

Наприклад, зверніть увагу на цю сторінку з мініатюрами три колонки. Колонки розтягнуться, щоб вписатись у ширину сторінки. Це залишає багато непотрібного простору і займає багато місця.

Тепер подивимося на організацію мініатюр у один рядок.

Як ми згадували раніше, галерея не має функції "рядків". Ви керуєте видом галереї за допомогою колонок. Так що для того, щоб отримати один ряд, вам просто потрібно встановити кількість колонок, що дорівнює кількості мініатюр у вашій галереї. У цьому прикладі, оскільки у мене 6 я встановив для своєї галереї значення колонок рівне 6.

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

У прикладі нижче я встановив кількість колонок, що дорівнює 6, але я додав ще 6 зображень у своїй галереї.

2. Визначення ID сторінки

Наступне, що вам потрібно зробити, це знайти ID сторінки із вашою галереєю. Ви можете знайти всі інструкції для цього в цьому посібнику.

3. Вставка коду

Останній крок — вставити наступний код у файли шаблонів вашої теми в тому місці, де ви хочете побачити вашу галерею (Зовнішній вигляд → Редактор)

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

Вам потрібно буде вставити ваш ID сторінки там, де зазначено ID #. Наприклад, якщо ID моєї сторінки 2428, мій код у блоці буде виглядати так:

$id = 2428;

Ось повністю фрагмент коду з правильним ID:

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

Ну ось. Просто додайте цей код і все готове.

Де розміщувати ваші галереї

Як я вже казав, ви можете розміщувати ваші галереї практично в будь-якому місці, вам просто потрібно подумати про такі речі, як розмітка, стовпчики і т.д.

Ось кілька місць, де ви, можливо, захочете розмістити різні галереї:

1. Сторінки всіх рубрик - розмістіть галерею на сторінці всіх рубрик, додавши код у файл category.php (або archive.php, якщо category.php не існує)
2. Різні рубрики - Ви можете розмістити різні галереї в різні сторінки рубрик (наприклад, "фруктову галерею" на сторінці вашої фруктової рубрики або "овочеву галерею" на вашій сторінці рубрики овочів тощо). Щоб зробити це, вам потрібно створити окремі шаблони рубрик.
3. Шапка — розміщуйте галереї у шапці кожної сторінки, вставивши код у файл header.php
4. Підвал — розміщуйте галереї у підвалі кожної сторінки, вставивши код у файл footer.php
5. Сторінки — розміщуйте галереї лише на сторінках (не в записах). Вам потрібно буде вставити код у файл page.php
6. Записи — розміщуйте галереї лише на сторінках окремих записів (тобто не на домашній сторінці, сторінках рубрик тощо). Вам потрібно буде вставити код у файл single.php

Висновок

Забувайте, що ви можете прив'язати мініатюру галереї до будь-якої сторінки. Ваші мініатюри не повинні посилатися просто на велику версію зображення. Вони можуть вести будь-куди.

І ще. Хоча ми говорили саме про фотогалереї, цей трюк працює для будь-якого контенту, який ви захочете розмістити на сторінці – текст, окремі зображення, відео тощо.

Джерело: WPMU.org

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/