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 - шапка сайту
- Первинна навігація - основне меню та навігація
- бічні панелі - Бічні панелі сайту
- Нижній колонтитул - Підвал сайту
Схема загальної структури ( Layout ) виглядає цілком типово для WordPress сайту:
Не забувайте, що це лише стартова тема, так що ви не зможете детально налаштувати стилі оформлення для кожного окремого блоку, це вам не drag-and-drop будівельник сторінок, на зразок Elementor.
Однак, ви можете використовувати цей Elementor (який добре товаришує з GeneratePress) для створення фінального дизайну сайту. На сайті Elementor є навіть окрема інструкція: Як зробити адаптивну домашню сторінку, використовуючи Elementor + GeneratePress.
У розділі основного блоку контенту ( Container ) передбачено 3 області для віджетів у підвалі:
Усі доступні зони та області для розташування віджетів ви можете побачити в меню Зовнішній вигляд → Віджети :
У кожному розділі, що настроюється, в Live-customizer можна налаштовувати додаткові параметри.
Наприклад, для області Container можна встановити фіксовану ширину. Для шапки сайту ( Header ) можна вибрати повну ширину (Full) або Contained-width для внутрішньої області шапки. Також можна вибирати вирівнювання: Зліва, Праворуч, По-центру:
Подібні налаштування можна встановити і для блоку основної навігації ( Primary Navigation ). Можна вказувати, яка дія потрібна для активації меню: клік мишки або просто наведення:
Також можна керувати розташуванням сайдбарів ( Sidebars ) окремо для головної сторінки, сторінки блогу, записів та простих сторінок:
Для області підвалу сайту ( Footer ) можна задати ширину, скільки використовувати зон для віджетів і чи потрібна кнопка "Перейти вгору":
Додаткові налаштування
У блоці Typography можна встановити параметри для main-body шрифтів і розміру тексту:
Також у розділі Blog можна вибрати режим відображення записів із блогу: повні записи або уривки записів (excerpts)
Створення нової сторінки
При створенні нової сторінки у вас з'являється безліч можливостей щодо налаштування її структури. Просто вибирайте варіант відображення, що цікавить вас:
Для кожної сторінки можна налаштувати варіант відображення сайдбару, ширину сторінки та кількість віджетів у підвалі.
Те саме можна зробити і при створенні звичайного запису для блогу.
Підсумки та вартість
GeneratePress – це чудова стартова тема для WordPress розробників. Якщо ви не хочете розробляти тему з нуля і не хочете купувати одну з преміум тем і потім випилювати з неї купу зайвого сміття, то стартова тема саме те, що потрібно.
Сама собою тема GeneratePress безкоштовна. Можна прямо зараз її скачати та приступити до створення нового сайту.
Якщо вам недостатньо можливостей та функцій у GeneratePress, можна окремо докупити модулі.
Єдина неприємність полягає в тому, що не можна купити кожен модуль окремо. Вони пропонуються тільки як єдиний набір, який коштує $39.95 на рік. Якщо вам не сподобаються модулі, у вас є 30 днів для повернення покупки.
Але вибір завжди за вами. Якщо ви не новачок у розробці, ви можете знайти самостійно необхідний код та функції для розширення можливостей GeneratePress під свої потреби.
А що ви скажете про розробку на стартових темах? Ви намагалися створювати свій проект на стартовій темі? Або по-старому берете готову преміум тему і переробляєте її під свої потреби, викидаючи з коду все зайве?
Обов'язково поділіться з нами у коментарях!
Джерело: generatepress.com
Коментарі до запису: 3
Чудовий матеріал. Може, закладки зробите? :)
Дякуємо!
Як стартова тема звик використовувати дефолтні вордпресівські теми, що йдуть в комплекті з двигуном. Для магазину, таки, йдуть або вони ж, або Storefront — тема від розробників Woocommerce. Зовнішній вигляд зовсім змінюю на свій.
Глючна тема… втомився боротися із шапкою. За налаштуваннями все вказав, а логіка не та зовсім. При зміні масштабу в браузері картинка шапки залишається на місці так і треба, але сам сайт, починаючи з горизонтального меню, повзає вниз, залишаючи між картинкою і меню біле полотно. І чим більший масштаб, тим більше це полотно. Ставиш режим планшет, одразу з'являється це лайно! У темі Astra таких проблем немає. Як вирішити цей баг, не знаєш?