Live Blog

Live Blog

A custom WordPress live blogging system designed for use with Elementor, enabling real-time content updates to be displayed dynamically on the frontend. The system provides a structured backend interface using ACF repeater fields, allowing fast and organised entry of live events while maintaining a clean, card-based layout. Built with flexibility in mind, the plugin integrates seamlessly with Elementor templates and supports live refresh, update detection, and structured event rendering for a modern live blog experience. make sure acf pro is installed for the plugin to work or you wont be able to add any content as it uses acf pro repeater

Overview

Live Blog Engine

Provides a dedicated WordPress interface for creating and managing live updates using structured repeater fields, allowing content to be added quickly during live events.

ACF Repeater Integration

Uses Advanced Custom Fields to structure updates into individual entries, including event title, time, user, and content, ensuring consistency across all posts.

Real-Time Frontend

Displays updates dynamically with automatic refresh and update detection when live mode is enabled, keeping viewers up to date without manual page reloads.

Card-Based Layout

Renders updates in a clean, modern card design that improves readability and mirrors professional live blog and news layouts.

Elementor Compatibility

Works alongside Elementor templates, allowing full control over page structure, hero sections, and layout styling without interfering with design.

Plug & Play Setup

Designed as a zero-configuration solution, the CM Liveblog system works immediately after installation. Once activated alongside ACF, all required fields, post types, and functionality are automatically registered, allowing users to begin creating live blog entries straight away.

How It Works

Update Creation

Users add updates through the WordPress dashboard using a repeater-based interface, making it easy to input multiple live entries within a single post.

Automatic Timestamping

Each update is automatically assigned a time when saved, ensuring accurate chronological tracking without manual input.

Live Mode Activation

When a post is set to “Live”, the frontend enables automatic refresh and update detection, providing a real-time experience for users.

Dynamic Rendering

Updates are displayed in reverse chronological order, with the most recent entries appearing first in a structured card layout.

Update Management

Entries can be added, edited, or removed instantly, with delete actions fully synced through ACF to ensure clean data handling and consistent frontend output.

Tech Stack

Wordpress
Advanced Custom Fields (ACF)
Elementor
PHP
CSS
JavaScript