Igniter CMS Documentation

Requirements

• PHP (recommended version: 8.0 or higher)
• Enable `zip`, `gd`, and `intl` extension in php ini
• Composer installed.
• MySQL, Postgre, SQLite or another supported database
• Web server (Apache, Nginx, etc.)

Installation Steps

1. Clone or download the project from the repository (GitHub).
2. Navigate to the project folder and run composer install to install dependencies.
3. Set the database config in the .env file to configure environment and database settings.
   database.default.hostname = localhost
database.default.database = igniter_cms_db
database.default.username = root
database.default.password = db_password
database.default.DBDriver = MySQLi
database.default.DBPrefix =
database.default.port = 3306

4. Set the base URL in .env file. app.baseURL = 'http://localhost/igniter-cms/'
5. Make sure you create the database in your local server.
6. Generate App Key: php spark generate:key. This command will generate/update the application key (APP_KEY) in .env file.
7. Run database migrations with php spark recreate:tables.
8. Open the base url in browser. E.g. https://localhost/igniter-cms/.

Note: To reset database you can use these commands php spark recreate:tables

Using the Installer

1. Download the Igniter CMS (zip) from this zip file.
2. Extract the contents into your local web server directory (e.g., htdocs, www, or public_html).
3. Alternatively, clone to repo into your local web server directory.
4. Open the installer in your browser (for example: http://localhost/igniter-cms-installer/).
5. Follow the on-screen instructions to provide your database and application details.
6. Once installation is complete, the installer will configure your application, generate the .env file, set up the database, install dependencies
7. The /install folder should be deleted after installation. Note it would be automatically removed in "production" environment for security.
8. You can now access your site at the base URL you configured during installation.

Permissions

Ensure writable and public/uploads directories are writable by the web server.

Themes

Manage application themes here. Add, Active or remove themes.

Theme Editor

Edit theme files here. Uses code editor to edit file contents.

Theme Revisions & Version Control

The CMS includes a built-in versioning system for your theme files, allowing you to experiment with code changes safely and revert to previous versions if something goes wrong.

1. Creating a Revision

Revisions are created automatically whenever you save a file in the Theme Editor:

1. Go to Appearance > Theme Editor (/account/appearance/theme-editor).
2. Select the file you wish to edit (e.g., _layout.php or site.css).
3. Make your changes and click the "Save File" button. The system will instantly archive the previous version of the code as a new revision.

2. Managing & Restoring Revisions

To view your history or restore an old version of your theme, navigate to Appearance > Revisions (/account/appearance/theme-editor/revisions).

• View History: You will see a list of all saved versions, timestamped and organized by file name.
• Copy & Restore: Click on a revision to view the code. You can copy the code from a previous version and paste it back into the active Theme Editor to restore your site's appearance.

Update Details

Update your account information (name, bio, etc.).

Change Password

Change your account password.

Installed Plugins

Manage installed plugins.

Plugin Configs

Manage plugin's configuration data.

Ask AI

Get instant AI-powered assistance for any questions related to Igniter CMS. Features include:

• AI-powered responses for troubleshooting and best practices.
• Instant answers for common CMS-related queries.
• Guidance on module usage and integrations.
• Recommendations for optimizing CMS performance.
• Interactive search for documentation and support topics.

AI Text Generation

Generate content dynamically to improve site efficiency and SEO ranking. Features include:

• Generate CMS titles based on best practices.
• Automate description generation for pages and posts.
• Create dynamic SEO metadata to improve search visibility.
• Suggest relevant tags for categorization.
• Enhance user engagement with AI-crafted summaries.

AI Analysis

Leverage AI to gain insights into site performance and operational data. Features include:

• Analyze site statistics for visitor trends.
• Review and interpret error logs for debugging.
• Track file logs for audit trails and security monitoring.
• Evaluate activity logs to monitor user engagement.
• Provide actionable insights for site optimization.

FTP Deployment

Deploying via FTP involves manually transferring files and setting up your database.

1. Database Setup:
   1. Log in to your hosting control panel (e.g., cPanel).
   2. Create a new database and a new database user.
   3. Grant the newly created user all necessary permissions on the database.
   4. Export your local Igniter CMS database from phpMyAdmin (or your preferred database management tool).
   5. Access phpMyAdmin in your hosting control panel and import the exported database file into the newly created database.
2. FTP Connection:
   1. If you don't already have one, create an FTP user in your hosting control panel.
   2. Connect to your server using an FTP client (e.g., FileZilla) with your FTP credentials.
   3. Navigate to the desired directory on your server where your website files will reside (e.g., public_html or a subdirectory).
3. File Transfer:
   1. Upload all Igniter CMS project files from your local machine to the chosen server directory.
4. Configuration Updates:
   1. Open the .env file in your uploaded project root on the server and update the database connection details (database name, username, password).
   2. Open app/Config/Database.php on the server and ensure the database connection settings are correct.
   3. Open app/Config/App.php on the server and set the baseURL to your domain (e.g., https://your-domain.com/).

CI/CD Pipeline (GitHub Actions)

This method leverages a Continuous Integration/Continuous Deployment pipeline using GitHub Actions for automated deployment.

1. Workflow File Preparation:
   1. Navigate to the .github/workflows/ directory in your local Igniter CMS project.
   2. Rename main.yaml.txt to main.yaml.
   3. Open the main.yaml file.
   4. Uncomment the YAML configuration by removing the # symbol from the beginning of relevant lines.
   5. Update the server key with your FTP server address (e.g., server: ftp.your-domain.com).
   6. Update the server-dir key with the path to your website's directory on the server (e.g., server-dir: /your-site-path).
2. GitHub Repository Setup:
   1. Create a new Git repository on GitHub.
   2. Add two repository secrets: FTPUSERNAME and FTPPASSWORD, using your FTP account details.
3. Local Configuration Updates:
   1. Update your local .env file with the production database connection details.
   2. Update app/Config/Database.php with the production database connection settings.
   3. Set the baseURL in your local app/Config/App.php to your domain.
4. Vendor Folder Handling:
   1. Zip your local vendor folder (e.g., vendor.zip).
   2. Manually upload vendor.zip to your server's deployment directory (e.g., using FTP or File Manager).
   3. Extract the vendor.zip file in the server's deployment directory. The vendor folder is typically not pushed to Git due to its size and dynamic nature.
5. Server .env File:
   1. Create an .env file directly on your server in the root of your deployed application directory. This file will not be pushed by Git. Configure it with your production environment variables, especially database credentials.
6. Push to GitHub:
   1. Commit all your local changes (including the renamed main.yaml and updated configurations).
   2. Push your committed changes to your GitHub repository. The CI/CD pipeline will automatically trigger and deploy your application.
7. Database Setup: (Same as step 1.a-d in FTP Deployment)
   1. Log in to your hosting control panel (e.g., cPanel).
   2. Create a new database and a new database user.
   3. Grant the newly created user all necessary permissions on the database.
   4. Export your local Igniter CMS database from phpMyAdmin (or your preferred database management tool).
   5. Access phpMyAdmin in your hosting control panel and import the exported database file into the newly created database.

File Upload (cPanel File Manager)

This method utilizes your hosting provider's file manager to upload your entire project as a compressed archive.

1. Local Configuration Updates:
   1. Update your local .env file with the production database connection details.
   2. Update app/Config/Database.php with the production database connection settings.
   3. Set the baseURL in your local app/Config/App.php to your domain.
2. Compress Project:
   1. Zip your entire Igniter CMS project folder on your local machine. Ensure the zip file contains all necessary files and folders.
3. Database Setup: (Same as step 1.a-d in FTP Deployment)
   1. Log in to your hosting control panel (e.g., cPanel).
   2. Create a new database and a new database user.
   3. Grant the newly created user all necessary permissions on the database.
   4. Export your local Igniter CMS database from phpMyAdmin (or your preferred database management tool).
   5. Access phpMyAdmin in your hosting control panel and import the exported database file into the newly created database.
4. Upload and Extract:
   1. Log in to your hosting control panel (e.g., cPanel).
   2. Open the "File Manager".
   3. Navigate to the directory where you want to deploy your website (e.g., public_html or a specific subdirectory).
   4. Click on the "Upload" button and select your zipped Igniter CMS project file.
   5. Once the upload is complete, select the uploaded zip file in the File Manager.
   6. Click on the "Extract" button and choose the target directory for extraction (usually the current directory).
   7. Make sure that the file permissions are set correctly. 0755 for directories and 0644 for files

Frontend Format (Headless/MVC)

You can set the CMS as a headless CMS or use the Views to render data. To set the format for frontend, got the Admin > Configurations and search FrontEndFormat. Set it to either MVC or API

Endpoints

The app includes fetch-only APIs for retrieving CMS data.

• Generic Model Data
• /api/{api-key}/get-model-data?model=navigations&take=10&skip=0: Generic - Fetch navigations (10 items, skip 0).
• /api/{api-key}/get-model-data?model=categories&where_clause={"status":1}: Generic - Fetch filtered categories (e.g., status = 1).
• /api/{api-key}/get-model-data?model=blogs&where_clause={"blog_id":"{blog-id}"}: Generic - Fetch filtered blogs (e.g., blog_id = {blog-id}).
• /api/{api-key}/get-model-data?model=blogs&where_clause={"blog_id":"{blog-id}","status":1}: Generic - Fetch multiple filtered blogs (e.g., blog_id = {blog-id} and status = 1).

Model Names

Model Attributes

App Messages

Customize the messages in the app in app/Config/CustomConfig.php.

class CustomConfig extends BaseConfig
{
        #--------------------------------------------------------------------
        # MESSAGES
        #--------------------------------------------------------------------
        public $wrongCredentialsMsg = 'Sign In Failed. The provided username/email or password is incorrect.';
        public $loginSuccessMsg = 'Login successful.';
        public $logoutSuccessMsg = 'You have been successfully logged out.';
        public $pendingActivationMsg = 'Your account has not been activated yet or is no longer active. Please contact the administrator.';
        public $tooManyFailedLogins = 'Too many failed login attempts. Your IP has been blocked for 1 hour.';
        public $invalidAccessMsg = 'You do not have access to this area.';
        public $createSuccessMsg = 'Record created successfully.';
        public $editSuccessMsg = 'Record updated successfully.';
        public $deleteSuccessMsg = 'Record removed successfully.';
        public $missingRequiredInputsMsg = 'There are validation errors. Possible missing required inputs.';
        public $sentContactMsg = 'Message sent successfully.';
        public $failedContactMsg = 'Form submission failed.';
        public $notFoundMsg = 'Record not found.';
        public $alreadyExistMsg = '[Record] already exists in table.';
        public $errorMsg = 'Oops! Something went wrong. Please try again later.';
        public $resetLinkMsg = 'A password reset link has been sent to your email address. Please check your inbox and follow the instructions to reset your password. If you do not see the email in your inbox, please check your spam or junk folder.';
        public $invalidResetLinkMsg = 'Invalid or expired password reset link.';
        public $passwordResetRequiredMsg = 'For security reasons, you need to change your password before continuing. Your current password was either set by an administrator or is a default password.';
        public $passwordResetSuccessfulMsg = 'Your password has been reset successfully. You can now log in with your new password.';
        public $passwordResetFailedMsg = 'Unable to reset password. Please try again';
        public $nonExistingResetEmailMsg = 'We are sorry, but the email address you entered is not associated with any account. Please check the email address and try again.';
        public $exceptionMsg = 'There was an error processing your request. Please try again. If this error persists, please see or send an email to system administrator.';
        public $contactMessageSuccessful = 'Your message has been sent successfully.';
        public $contactMessageFailed = 'Oops! Something went wrong with your message submission. Please try again later.';
        public $bookingSuccessful = 'Your booking has been made successfully.';
        public $bookingFailed = 'Oops! Something went wrong with your booking submission. Please try again later.';
        public $subscriptionSuccessful = 'You have successfully subscribed!';
        public $subscriptionFailed = 'Sorry, something went wrong with your subscription. Please try again.';

        #--------------------------------------------------------------------
        # THEME CATEGORIES
        #--------------------------------------------------------------------
        public $themeCategories = [
            'Business' => 'Business & Corporate',
            'Ecommerce' => 'Ecommerce',
            'Portfolio' => 'Portfolio & Resume',
            'News' => 'Blog & News',
            'Events' => 'Event & Booking Websites',
            'Educational' => 'Educational & Membership Websites',
            'Restaurant' => 'Restaurant & Hospitality Websites',
            'Health' => 'Health & Wellness Websites',
            'Directory' => 'Directory & Listing Websites',
            'Entertainment' => 'Entertainment Websites',
            'General' => 'General',
        ];


        #--------------------------------------------------------------------
        # USER ROLES
        #--------------------------------------------------------------------
        public $userRoles = [
            'Admin' => 'Admin',
            'Manager' => 'Manager',
            'User' => 'User',
        ];
    }
                                    

Activity Types Message

Customize the data for activity types in logs in app/Constants/ActivityTypes.php.

class ActivityTypes 
{
    //AUTH LOGS
    const USER_REGISTRATION = 'user_registration';
    const FAILED_USER_REGISTRATION = 'failed_user_registration';
    const USER_LOGIN = 'user_login';
    const USER_LOGOUT = 'user_logout';
    const FAILED_USER_LOGIN = 'failed_user_login';

    //CONTACT LOGS
    const CONTACT_CREATION = 'contact_created';
    const FAILED_CONTACT_CREATION = 'failed_contact_creation';
    const CONTACT_UPDATE = 'contact_updated';
    const FAILED_CONTACT_UPDATE = 'failed_contact_update';
    const CONTACT_DELETION = 'contact_delete';

    //USER LOGS
    const USER_CREATION = 'user_created';
    const FAILED_USER_CREATION = 'failed_user_creation';
    const USER_UPDATE = 'user_updated';
    const FAILED_USER_UPDATE = 'failed_user_update';
    const USER_DELETION = 'user_delete';

    .........................................................

    /**
        * Gets the description for a given activity type.
        *
        * @param string $type The activity type.
        * @return string The description of the activity type, or "Unknown Activity" if not found.
        */
    public static function getDescription($type)
    {
        $descriptions = [
            //Auth
            self::USER_REGISTRATION => 'User Registration',
            self::FAILED_USER_REGISTRATION => 'User Registration Failed',
            self::USER_LOGIN => 'User Login',
            self::USER_LOGOUT => 'User Logout',
            self::FAILED_USER_LOGIN => 'Failed User Login',

            //Contact
            self::CONTACT_CREATION => 'Contact Creation',
            self::FAILED_CONTACT_CREATION => 'Contact Creation Failed',
            self::CONTACT_UPDATE => 'Contact Update',
            self::FAILED_CONTACT_UPDATE => 'Contact Update Failed',
            self::CONTACT_DELETION => 'Contact Deletion',

            //User
            self::USER_CREATION => 'User Creation',
            self::FAILED_USER_CREATION => 'User Creation Failed',
            self::USER_UPDATE => 'User Update',
            self::FAILED_USER_UPDATE => 'User Update Failed',
            self::USER_DELETION => 'User Deletion',

            .........................................................
        ];

        return $descriptions[$type] ?? 'Unknown Activity';
    }
}
                                

Theme Files

Customize the files by going to app/Views/front-end/themes/{theme-folder}.

CRON Jobs/Scheduler

Igniter CMS includes a built-in CRON controller to automate background tasks. These tasks are managed in app/Controllers/CronController.php.

1. Security Configuration

Define a strong secret key in your .env file to prevent unauthorized access:

CRON_SECRET_KEY = "your-strong-secret-key-here-12345"

2. Automation Methods

Choose one of the following methods to trigger your CRON tasks every minute:

Method A: Using an External Web Cron Service (Easiest)

If you are on shared hosting or don't want to touch server logs, use a free service like cron-job.org or EasyCron.

• URL to call: https://yourdomain.com/cron/run?key=your-secret-key
• Execution interval: Every 1 minute (or as desired).
• Request Method: GET

Method B: Server-Side Crontab (Recommended for VPS)

Add this line to your server's crontab file to trigger the script internally:

3. Verifying Execution

When the CRON runs successfully, it returns a JSON response and logs the activity:

{
	"status": "success",
	"message": "Cron job(s) executed successfully",
	"timestamp": "2026-02-17 13:22:23"
}

AI Configuration (Gemini)

Igniter CMS integrates with Google Gemini to provide advanced AI features, including blog generation assistance and automated data analysis for site logs and visits.

1. Environment Setup

To begin, you must add your Gemini API credentials to your .env file. You can obtain a key from the Google AI Studio.

GEMINI_REQUEST_URL = "https://generativelanguage.googleapis.com/v1beta/models/gemini-3-flash-preview:generateContent"
                        GEMINI_REQUEST_KEY = "your-gemini-key-here"

2. System Settings

Once your credentials are set, you must enable the features within the Admin Dashboard:

• Navigate to: Settings > Configurations (or /account/admin/configurations).
• Enable Gemini AI: Set this to Yes to activate the AI "Generate" buttons in the blog and content editors.
• Enable Gemini AI Analysis: Set this to Yes if you want the system to use AI to analyze site traffic, error logs, and user behavior. Set to No to disable data processing while keeping text generation active.

Theme Development

Igniter CMS features a powerful theme system that separates presentation logic from core functionality. Themes are self-contained directories that include view templates, static assets, and configuration. This guide will help you create professional, feature-rich themes for your CMS installation.

1. Theme Directory Structure

Every theme must follow this exact structure to be recognized by the CMS:

theme-name/
├── assets/
│   ├── css/
│   │   └── site.css          # Your custom styles (optional)
│   ├── images/
│   │   └── preview.png       # Theme preview image (740x460px recommended)
│   └── js/
│       └── site.js           # Your custom JavaScript (optional)
├── views/
│   ├── blogs/
│   │   ├── index.php         # Blog listing page
│   │   └── view-blog.php     # Single blog post page
│   ├── home/
│   │   └── index.php         # Homepage template
│   ├── includes/
│   │   └── _functions.php    # Theme-specific helper functions
│   ├── layout/
│   │   └── _layout.php       # Master layout template
│   ├── pages/
│   │   └── view-page.php     # Static page template
│   └── search/
│       ├── filter.php        # Filtered search results (category/tag/author)
│       └── index.php         # General search results
└── theme.json                # Theme configuration file

2. Required View Templates

Each template file serves a specific purpose and receives specific data from the CMS:

3. theme.json Configuration

The theme.json file defines your theme's metadata and visual settings. Here's a complete example with all available options:

{
    "name": "My Awesome Theme",
    "path": "my-awesome-theme",
    "description": "A modern, responsive theme for business websites",
    "version": "1.0.0",
    "author": "Your Name",
    "email": "your@email.com",
    "author_url": "https://yourwebsite.com",
    "theme_url": "https://yourwebsite.com/theme",
    "image": "preview.png",
    "category": "Business",
    "sub_category": "Corporate",
    "default_color": "#6c757d",
    "heading_color": "#212529",
    "accent_color": "#0d6efd",
    "surface_color": "#f8f9fa",
    "contrast_color": "#0d6efd",
    "background_color": "#ffffff",
    "use_static_theme_nav": 0,
    "override_default_style": 1,
    "plugins_required": "seo-master,easy-hide-login",
    "license": "MIT",
    "requires": {
        "php": ">=8.0",
        "igniter-cms": ">=2.0"
    }
}
    

4. Core Theme Functions

Your theme has access to these essential helper functions (defined in includes/_functions.php or available globally):

5. Creating the Master Layout (_layout.php)

The layout file is the foundation of your theme. Here's a minimal working example:

<?php
$theme = getCurrentTheme();
$siteName = getConfigData("SiteName");

// Load theme data from theme.json
$themeData = [
    'accentColor' => getThemeData($theme, "accent_color"),
    'backgroundColor' => getThemeData($theme, "background_color"),
];

// Load navigation
$navigationsModel = new \App\Models\NavigationsModel();
$topNavLists = $navigationsModel->where('group', 'top_nav')->findAll();
?>

<?= $this->include('front-end/themes/'.$theme.'/includes/_functions.php'); ?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $siteName ?></title>
    
    <!-- Bootstrap 5 (required) -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Theme Custom CSS -->
    <link href="<?= base_url('public/front-end/themes/'.$theme.'/assets/css/site.css') ?>" rel="stylesheet">
</head>
<body>
    <?= renderAdminBar() ?>
    
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container">
            <a class="navbar-brand" href="<?= base_url() ?>">
                <?= $siteName ?>
            </a>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <?php foreach ($topNavLists as $navigation): ?>
                        <?= themef_renderNavigation($navigation, $navigationsModel) ?>
                    <?php endforeach; ?>
                </ul>
            </div>
        </div>
    </nav>
    
    <!-- Main Content Area -->
    <main>
        <?= $this->renderSection('content') ?>
    </main>
    
    <!-- Footer -->
    <footer class="bg-dark text-white text-center py-3">
        <p>&copy; <?= date('Y') ?> <?= $siteName ?>. All rights reserved.</p>
    </footer>
    
    <!-- Bootstrap JS Bundle -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="<?= base_url('public/front-end/themes/'.$theme.'/assets/js/site.js') ?>"></script>
</body>
</html>
    

6. Working with Helper Functions (renderBlogContent, renderSearchResults, etc.)

Igniter CMS provides built-in helper functions that render consistent, theme-agnostic output. These are perfect for rapid development:

7. Navigation Rendering

The themef_renderNavigation() function handles multi-level menus automatically. Define it in includes/_functions.php:

<?php
/**
 * Renders navigation with dropdown support for child items
 */
function themef_renderNavigation(array $navigation, object $navigationsModel): string
{
    $navId = $navigation['navigation_id'];
    $title = $navigation['title'];
    $link = getLinkUrl($navigation['link']);
    $target = $navigation['new_tab'] === "1" ? "_blank" : "_self";
    
    // Get child items
    $children = $navigationsModel->where('parent', $navId)
                                 ->orderBy('order', 'ASC')
                                 ->findAll();
    
    if (empty($children)) {
        return '<li class="nav-item">
                    <a class="nav-link" href="'.$link.'" target="'.$target.'">
                        '.$title.'
                    </a>
                </li>';
    }
    
    // Render dropdown menu
    $output = '<li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">
                    '.$title.'
                </a>
                <ul class="dropdown-menu">';
    
    foreach ($children as $child) {
        $childLink = getLinkUrl($child['link']);
        $childTarget = $child['new_tab'] === "1" ? "_blank" : "_self";
        $output .= '<li><a class="dropdown-item" href="'.$childLink.'" target="'.$childTarget.'">
                        '.$child['title'].'
                    </a></li>';
    }
    
    $output .= '</ul></li>';
    return $output;
}
?>
    

8. CSS Variables & Theming

When override_default_style is enabled in theme.json, your CSS variables are automatically injected:

/* Use these variables in your site.css */
:root {
    --default-color: #6c757d;    /* Body text and default elements */
    --heading-color: #212529;    /* Headings (h1-h6) */
    --accent-color: #0d6efd;     /* Buttons, links, primary actions */
    --surface-color: #f8f9fa;    /* Cards, modals, secondary backgrounds */
    --contrast-color: #0d6efd;   /* Highlights and focus states */
    --background-color: #ffffff;  /* Page background */
}

/* Example usage */
.btn-primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.card {
    background-color: var(--surface-color);
    color: var(--default-color);
}

h1, h2, h3 {
    color: var(--heading-color);
}
    

9. Adding Custom JavaScript

Place your JavaScript in assets/js/site.js. It will be automatically loaded in the footer. For page-specific scripts, use conditional loading:

// assets/js/site.js
document.addEventListener('DOMContentLoaded', function() {
    // Initialize tooltips
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    tooltipTriggerList.map(function(tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl);
    });
    
    // Mobile menu handling
    const navbarToggler = document.querySelector('.navbar-toggler');
    if (navbarToggler) {
        navbarToggler.addEventListener('click', function() {
            document.querySelector('.navbar-collapse').classList.toggle('show');
        });
    }
});
    

10. Theme Installation & Activation

1. Zip Theme : Zip your theme files with the name of your theme (as written in theme.json). Make sure files are not in a sub-folder of the theme.
2. Go to Appearance > Themes: Click on "Upload Theme", select the theme zip file and click "Upload Theme"
3. Navigate back to Appearance > Themes: Click on activate to "Activate" the theme
4. Activate: Find your theme in the list and click "Activate"
5. Set as Default: Use the "Set as Default" option to make it the active theme for all visitors

11. Common Customization Examples

Custom Blog Listing (Replace helper function):

<!-- In blogs/index.php, replace <?= renderBlogsGrid($blogs) ?> with: -->
<div class="row">
    <?php foreach ($blogs as $blog): ?>
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <?php if (!empty($blog['featured_image'])): ?>
                    <img src="<?= getImageUrl($blog['featured_image']) ?>" 
                         class="card-img-top" alt="<?= esc($blog['title']) ?>">
                <?php endif; ?>
                <div class="card-body">
                    <h5 class="card-title"><?= esc($blog['title']) ?></h5>
                    <p class="card-text"><?= character_limiter(strip_tags($blog['content']), 150) ?></p>
                    <a href="<?= base_url('blogs/' . $blog['slug']) ?>" class="btn btn-primary">
                        Read More
                    </a>
                </div>
                <div class="card-footer text-muted">
                    Posted on <?= date('F j, Y', strtotime($blog['created_at'])) ?>
                </div>
            </div>
        </div>
    <?php endforeach; ?>
</div>
    

Custom Search Results:

<!-- In search/index.php, replace helper function with: -->
<h2>Search Results for "<?= esc($searchQuery) ?>"</h2>

<?php if (empty($blogsSearchResults) && empty($pagesSearchResults)): ?>
    <div class="alert alert-info">
        No results found. Please try different keywords.
    </div>
<?php else: ?>
    <?php foreach ($blogsSearchResults as $blog): ?>
        <div class="search-result mb-4">
            <h3><a href="<?= base_url('blogs/' . $blog['slug']) ?>">
                <?= esc($blog['title']) ?>
            </a></h3>
            <p><?= character_limiter(strip_tags($blog['content']), 200) ?></p>
            <small>Blog Post</small>
        </div>
    <?php endforeach; ?>
    
    <?php foreach ($pagesSearchResults as $page): ?>
        <div class="search-result mb-4">
            <h3><a href="<?= base_url('page/' . $page['slug']) ?>">
                <?= esc($page['title']) ?>
            </a></h3>
            <p><?= character_limiter(strip_tags($page['content']), 200) ?></p>
            <small>Page</small>
        </div>
    <?php endforeach; ?>
<?php endif; ?>
    

12. Theme Development Checklist

Plugin Development

Plugins allow you to extend the core functionality of Igniter CMS without modifying system files. Every plugin must be self-contained within its own folder.

1. Core Plugin Files

A standard plugin requires the following 6 files to function correctly: