Початок роботи з GRH CMS

Sep 12, 2025

Як

(Зображення кредиту: майбутнє)

GRAG - це система управління контентом (CMS) з різницею. Системи управління контентом є звичайними в сучасному веб-сайті, з платформами, як WordPress (або інший веб хостинг Провайдер), що живить великий відсоток веб-сайтів. Вони забезпечують простий у використанні графічний інтерфейс для нетехнічних користувачів, щоб додати статті та вміст, тоді як розробники обробляють код окремо (аналогічним способом до простого до використання Веб-будівельник ).

Основні недоліки приходять, коли CMS роздуть непотрібними функціями, або змушують розробників, щоб працювати в контрпродуктивному порядку. Навіть основний веб-сайт CMS-побудований, який трохи більше, ніж Цільова сторінка Посилається на базу даних, яка може зробити міграцію та управління більшим завданням, ніж це повинно бути.

Зустрічатися Гравливий , CMS побудований з метою бути легким, гнучким - і без традиційної бази даних. Але це ще має додаткову адміністративну панель з графічним інтерфейсом, керування користувачами та ті ж функції очікуються від CMS.

While Grav не має традиційної бази даних, що працює на MySQL або подібному, він має тип бази даних, який зберігається у папках та звичайних текстових файлах. Ці файли зберігають вміст з синтаксисом Markdown з конфігурацією, що зберігається в YAML. Якщо у вас є вміст для зберігання, спробуйте їх хмара зберігання Варіанти.

Як і у вивченні будь-якої нової системи, гравці може зайняти трохи зусиль, щоб розпочати роботу, а документацію, хоча покращує, залишає деякі питання без відповіді, залишаючи вас, щоб виконати попередньо зроблені "скелети". Цей підручник допоможе вам встановити GRAG та додавати сторінки за умовчанням Quark теми.

Завантажте файли Для цього підручника.

Як вибрати правильну CMS

01. Налаштуйте місцеве середовище

GRAV вимагає веб-сервера, такого як Apache або Nginx, і принаймні версія 7.1.3 PHP.

Налаштуйте місцевий сервер Wamp, MAMM або LAMP. Git та композитор також будуть використані для забезпечення того, щоб вони могли бути використані в командному рядку.

02. Створіть робочий каталог

У рамках веб-кореня локального сервера створіть новий каталог та зателефонуйте до нього "Grav-Project" Відкрийте командний рядок або термінал та тест, щоб побачити, чи встановлено PHP з "PHP -V", якщо повертається номер версії.

Якщо ні, то переконайтеся, що PHP встановлено.

03. Встановіть копію грав

Найпростіший спосіб встановити GRAG - це завантажити файл ZIP з веб-сайту та витягнути його до папки, створеної раніше.

Використовуйте метод установки GIT для вивчення GROV CLI. Перейдіть до веб-кореня локального сервера та запустіть наступну команду.

 Git Clone -B Master https://github.com
getgrav / grav.git grav-project

04. Встановлення залежностей

Get started with Grav CMS: Install dependencies — Використовуйте композитор для встановлення залежностей, які вам потрібні (Кредит зображення: веб-дизайнер)

Пропустіть, якщо встановити з ZIP. Змінити каталог "Grav-Project", а потім використовувати композитор для встановлення необхідних залежностей.

Після встановлення використовуйте GROV CLI, щоб встановити тему та плагіни. На Windows, GROV команди повинні бути присутніми з "PHP"

 CD Grav-Project
Композитор встановлює --no-dev -o
Бен / гранова установка

05. Тестування установки

Get started with Grav CMS: Test the installation — Намагайтеся не отримати 404 (Кредит зображення: веб-дизайнер)

Граний доступ до Localhost / Grav-Project. Відкриття цієї сторінки в браузері показує графічний екран Grav.

Натисніть на сторінку типографіки, щоб перевірити помилки. Якщо ви зіткнулися з помилкою 404, зверніться до усунення несправностей Grav у документації.

06. Додайте нову сторінку

Get started with Grav CMS: Add a new page — Grav сторінки зберігаються як текстові файли (Кредит зображення: веб-дизайнер)

Сторінка в гравці - це текстовий файл у каталозі "Користувач / сторінки". Щоб створити нову сторінку, перейдіть до каталогу "Grav-Project / Current / Pages" та створіть нову папку, названу 03.Буд, потім створіть новий файл, який буде називатися за умовчанням. М.М..

GRAG використовує "синтаксис Markdown" для надання сторінок.

07. Встановіть панель адміністратора

Для того, щоб прискорити процес створення та керування вмістом та розблокувати повний, зручний потенціал GROV CMS, модуль панелі адміністратора може бути встановлений. З командного рядка запустіть таку команду:

 PHP Bin / GPM Встановлення адміністратора

08. Створіть користувача адміністратора

Get started with Grav CMS: Create an admin user — За допомогою модуля адміністратора встановлено, ви можете створити користувача адміністратора (Кредит зображення: веб-дизайнер)

Освіжаюча будь-яка сторінка на веб-сайті GRAG, коли встановлено модуль адміністратора, відкриє підказку для створення нового користувача адміністратора. Заповніть свої дані та знайдіть нотатку пароля, щоб перейти до інформаційної панелі.

09. Редагувати за допомогою інтерфейсу адміністратора

За допомогою налаштувань панелі адміністратора натисніть на сторінках у лівій панелі, а потім натисніть на сторінку, зроблену раніше.

Після цього завантаження ви зможете побачити область введення вмісту, яка дозволяє легко редагувати вміст сторінок.

10. Додайте дитячі сторінки

Видаліть сторінку типографіки на панелі адміністратора, а потім додайте нову сторінку, щоб замінити його.

Введіть послуги для назви та назви папки, а потім натисніть кнопку Продовжити, зберігаючи решту варіантів як значення за замовчуванням. Введіть певний вміст для цієї сторінки та натисніть Зберегти.

Тепер створіть іншу сторінку з кнопкою "Додати" та введіть назву служби. Переконайтеся, що "видимий" встановлений на YES, потім продовжити.

11. Встановіть домашню сторінку до модульної

Get started with Grav CMS: Set homepage to modular — Для більш складних сторінок змініть шаблон до модульного (Кредит зображення: веб-дизайнер)

Під час того, як можна легко додавати текст та заголовки на сторінку, є швидким та простим для основних веб-сайтів, це зрозуміло, що веб-сайт буде мати більш складні вимоги. Редагувати домашню сторінку та на вкладці «Додаткова» Змінити шаблон сторінки до модульного. Обов'язково збережіть сторінку.

12. Додайте модуль

Get started with Grav CMS: Adding a module — Давайте додати модуль героя (Кредит зображення: веб-дизайнер)

Модулі - це блоки вмісту, встановлені темою, яка може бути використана при побудові сторінки з різноманітними розділами.

Тепер, коли домашня сторінка була перетворена, видаліть попередньо зроблений вміст для домашньої сторінки та збережіть зміни. Потім у верхній частині сторінки натисніть кнопку Додати & gt; додати модульний І заповніть назву "Герой" та встановіть сторінку "додому". Для модульного шаблону виберіть опцію "Герой".

13. Заключити модуль героя

Get started with Grav CMS: Populate the Hero module — Модулі відтворюються в блок на батьківській сторінці (Кредит зображення: веб-дизайнер)

Модулі обробляються так само, як підсторонні на панелі адміністратора, але замість того, щоб утворювати підхід, вони надають свій вміст у блок на батьківську сторінку. Редагувати нещодавно створений модуль героя та додати заголовок, якийсь текст і додати зображення героя в "ЗМІ сторінки". Зберегти сторінку.

14. Додайте модуль функцій

Повторіть вищевказаний крок, але виберіть Модуль функцій. При редагуванні сторінки вкладка "функції", яка дозволяє встановити макет, і додати окремі стовпці з іконою, заголовка та текст. Додайте чотири з цих стовпців і дайте їм вміст.

15. Додайте текстовий блок

Останній модуль на домашній сторінці буде стандартним блоком вмісту. Додайте це та введіть потрібний вміст у цю область, прикріплюючи зображення та збережіть сторінку.

Нарешті, відкрийте кожен блок до цих пір, включаючи домашню сторінку батьків та видаліть будь-які класи CSS, перейшовши на вкладку "Додатково" та випорожнення поля класів тіла. Це класи CSS, встановлені темою, яка дозволяє налаштувати кожен блок.

16. Налаштуйте параметри

Щоб встановити логотип сайту та масив параметрів для теми, голова до меню "Теми", а потім натисніть на кварк, наразі активну тему.

Налаштуйте ці налаштування, а потім натисніть кнопку "Конфігурація", щоб отримати доступ до таких варіантів, як "Назва сайту".

Ця стаття була опублікована у випуску 291 журналу Creative Web Design Веб-дизайнер . Купити проблему 291 тут .

Пов'язані статті:

Використовуйте WordPress як безголову CMS
Як анімувати з бібліотекою Mo.JS
10 причин, чому ви повинні використовувати атомний дизайн

Початок роботи з GRH CMS

01. Налаштуйте місцеве середовище

02. Створіть робочий каталог

03. Встановіть копію грав

04. Встановлення залежностей

05. Тестування установки

06. Додайте нову сторінку

07. Встановіть панель адміністратора

08. Створіть користувача адміністратора

09. Редагувати за допомогою інтерфейсу адміністратора

10. Додайте дитячі сторінки

11. Встановіть домашню сторінку до модульної

12. Додайте модуль

13. Заключити модуль героя

14. Додайте модуль функцій

15. Додайте текстовий блок

16. Налаштуйте параметри

Як - Найпопулярніші статті

8 найсучасніших функцій CSS (і як їх використовувати)

Як видалити фон в Photoshop

Дизайн відтворюваного аватара для відеоігор

Як створити дивовижні ефекти з фігурами CSS

Як розплавити 3D-об'єкт з трьома.JS

Намалюйте портрет у маслах

5 Поради щодо скульптури в подвійному швидкому часі

Як використовувати фондову фотографію творчо в межах вашої дизайнерської роботи

Категорії