Розробка сайту на CMS Pico

Розробка сайту на CMS Pico

Pico — мінімалістична flat-file CMS на PHP. Контент зберігається в Markdown-файлах, шаблони пишуться на Twig, конфігурація — в YAML. Ядро складається з кількох тисяч рядків PHP, без ORM, без шарів абстракції, без адміністративного інтерфейсу. Це робить Pico передбачуваним та надзвичайно легким у супроводі.

Коли Pico — правильний вибір

Pico підходить для проектів, де простота важливіша за функціональність: документація бібліотеки, портфоліо розробника, лендинг продукту, персональний блог, статичний API для JAMstack. Розгортається за 5 хвилин, працює на будь-якому PHP-хостингу.

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

Структура сайту

mysite/
  content/          # Markdown-контент (аналог pages/ в Grav)
    index.md        # головна сторінка → /
    about.md        # → /about
    services/
      index.md      # → /services
      web-dev.md    # → /services/web-dev
    blog/
      index.md
      2024-11-post.md
  themes/
    my-theme/       # активна тема
  plugins/          # плагіни
  config/
    config.yml
  lib/              # ядро Pico (не трогати)
  vendor/
  index.php

Frontmatter сторінки

---
Title: Розробка веб-сайтів
Description: Створення сайтів під ключ на сучасних технологіях
Author: Команда
Date: 2024-11-01
Robots: index,follow
Template: service
Tags: web, php, frontend
---

## Розробка сайтів

Текст сторінки в **Markdown**.

Навігація та структура

Pico автоматично формує масив pages в Twig — всі сторінки сайту:

{# Навігація першого рівня #}
{% for page in pages if page.id|split('/')|length == 1 and not page.hidden %}
<a href="{{ page.url }}"
   class="{{ current_page.id == page.id ? 'active' : '' }}">
    {{ page.title }}
</a>
{% endfor %}

Конфігурація

# config/config.yml
site_title: Мій сайт
base_url: https://mysite.com
theme: my-theme
date_format: d.m.Y
timezone: Europe/Kyiv
rewrite_url: true

pages_order:
  by: alpha    # alpha | date | meta
  asc: true

content_dir: content/
content_ext: .md

Типові проекти на Pico