52 lines
1.4 KiB
Markdown
52 lines
1.4 KiB
Markdown
# Raiju CMS — Examples
|
|
|
|
Reference templates and demo content to help you build pages.
|
|
|
|
## Templates
|
|
|
|
| File | Description |
|
|
|------|-------------|
|
|
| `templates/page-simple.php` | Standard page using `renderAllSections()` — content comes entirely from JSON |
|
|
| `templates/page-custom.php` | Custom layout with `editableText()`, `editableImage()`, and render components |
|
|
| `templates/page-news.php` | News listing page using `renderNewsList()` |
|
|
|
|
## Content
|
|
|
|
| File | Description |
|
|
|------|-------------|
|
|
| `content/all-block-types.json` | Every section type with example data |
|
|
| `content/custom-layout.json` | Hero + feature grid + FAQ + CTA pattern |
|
|
|
|
## Fonts
|
|
|
|
The `fonts/` directory contains optional web fonts (Playfair Display, Inter, Geist Mono).
|
|
To use them:
|
|
|
|
1. Copy the font files to your project's `assets/fonts/` directory
|
|
2. Uncomment the `fonts.css` line in `includes/header.php`
|
|
3. Update CSS variables in `css/style.css`:
|
|
|
|
```css
|
|
:root {
|
|
--font-display: 'Playfair Display', serif;
|
|
--font-body: 'Inter', sans-serif;
|
|
}
|
|
```
|
|
|
|
## How to Use
|
|
|
|
Copy any template to your language directory and rename it:
|
|
|
|
```bash
|
|
cp examples/templates/page-simple.php en/about.php
|
|
```
|
|
|
|
Then create the matching content file:
|
|
|
|
```bash
|
|
cp examples/content/all-block-types.json content/pages/en_about.json
|
|
```
|
|
|
|
Edit the JSON to set `"page": "en_about"` and customize the sections.
|
|
Add the page to `includes/nav-config.php` to include it in navigation.
|