GeneratePress – це модульна WordPress тема, призначена для розробників сайтів. Вона була створена під керівництвом Tom Usborne - розробником з 15-річним стажем та більш ніж 8-річним стажем роботи з WordPress. Том розробив не один WordPress сайт з нуля, і він, ймовірно, втомився створювати нову тему під новий сайт щоразу.
Тому він вирішив створити GeneratePress. Це стартова тема, яка дозволяє розпочати розробку нового проекту на WordPress не від початку, а з певної бази. Пізніше Том опублікував свою стартову тему в бібліотеці WordPress.org, щоб допомогти іншим розробникам. Сьогодні у цієї теми понад 930.000 завантажень, 60.000+ активних установок та рейтинг у 5 зірок!
Опис демо Завантажити
Дивіться також:
- Стартові теми WordPress: Що це таке і чи варто з ними працювати?
- 24 непогані стартові теми WordPress для побудови свого сайту з нуля
- Стартова сторінка-заглушка за допомогою безкоштовного WordPress плагіна Coming Soon CC
Згодом інші WordPress користувачі почали просити додати до теми все більше і більше функцій, але Том не хотів відхилятися від початкової ідеї — тільки мінімально необхідний набір коду, щоб швидше розпочати роботу. Але він зробив інакше: окремі пакети функціональних надбудов були винесені в платні адд-они для тих, кому це дійсно необхідно.
У цьому огляді ми познайомимося з безкоштовною версією стартової теми GeneratePress та покажемо, як її використовувати та налаштовувати. Почнемо!
Основні можливості GeneratePress
- Адаптивна — тема заточена під будь-який розмір екрана із коробки
- Оптимізація швидкості завантаження - З теми прибрано все зайве з прицілом на максимальну чуйність і швидкість роботи. Модульний підхід дозволяє підключати потрібні надбудови за необхідності, на відміну інших преміум тим, у яких спочатку напихано багато зайвого важкого коду, який більшості не стане в нагоді.
- Schema.org Microdata — тема інтегрована із Schema.org мікро-даними, що гарантує хорошу SEO-оптимізацію для пошукових систем.
- Безпека та стабільність — розробник теми використовує останні практики та напрацювання при використанні коду і дотримується абсолютно всіх WordPress рекомендацій з розробки. За якістю коду це можна порівняти з самим двигуном WordPress.
- Гнучка настройка — у темі передбачений стандартний Live-customizer із WordPress, у якому можна налаштувати всі аспекти та параметри.
- Модульна структура - Тема підтримує більше 12 адд-онів, що робить її однією з найпривабливіших модульних тем на WordPress.
- Вбудовані іконки — у темі включено бібліотеку з набором із понад 600 іконок Шрифт Високий.
- Доброзичлива для розробників - У темі використовуються множинні WordPress хуки та фільтри, так що вам не доведеться довго ламати голову, що і як працює під капотом.
Установка GeneratePress
Ця тема безкоштовна, тому ви можете завантажити її за посиланням на початку огляду, або можна прямо в адмінці WordPress зайти в меню Зовнішній вигляд → Теми → Додати нову і знайти її в пошуку за словом GeneratePress:
Після встановлення та активації у вас з'явиться новий розділ у меню Зовнішній вигляд → GeneratePress:
Тут можна побачити список доступних модулів. Щоб дізнатися більше про кожен модуль, потрібно по ньому клікнути.
А щоб переглянути основні налаштування теми, потрібно перейти до WordPress Live-customizer (Зовнішній вигляд → Налаштувати).
Налаштування структури теми
Коли ви перейдете в Live-customizer (Зовнішній вигляд → Налаштувати), ви зможете налаштувати структуру та макет теми.
Зліва в колонці розташовані окремо всі області теми:
- макет - Загальна структура сайту
- Контейнер - Основний блок контенту
- Header - шапка сайту
- Первинна навігація - основне меню та навігація
- бічні панелі - Бічні панелі сайту
- Нижній колонтитул - Підвал сайту
Схема загальної структури (макет) виглядає цілком типово для WordPress сайту:
Не забувайте, що це лише стартова тема, так що ви не зможете детально налаштувати стилі оформлення для кожного окремого блоку, це вам не drag-and-drop будівельник сторінок, на зразок Elementor .
Однак, ви можете використовувати цей Elementor (який добре товаришує з GeneratePress) для створення фінального дизайну сайту. На сайті Elementor є навіть окрема інструкція: Як зробити адаптивну домашню сторінку, використовуючи Elementor + GeneratePress.
У розділі основного блоку контенту (Контейнер) передбачено 3 області для віджетів у підвалі:
Усі доступні зони та області для розташування віджетів ви можете побачити у меню Зовнішній вигляд → Віджети:
У кожному розділі, що настроюється, в Live-customizer можна налаштовувати додаткові параметри.
Наприклад, для області Container можна встановити фіксовану ширину. Для шапки сайту (Header) можна вибрати повну ширину (Full) або Contained-width для внутрішньої області шапки. Також можна вибирати вирівнювання: Зліва, Праворуч, По-центру:
Подібні налаштування можна встановити і для блоку основної навігації (Первинна навігація). Можна вказувати, яка дія потрібна для активації меню: клік мишки або просто наведення:
Також можна керувати розташуванням сайдбарів (бічні панелі) окремо для головної сторінки, сторінки блогу, записів та простих сторінок:
Для області підвалу сайту (Нижній колонтитул) моно задати ширину, скільки використовувати зон для віджетів і чи потрібна кнопка "Перейти вгору":
Додаткові налаштування
У блоці Книгодрукування ви можете встановити налаштування для main-body шрифтів і розміру тексту:
Також у розділі Блог можна вибрати режим відображення записів із блогу: повні записи або уривки записів (excerpts)
Створення нової сторінки
При створенні нової сторінки у вас з'являється безліч можливостей щодо налаштування її структури. Просто вибирайте варіант відображення, що цікавить вас:
Для кожної сторінки можна налаштувати варіант відображення сайдбару, ширину сторінки та кількість віджетів у підвалі.
Те саме можна зробити і при створенні звичайного запису для блогу.
Підсумки та вартість
GeneratePress - Це чудова стартова тема для WordPress розробників. Якщо ви не хочете розробляти тему з нуля і не хочете купувати одну з преміум тем і потім випилювати з неї купу зайвого сміття, то стартова тема саме те, що потрібно.
Сама собою тема GeneratePress безкоштовна. Можна прямо зараз її завантажити і розпочати створення нового сайту.
Якщо вам недостатньо можливостей та функцій у GeneratePress, можна окремо докупити модулі.
Єдина неприємність полягає в тому, що не можна купити кожен модуль окремо. Вони пропонуються тільки як єдиний набір, який коштує $39.95 на рік. Якщо вам не сподобаються модулі, у вас є 30 днів для повернення покупки.
Але вибір завжди за вами. Якщо ви не новачок у розробці, ви можете знайти самостійно необхідний код та функції для розширення можливостей GeneratePress під свої потреби.
А що ви скажете про розробку на стартових темах? Ви намагалися створювати свій проект на стартовій темі? Або по-старому берете готову преміум тему і переробляєте її під свої потреби, викидаючи з коду все зайве?
Обов'язково поділіться з нами у коментарях!
Джерело: generatepress.com
Коментарі до запису: 3
Чудовий матеріал. Може, закладки зробите? :)
Дякуємо!
Як стартова тема звик використовувати дефолтні вордпресівські теми, що йдуть в комплекті з двигуном. Для магазину, таки, йдуть або вони ж, або Storefront — тема від розробників Woocommerce. Зовнішній вигляд зовсім змінюю на свій.
Глючна тема… втомився боротися із шапкою. За налаштуваннями все вказав, а логіка не та зовсім. При зміні масштабу в браузері картинка шапки залишається на місці так і треба, але сам сайт, починаючи з горизонтального меню, повзає вниз, залишаючи між картинкою і меню біле полотно. І чим більший масштаб, тим більше це полотно. Ставиш режим планшет, одразу з'являється це лайно! У темі Astra таких проблем немає. Як вирішити цей баг, не знаєш?