Breaking News WordPress Theme for News Portal & Magazine Websites

🎯 Theme Overview

Breaking News Theme is a premium WordPress theme purpose-built for news portals, magazines, blogs, and content-heavy websites. It combines a clean, modern design with powerful customization options — all without requiring any coding knowledge.

⚡ Performance & Core Features

🏠 Homepage Layouts & Category Sections

The homepage is built from 6 configurable category sections (slots 1–6). Each slot can be enabled/disabled, assigned any category, and styled independently.

8 Layout Variations Per Section

Per-Section Customization

• Category slug — Any existing category
• Display title — Custom headline (e.g., “Breaking News”, “Latest Tech”)
• Post limit — 1–12 posts
• Accent color — Used for badges, borders, section title bar
• Font size & weight — Independent typography per section
• Enable/disable toggle — Hide sections without deleting config

🎨 WordPress Customizer — Full Control

Every design decision is exposed in the native WordPress Customizer (Appearance → Customize) with live preview. No settings panels to hunt for.

Sections Available

💰 Google AdSense / Ad Management

The theme includes 15 dedicated ad slots — each accepts raw AdSense code or any HTML (affiliate banners, custom CTAs, etc.). Empty slots output nothing (no empty divs, no placeholders).

🔤 Typography & Design System

Font Choices (11 Families)

• Inter (default) — Modern, clean, excellent readability
• Roboto — Classic Google Font, versatile
• Poppins — Geometric, friendly
• Montserrat — Strong headlines
• Oswald — Condensed, space-efficient
• Open Sans — Humanist, highly legible
• Lato — Warm, professional
• Merriweather — Serif, editorial feel
• Playfair Display — Elegant serif for headlines
• Noto Sans Devanagari — Hindi/Devanagari support

Independent Size Controls (px)

Color System

• Primary — Main brand color (nav border, buttons, badges, links)
• Accent — Highlight color (logo highlight, hover states)
• Per-category accent — 6 independent colors for homepage sections
• Full header/footer color palette — 12+ color controls

📄 Single Post Experience

Content Features

• Full Gutenberg block editor support (wide/full align)
• Responsive embeds (YouTube, Twitter, etc.)
• Custom image sizes: news-thumb, news-medium, news-large
• Drop cap support via has-drop-cap class
• Table of Contents auto-generation (via plugin compatible)

📂 Category / Archive Pages

Clean, fast archive templates for categories, tags, authors, dates, and search.

Features

• Page header — Title + post count + optional category description
• Post grid — Thumbnail + title + meta + excerpt + “Read More”
• Ad injection — After 4th post (cat_mid slot)
• AJAX Load More — Replaces traditional pagination (see next section)
• Fallback — Standard pagination if JS disabled

Template Files

• archive.php — Main archive template
• template-parts/archive/posts-list.php — Reusable post card partial (used by AJAX too)

🔄 AJAX Load More Pagination

Category archives use infinite “Load More” button instead of numbered pagination. Posts are fetched via admin-ajax.php and appended without page reload.

How It Works

1. Archive page loads first page (6 posts by default)
2. Button .cn-load-more appears if more pages exist
3. Click → fetch() POST to admin-ajax.php with action=cn_load_more_posts
4. Server returns HTML (via posts-list.php template part) + has_more flag
5. JS appends HTML to .posts-list, updates page counter
6. Button hides when last page reached

Technical Details

• Nonce verification (cn_load_more_nonce)
• Respects category context (cat_id)
• Configurable posts per page (limit)
• Fully accessible (ARIA labels, keyboard support)
• Loader spinner during fetch
• Graceful degradation — standard pagination if JS fails

🛒 WooCommerce Ready

The theme declares WooCommerce support and includes basic styling for shop, cart, checkout, and single product pages. Works out of the box for publishers selling merch, subscriptions, or digital products.

• add_theme_support( 'woocommerce' ) declared
• Product grid inherits theme’s card styles
• Cart/checkout pages use theme containers
• Sidebar widgets work on shop pages
• No conflicts with WC templates

🔍 SEO & Schema Markup

👨‍💻 Developer Friendly

Code Quality

• PSR-12 compliant PHP
• All output escaped (esc_html, esc_url, wp_kses_post)
• Nonce verification on all AJAX
• Capability checks (current_user_can)
• No direct SQL (uses WP_Query, $wpdb only for maintenance)

Hooks & Filters

Template Override System

Copy any template file to child theme to override:

• archive.php
• single.php
• front-page.php
• template-parts/archive/posts-list.php
• header.php, footer.php, sidebar.php

Child Theme Ready

Includes style.css with proper Template: header. All functions wrapped in function_exists() for easy overriding.

📋 Requirements & Installation

Server Requirements

Installation

1. Download cn-news-portal.zip
2. WordPress Admin → Appearance → Themes → Add New → Upload Theme
3. Activate Breaking News Theme
4. Go to Appearance → Customize → Configure your site
5. Create categories matching your desired homepage slots
6. Set category slugs in Customizer → Front Page Categories
7. Add AdSense codes in Customizer → Ads Settings
8. Publish content — watch it appear automatically!

Demo Content Import

Use the included export-2026-08-10.xml file (WXR format) via Tools → Import → WordPress to import 20 sample posts, 6 categories, and featured images instantly.

📜 Changelog

Version 3.2 — Current

• Added AJAX Load More pagination for category archives
• Added 15 AdSense slots with empty-slot suppression
• Critical CSS inlining + async non-critical CSS
• Smart image loading (fetchpriority + lazy + decoding)
• 11 font families + independent size/weight controls
• Full header/footer color customization
• Schema.org NewsArticle + Open Graph + Twitter Cards
• WooCommerce compatibility declared
• Hindi/Devanagari font support (Noto Sans Devanagari)
• Translation ready (textdomain: calculator-net)

Version 3.1

• 8 homepage category layouts (top2_grid4, card_grid, compact_grid, list_rows, image_grid, num_split, masonry, magazine_hero, featured_split)
• Per-section: color, font size, font weight, limit, layout
• Breaking news ticker with custom text
• Social links (6 platforms)
• Top bar customizable links
• Single post toggles (breadcrumb, meta, caption, tags, share, related)

Version 3.0

• Initial release — modern news portal theme
• Customizer-based configuration
• Responsive grid/flex layouts
• Vanilla JS only (no jQuery)