При наведенні на картинку буде виводиться кнопка для збільшення зображення, заголовок і опис см. Картинку вище.
У багатьох сучасних шаблонах зустрічається таке портфоліо, всю його розмітку і стилі викладати не буду, моя задача показати як це все натягується на Модха.
- Усе
- сайти
- Лого. Фірмовий стиль і т. П.
Вся логіка полягає в тому що все сортується по css класах, наприклад ось ця строчка:
Розмітка окремого елемента портфоліо виглядає так:
Якщо ви помітили, то вгорі блоку обгортки елемента портфоліо якраз присутній клас websites про який я сказав вище.
Ну а тепер найголовніше.
Йдемо до Додатків - Gallery - Створити альбом - створюємо і зберігаємо альбом
Тепер відредагуємо даний альбом
І завантажимо в нього всі наші фото:
Тепер редагуємо все фото в альбомі, заповнюємо їм ім'я, опис і найголовніше заповнюємо поле Мітки, саме по ньому буде відбуватися сортування.
Отже все підготували, тепер на основі вище наведеної розмітки створимо чанк tpl-portfolio-gallery для обгортки кожного зображення:
- сайти