A Focus CMS Default Theme a Focus CMS hivatalos alapértelmezett megjelenési sablonja. A téma elsődleges célja, hogy referencia-implementációként szolgáljon, bemutatva a rendszer frontend struktúráját, komponens-felépítését és integrációs mintáit.
Fontos hangsúlyozni, hogy ez a téma nem kötelező design irány, hanem egy mérvadó kiindulópont. A struktúra, a layout és a komponensek szabadon módosíthatók, cserélhetők vagy teljesen újraértelmezhetők a projekt igényei szerint.
📁 Modularitás és elhelyezés
A Focus CMS frontend témái — beleértve a Default Theme-et is — nem a vendor/ könyvtárba települnek, hanem közvetlenül a projekt Themes/ mappájába.
Ez biztosítja, hogy:
- a téma a projekt elsőrendű része maradjon,
- ne klasszikus dependency-ként viselkedjen,
- közvetlenül fejleszthető és testreszabható legyen,
- illeszkedjen a rendszer moduláris architektúrájához.
A témák deklaratív kezelése a themes.json konfiguráción keresztül történik, amelyet a Composer – Focus Theme Installer csomag használ a strukturált telepítéshez.
🎨 Technológiai alapok
A Default Theme jelenlegi implementációja:
- Tailwind CSS alapú stylingot használ,
- Alpine.js és jQuery komponens-interakciókat alkalmaz,
- NPM-alapú asset modularitással és build kompatibilitással rendelkezik.
Ugyanakkor a téma nem kötődik kizárólag ezekhez a technológiákhoz. A frontend réteg szabadon lecserélhető vagy újraépíthető bármely CSS frameworkre (pl. Bootstrap, custom CSS, utility-first vagy komponens-alapú megoldások), illetve bármely JavaScript stackre.
A Default Theme tehát nem egy végleges design sablon, hanem egy strukturális referencia, amely bemutatja, hogyan illeszkedik a megjelenési réteg a Focus CMS moduláris rendszerébe.
GitHub tároló
https://github.com/hi-personal/focus-cms-default-theme