Edwin Noorlander a86809c243 Refactor: Replace sidebar with horizontal navigation bar
- Remove sidebar and toggle functionality
- Add Bootstrap navbar with dropdown menus
- Move navigation to top between header and content
- Update menu rendering for Bootstrap dropdowns
- Clean up unused files (header.mustache, sidebar.mustache, sidebar.js)
- Add guide link with book icon in footer
- Simplify layout structure
- Remove duplicate code and fix syntax errors
- Add .gitignore for node_modules and other temp files
2025-11-21 14:23:41 +01:00

3.8 KiB

CodePress CMS Handleiding

Welkom bij CodePress CMS

CodePress is een lichtgewicht, op bestanden gebaseerd Content Management Systeem gebouwd met PHP en Bootstrap.

Inhoudsopgave

  1. Getting Started
  2. Content Management
  3. Templates
  4. Configuration

Getting Started

Vereisten

  • PHP 8.4+
  • Webserver (Apache/Nginx)
  • Modern web browser

Installatie

  1. Clone of download de CodePress bestanden
  2. Upload naar je webserver
  3. Zorg dat de content/ map schrijfbaar is
  4. Navigeer naar je website in de browser

Basis Configuratie

De belangrijkste instellingen vind je in engine/core/config.php:

$config = [
    'site_title' => 'Mijn Website',
    'default_page' => 'home',
    'content_dir' => __DIR__ . '/../../content',
    'templates_dir' => __DIR__ . '/../templates'
];

Content Management

Bestandsstructuur

content/
├── home.md              # Home pagina
├── blog/
│   ├── index.md         # Blog overzicht
│   ├── artikel-1.md     # Blog artikel
│   └── categorie/
│       └── artikel.md   # Artikel in categorie
└── over-ons/
    └── info.md          # Over ons pagina

Content Types

CodePress ondersteunt drie content types:

Markdown (.md)

# Pagina Titel

Dit is de inhoud van de pagina in **Markdown** formaat.

## Subsectie

- Lijst item 1
- Lijst item 2

PHP (.php)

<?php
$title = "Dynamische Pagina";
?>
<h1><?php echo $title; ?></h1>
<p>Dit is dynamische content met PHP.</p>

HTML (.html)

<h1>HTML Pagina</h1>
<p>Dit is statische HTML content.</p>

Automatische Linking

CodePress maakt automatisch links naar andere pagina's wanneer je paginanamen in je content noemt.


Templates

Template Structuur

CodePress gebruikt Mustache-compatible templates:

  • layout.mustache - Hoofdtemplate
  • assets/header.mustache - Header component
  • assets/sidebar.mustache - Sidebar navigatie
  • assets/footer.mustache - Footer component

Template Variabelen

Beschikbare variabelen in templates:

  • {{site_title}} - Website titel
  • {{page_title}} - Huidige pagina titel
  • {{content}} - Pagina inhoud
  • {{menu}} - Navigatie menu
  • {{breadcrumb}} - Broodkruimel navigatie

Configuration

Basis Instellingen

Pas engine/core/config.php aan voor jouw website:

$config = [
    'site_title' => 'Jouw Website Naam',
    'default_page' => 'home',           // Standaard startpagina
    'content_dir' => __DIR__ . '/../../content',
    'templates_dir' => __DIR__ . '/../templates'
];

SEO Vriendelijke URLs

CodePress genereert automatisch schone URLs:

  • home.md/home
  • blog/artikel.md/blog/artikel

Zoekfunctionaliteit

De ingebouwde zoekfunctie doorzoekt:

  • Bestandsnamen
  • Content van Markdown/PHP/HTML bestanden

Tips en Tricks

Pagina Organisatie

  • Gebruik submappen voor categoriën
  • Geef elke map een index.md voor een overzichtspagina
  • Houd bestandsnamen kort en beschrijvend

Content Optimalisatie

  • Gebruik duidelijke koppen (H1, H2, H3)
  • Voeg beschrijvende meta-informatie toe
  • Gebruik interne links voor betere navigatie

Veiligheid

  • Houd je CodePress installatie bijgewerkt
  • Beperk schrijfrechten op de content/ map
  • Gebruik HTTPS indien mogelijk

Ondersteuning

Problemen Oplossen

  • Lege pagina's: Controleer bestandsrechten
  • Template fouten: Verifieer template syntax
  • 404 fouten: Controleer bestandsnamen en paden

Meer Informatie


Deze handleiding is onderdeel van CodePress CMS en wordt automatisch getoond wanneer er geen content beschikbaar is.