Template Management

Create reusable page templates with HTML structure and CSS styles

Overview

Templates define the HTML structure and CSS styling for pages. Create reusable templates with customizable regions for flexible content management.

Key Features

HTML Structure

Define page layout with HTML

CSS Styling

Custom styles for each template

Content Regions

Define editable areas in templates

Active/Inactive

Enable or disable templates

Template Structure

{
  "id": 1,
  "name": "Standard Page",
  "description": "Standard layout with header, content, and sidebar",
  "html_structure": "<div class='container'>...</div>",
  "css_styles": ".container { max-width: 1200px; }",
  "regions": [
    {"name": "header", "type": "text"},
    {"name": "main_content", "type": "rich_text"},
    {"name": "sidebar", "type": "component"}
  ],
  "is_active": true
}

Creating Templates

1. Access Templates

   Navigate to Plantillas from sidebar.

2. Create Template

   • Name: Template identifier
   • Description: Template purpose
   • HTML Structure: Base HTML layout
   • CSS Styles: Custom styles
   • Regions JSON: Editable regions
   • Active: Enable template
3. Save Template

   Submit to create template.

HTML Structure

templates.php

$html_structure = trim($_POST['html_structure'] ?? '');
$css_styles = trim($_POST['css_styles'] ?? '');

Define the page layout with semantic HTML.

Content Regions

templates.php

$regions_json = trim($_POST['regions_json'] ?? '[]');
$regions = json_decode($regions_json, true);
if (!is_array($regions)) $regions = [];

$templateData['regions'] = $regions;

Regions define editable content areas in the template.

Database Table

Table: cms_templates

Column	Type	Description
id	integer	Primary key
name	text	Template name
description	text	Template description
html_structure	text	HTML layout
css_styles	text	CSS styles
regions	jsonb	Editable regions
is_active	boolean	Active status

Next Steps

Pages

Use templates in pages

Content

Manage page content