Створюємо портфоліо за допомогою WordPress плагіна Projects від WooThemes

плагін Завдання від WooThemes розроблений спеціально для створення портфоліо на веб-сайтах WordPress.

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

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

• Як створити успішний сайт-портфоліо на основі WordPress
• CleanPort — нова доступна тема WordPress для бізнесу та портфоліо
• FlatPack - нова бізнес-тема для сайту портфоліо на WordPress
• 27 професійних тем WordPress для сайту портфоліо
• 13 найкращих безкоштовних тем WordPress для портфоліо в 2014 році

Сьогодні ми поговоримо про те, як створювати базові портфоліо онлайн за допомогою плагіна Projects, і зробимо це для уявної дизайнерської компанії. Але плагін підійде і для сайтів різних тематик, як-от:

• Для копірайтерів. Для демонстрації своїх робіт.
• Для веб-дизайнерів. Щоб додати список клієнтів.
• Для репетиторів/тренерів/коучерів. Розміщення у портфоліо своїх навчальних кейсів чи історій успіху.
• Живописцям. Створення портфоліо своїх робіт.

Встановлення та налаштування плагіна Завдання

Ви можете завантажити плагін з офіційного каталогу розширень WordPress за цим посиланням.

Якщо ви не знаєте, що таке плагіни і як їх встановлювати, перегляньте цей урок.

Для налаштування Projects потрібно використовувати декілька простих параметрів. Після встановлення ви побачите наступне діалогове вікно:

Натисніть посилання для переходу на сторінку налаштування плагіна.

Сторінка плагіна

У списку меню, що випадає, будуть всі станиці вашого сайту на WordPress — основні або архівні.

Найкраще створити порожню сторінку. Для цього перейдіть до розділу «Сторінки» та додайте нову порожню сторінку. Її можна назвати як завгодно, але в цьому посібнику ми дамо їй ім'я «projects». За бажанням, можете розмістити на цій сторінці контент.

Зображення

Решта настройок на цій сторінці стосується зображень. Вам доступні:

• Архівні зображення: вони відображаються на основній або архівній сторінці.
• Поодинокі зображення: головне зображення в окремих записах.
• мініатюри: якщо ви змінюватимете мініатюрні зображення після додавання будь-якого проекту, вам доведеться відновити ваші мініатюри (або їх розмір може бути змінений). В інтерфейсі WordPress не передбачено відновлення мініатюрних зображень, але, на щастя, для цього існує спеціальний плагін. регенерація Ескізи. Після зміни мініатюри зайдіть у розділ меню WordPress «Інструменти» та оберіть «Regen. Thumbnails». На екрані натисніть на кнопку «Відновити всі мініатюри». Це може зайняти кілька хвилин, особливо якщо у вас багато зображень.

Після цього натисніть кнопку «Зберегти зміни».

Додавання, редагування, видалення

Якщо ви вже додавали раніше записи або сторінки на WordPress, цей процес буде вже звичним для вас. На цій сторінці вам потрібно внести такі дані:

• назва: назва вашого проекту Наприклад, "Tutsplus Website".
• Опис: WYSIWYG редактор для тексту опису вашого проекту.
• Категорії: Докладніше категорії описані нижче.
• Галерея проектів: галерея дозволяє завантажувати або вибирати зображення з галереї WordPress для використання в проекті. За промовчанням ці зображення розміщені ліворуч від тексту. Вони не є обов'язковими, оскільки можуть не підходити до всіх проектів. Наприклад, якщо ви копірайтер, то вам не потрібно перевантажувати своє портфоліо картинками. Щоб додати зображення з галереї, натисніть «Додати зображення з галереї». Так ви зможете завантажити або зображення, що вже є у вашій галереї, або натиснути на вкладку «Завантажити» і перетягнути нові. За один раз можна вибрати кілька зображень для завантаження.
• Project Cover Image: вони схожі на мініатюрні зображення на стандартних сторінках або записах WordPress, а відображаються на архівній сторінці Projects і вгорі сторінок Projects. Використовуються так само, як і галерея зі стандартним медіа-завантажувачем WordPress.
• Деталі проекту: цей розділ має два поля введення – клієнт та URL. Обидва необов'язкові, але досить зручні для багатьох портфоліо, особливо якщо ви показуєте роботи для клієнтів. Він відображається на сторінках Projects під описом.
• Project Short Description: короткий опис служить як сніпет, який відображається на архівній сторінці (і дуже нагадує уривок із запису). Не є обов'язковим, і якщо ви не внесете тут жодної інформації, то як сніпет відобразиться шматочок тексту з детального опису. Нижче наведено приклад такого тексту.

Усі сторінки плагіна Projects нічим не відрізняються від стандартних сторінок WordPress. Можна виставити статус - чернетку, на затвердженні або опубліковано; видимість - відкрито, захищене паролем, особисте; та параметри публікації – опублікувати зараз або запланувати. Ці параметри доступні в адмінці запису праворуч у вікні «Опублікувати» при додаванні Проекту та при натисканні на «Редагувати запис» поряд із відповідним заголовком.

Щоб видалити або відредагувати Projects, зайдіть у розділ «Всі проекти» у меню «Проекти». Клацніть на назву проекту та відредагуйте його. Після цього з'явиться такий самий скрін, як і при додаванні проекту. Внесіть всю необхідну інформацію та натисніть кнопку «Оновити», щоб зберегти всі зміни.

При натисканні на «Надіслати до кошика», ви видаліте записи. Є ще й інший спосіб. Зі скрина «Всі проекти» наведіть курсором на потрібне посилання — «Редагувати» або «Видалити».

Але після відправлення записів у кошик вони ще не видалені повністю. Вгорі біля сторінки «Всі проекти» у меню «Проекти» є кілька посилань:

• Усі: відображаються всі записи (опубліковані, чернетки), за винятком віддалених.
• Опубліковані: показує лише опубліковані записи.
• Чернетки: показує лише чернетки.
• Дистанційні: показує всі видалені записи.

Зверніть увагу, що посилання «Чернетки» та «Видалені» не будуть відображатися, якщо їх не існує.

При натисканні на посилання «віддалені» ви побачите всі записи, які ви відзначили для видалення. Якщо навести курсором на ім'я запису, зможете повністю видалити або відновити запис.

Категорії

Розділ «Категорії» не є обов'язковим, і вони можуть не знадобитися, якщо у вас є лише кілька проектів. Вони підходять для більших портфоліо, щоб користувачі змогли створити фільтр записів для перегляду.

Категорії можна додати двома способами.

спосіб перший. Категорії додаються на сторінці Projects, де ви побачите "Категорії проекту" з переліком категорій (якщо такі є) та посиланням "+Додати нову категорію". При натисканні посилання можна ввести ім'я нової категорії та додати батьківську категорію, якщо потрібно.

спосіб другий. Категорії можна додати, натиснувши посилання «Категорії» під меню «Проекти». Тут також можна внести назву категорії, вибрати батьківську категорію та налаштувати кастомну приставку в URL-і (Slug), якщо потрібно.

Slug є URL-версією назви категорії та заповнюється автоматично (він повинен знаходитись у нижньому регістрі та складатися з букв та цифр, а також допускається наявність дефісу). Його можна змінити, якщо хочете, щоб URL відрізнялася від назви категорії.

Тут можна редагувати або видаляти категорії. Для цього наведіть курсор на назву категорії та натисніть на «редагувати» або «видалити». За потреби можна також видалити кілька категорій одночасно. Для цього позначте галочками потрібні категорії ліворуч від назв самих категорій та натисніть «прийняти».

Віджет

Для Projects доступний лише один віджет, а саме список категорій. Для додавання віджету зайдіть у розділ «Зовнішній вигляд» → «Віджети» у консолі сайту. Віджет називається «Project Categories» і його потрібно перетягнути в область віджетів, де ви хочете його бачити. Цей віджет має декілька параметрів:

• назва: необов'язкове поле, в якому є стандартний текст Цей тайтл з'явиться над списком категорій, які відображає віджет.
• Show Count: показує кількість проектів у категорії поруч із посиланням на категорію. Якщо ви не хочете, щоб вони відібралися, заберіть прапорець.
• Show Hierarchy: це чек бокс, позначений галочкою за замовчуванням Так він показує підкатегорії під батьківською категорією. Якщо ж він не позначений, то категорії показуються у тому списку.

Не забудьте натиснути кнопку «Зберегти» після внесення змін.

Шорткоди

Плагін має основні шорткод для відображення ваших проектів в будь-якому місці на вашому сайті на WordPress.

Ось кілька прикладів:

[проектів limit="6" columns="3" orderby="дата" order="по зростанню" exclude_categories="4,6,8"]

А тепер давайте його трохи розберемо:

• обмежувати: визначає, скільки проектів відобразити
• стовпців: кількість колонок, які ви хочете використати для відображення ваших проектів.
• OrderBy: визначає порядок проектів У ньому використовуються стандартні параметри порядку WordPress. Найголовнішими є дата, ID, тайтл, порядок або випадковий порядок.
• exclude_categories: включає список категорій для видалення списку. Усі категорії у списку мають відображатися за допомогою розділених точок ID. Щоб швидко знайти ID категорії, необхідно зайти в розділ «Категорії» в меню «Проекти» та натиснути на посилання конкретної категорії, ID якої ви шукаєте. В URL рядку браузера ви побачите наступне:
  edit-tags.php?action=edit&taxonomy=project-category&tag_ID=2&post_type=project
  У цьому засланні шукаємо tag_ID=2. Його номер - 2.

Цей шорткод можна використовувати для сторінок, записів та віджетів.

Висновок

Ми розглянули процес налаштування Projects. А також дізнались, як додати, редагувати чи видалити сторінки.

Джерело: code.tutsplus.com

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

редактор wpcafe

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