Примітка: Це відносно просунутий підручник, який приносить багато концепцій WordPress. Ви повинні мати чітке знання WordPress і HTML / CSS, щоб зрозуміти це.
Оновлення: Ми написали новий підручник, який використовує плагін, Envira Gallery. так що це супер швидкий і простий у використанні. Якщо ви новачок або просто не хочете мати справу з кодом, то краще вам прочитати цей підручник.
Те, що ми намагаємося зробити:
Перш ніж ми почнемо, давайте поглянемо на те, як кінцевий результат повинен виглядати:
Коли користувач натискає на сторінку альбому, вони будуть бачити архів на дисплеї сітки, де кожен альбом починається з його відмітним фото і всі фотографії в ньому. Ідея полягала в тому, щоб мати один альбом на місяць.
Якщо користувач натискає на обкладинку альбому, вони будуть перенесені на сторінку тільки цього альбому, де ви можете дати користувачеві деяку довідкову інформацію, а також зі списком усіх фотографій у цьому альбомі.
Як ми збираємося зробити це?
Як ви можете бачити з опису вище, всі необхідні функції, можуть бути зроблені за допомогою вбудованого в WordPress функціональністю. Ми можемо розглядати кожен щомісячний альбом як пост, так що кожен альбом може мати свою власну окрему сторінку з деякою вступної інформації і т.д. Кожне зображення буде розглядатися як вкладення (таким чином отримувати свою власну окрему сторінку). Ми будемо використовувати вбудовані ескізи для обкладинки альбому фотографії. Ви можете використовувати пости за замовчуванням, якщо мета всього сайту є це галерея фотоальбому, але якщо у вас є блог, то це повинен бути створений в призначений для користувача тип запису.
Створити фотоальбом галерея
Перше. що ви повинні зробити. це створити сайт-специфічний php-файл (або навіть конкретний php-файл проекту).
Якщо ви збираєтеся використовувати тип пост для вашого проекту, то ви повинні генерувати коди і вставити його в спеціальному плагіні сайті.
Наступне, що вам потрібно зробити, це зареєструвати додаткові розміри зображень в WordPress для відображення сітки.
Приблизно, буде виглядати так:
Після додаткових розмірів зображень, необхідно додати додаткові поля в медіа-завантажувач. Це дозволить вам додати ім'я фотографа і їх URL при завантаженні кожного зображення.
Як додати додаткові поля в WordPress Медіа Uploader.
Після того, як ви зробили це, давайте йти вперед і додати кілька альбомів (постів). Завантажити всі зображення, які ви хочете прикріпити до цього альбому. Потім прикладіть відмінну обкладинку і встановіть її в якості ознаки зображення. Ви можете додати довідкову інформацію в області вмісту поста.
Ми вирішили зробити стиль зображення сітки за допомогою елемента списку. Код виглядає наступним чином: