,
,
structure throughout.
Breaking News WordPress Theme for News Portal & Magazine Websites
Breaking News WordPress Theme is a modern, high-performance, and responsive WordPress theme designed for online publishers and creators.
📋 Table of Contents
- Theme Overview
- Performance & Core Features
- Homepage Layouts & Category Sections
- WordPress Customizer — Full Control
- Google AdSense / Ad Management
- Typography & Design System
- Single Post Experience
- Category / Archive Pages
- AJAX Load More Pagination
- WooCommerce Ready
- SEO & Schema Markup
- Developer Friendly
- Requirements & Installation
- Changelog
🎯 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.
✨ Key Selling Points:
- Zero bloat — No page builder dependency, pure WordPress + minimal vanilla JS (2KB gzipped)
- 6 flexible homepage category sections — Each with 8+ layout variations
- Complete AdSense integration — 15+ ad slots, responsive, lazy-loaded
- Full Customizer control — Colors, fonts, layouts, categories — all live preview
- AJAX pagination — Load more posts without page reload on category archives
- Core Web Vitals ready — Critical CSS inlined, lazy images, preload hints, fetchpriority
- Translation & RTL ready — Supports Hindi/Devanagari, Arabic, and all LTR/RTL languages
⚡ Performance & Core Features
🚀
Critical CSS Inlining
Above-the-fold CSS is extracted from style.css, minified, and inlined in for instant first paint. Non-critical CSS loads asynchronously via media="print" + onload swap.
🖼️
Smart Image Loading
First 3 images on homepage load eagerly with fetchpriority="high". All others lazy-load with loading="lazy" decoding="async". Responsive image sizes: thumb (300×200), medium (600×380), large (900×500).
📦
Minimal JavaScript
Single vanilla JS file (assets/js/main.js ~2KB gzipped). Handles mobile nav, scroll-to-top, and AJAX load more. No jQuery, no heavy libraries.
💾
Transient Caching
Homepage hero, category sections, and archive queries cached for 5 minutes via WordPress Transients API. Auto-invalidated on post publish/update/delete.
🗜️
Asset Optimization
Query strings removed from static resources. DNS prefetch for Google Fonts. Preload hints for critical JS/CSS. Heartbeat API reduced to 60s.
div class=”icon”>🌐
Multi-language Ready
Text domain calculator-net. Includes Hindi/Devanagari font (Noto Sans Devanagari) in font stack. RTL support via logical CSS properties.
🏠 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
| Layout | Description |
|---|---|
top2_grid4 |
2 large featured cards (top) + 4 smaller grid cards below |
card_grid |
Classic 3×2 card grid (6 posts) |
compact_grid |
Tighter 2×2 grid for dense content |
list_rows |
Vertical list with thumbnail + text side-by-side |
image_grid |
Overlay cards — image background with title/category overlay |
num_split |
1 featured + numbered list (1–5) for ranking-style content |
masonry |
Pinterest-style mixed-size grid (alternating large/small) |
magazine_hero |
Full-width cover story + asymmetric mosaic (2 large + 2 small) |
featured_split |
1 large featured + 4 stacked side items |
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
Default Demo Configuration (easily changed in Customizer):
- Slot 1: Fashion →
top2_grid4→ Red (#E10600) - Slot 2: Sports →
card_grid→ Orange (#FF6B35) - Slot 3: Technology →
list_rows→ Blue (#1E88E5) - Slot 4: Travel →
image_grid→ Yellow (#FFB300) - Slot 5: Lifestyle →
num_split→ Green (#00C853) - Slot 6: Health →
masonry→ Purple (#AA00FF)
🎨 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
🏷️
Site Identity & Branding
- Logo text (main + highlight word)
- Tagline
- Primary & Accent colors
- Header / Footer logo uploads (separate)
🔤
Typography & Fonts
- Body / Heading / Logo font families (11 choices)
- Font sizes: body, section, logo, card, featured, small, menu
- Font weights per category section
📢
Breaking News Ticker
- Enable/disable
- Custom label (“TRENDING NOW”)
- Multi-item text (pipe-separated)
📱
Social Media Links
- Facebook, Twitter/X, YouTube, Instagram, WhatsApp, Telegram
- Shown in top bar, sidebar, footer
💰
Google AdSense / Ads
- 15 ad slots (header, homepage, single post, category, sidebar)
- Paste full AdSense
code or any HTML - Empty = no output (no placeholders)
📰
Front Page Categories (6 slots)
- Enable, slug, title, limit, layout, color, font size/weight
- Live preview as you change
🎨
Header Styling
- Background, text, link, hover colors
- Top bar colors
- Nav bar colors
- Sticky nav toggle
🦶
Footer Styling & Content
- Background, text, heading, link, border colors
- Copyright, about text, newsletter copy
- Social title, quick links title, categories title
📄
Single Post Settings
- Show/hide: breadcrumb, meta, caption, tags, share buttons, related posts
🔗
Top Bar Links
- 4 customizable links (label + URL)
- Enable/disable each
💰 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).
| Slot ID | Location | Suggested Size |
|---|---|---|
header_banner |
Header (below nav) | 728×90 / 970×90 |
home_top |
Homepage top (above hero) | 728×90 |
home_mid |
Homepage middle (between category 3 & 4) | 728×90 |
home_bottom |
Homepage bottom | 728×90 |
post_top |
Single post — before content | 728×90 / 300×250 |
post_mid1 |
Single post — after paragraph 3 | 300×250 / 336×280 |
post_mid2 |
Single post — after paragraph 6 | 300×250 |
post_mid3 |
Single post — after paragraph 9 | 300×250 |
post_bottom |
Single post — after content | 728×90 / 300×250 |
post_related |
Single post — after related posts | 300×250 |
cat_top |
Category archive top | 728×90 |
cat_mid |
Category archive middle (after 4th post) | 300×250 |
cat_bottom |
Category archive bottom | 728×90 |
sidebar |
Sidebar top | 300×250 / 300×600 |
sidebar_2 |
Sidebar bottom | 300×250 |
Usage: Paste your full AdSense
🔤 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)
| Control | Default | Range |
|---|---|---|
| Body | 15 | 13–18 |
| Section Heading | 20 | 16–26 |
| Logo Text | 34 | 24–44 |
| Card Title | 16 | 13–18 |
| Featured/Hero Title | 22 | 18–30 |
| Small Post Title | 14 | 12–16 |
| Menu | 14 | 11–22 |
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
🍞
Breadcrumb Navigation
Home → Category → Post Title. Toggle on/off in Customizer.
👤
Post Meta
Author, published date, updated date, reading time estimate. Toggle on/off.
🖼️
Featured Image Caption
Displays image caption below featured image. Toggle on/off.
🏷️
Tags Display
Tag links at bottom of post. Toggle on/off.
📤
Social Share Buttons
Facebook, Twitter/X, WhatsApp, Telegram, Copy Link. Lightweight SVG icons, no external scripts. Toggle on/off.
🔗
Related Posts
3 related posts by category (excluding current). Grid layout with thumbnails. Toggle on/off.
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-capclass - 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 templatetemplate-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
- Archive page loads first page (6 posts by default)
- Button
.cn-load-moreappears if more pages exist - Click →
fetch()POST toadmin-ajax.phpwithaction=cn_load_more_posts - Server returns HTML (via
posts-list.phptemplate part) +has_moreflag - JS appends HTML to
.posts-list, updates page counter - 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
[Insert screenshot of AJAX Load More in action]
🛒 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
📝
Semantic HTML5
Proper
🏷️
Schema.org Microdata
Posts include itemtype="https://schema.org/NewsArticle" with headline, datePublished, dateModified, author, publisher, image, description.
📱
Open Graph & Twitter Cards
Auto-generates og:title, og:description, og:image, og:type, twitter:card from post data.
🗺️
Breadcrumb Schema
BreadcrumbList markup on single posts for rich results.
⚡
Core Web Vitals
Critical CSS inlined, lazy images, preload hints, no render-blocking JS. Scores 90+ on PageSpeed out of the box.
🤖
Plugin Compatible
Works perfectly with Yoast SEO, Rank Math, All in One SEO, Schema Pro, WP Rocket, etc.
👨💻 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
| Hook | Type | Description |
|---|---|---|
cn_ad_{position} |
Filter | Modify ad HTML before output |
cn_get_ad |
Filter | Override ad retrieval logic |
cn_font_stack |
Filter | Custom font stack mapping |
cn_critical_css |
Filter | Modify inlined critical CSS |
cn_ajax_load_more_args |
Filter | Modify AJAX query arguments |
cn_ajax_load_more_response |
Filter | Modify AJAX JSON response |
cn_post_meta_items |
Filter | Add/remove post meta items |
cn_related_posts_args |
Filter | Customize related posts query |
Template Override System
Copy any template file to child theme to override:
archive.phpsingle.phpfront-page.phptemplate-parts/archive/posts-list.phpheader.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
| Requirement | Minimum | Recommended |
|---|---|---|
| WordPress | 5.8+ | 6.4+ |
| PHP | 7.4+ | 8.1+ |
| MySQL/MariaDB | 5.6+ | 8.0 / 10.6+ |
| Memory Limit | 128M | 256M |
| HTTPS | Optional | Required (for ads, SEO) |
Installation
- Download
cn-news-portal.zip - WordPress Admin → Appearance → Themes → Add New → Upload Theme
- Activate Breaking News Theme
- Go to Appearance → Customize → Configure your site
- Create categories matching your desired homepage slots
- Set category slugs in Customizer → Front Page Categories
- Add AdSense codes in Customizer → Ads Settings
- 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)
A subscription entitles you to 1 year of updates and support from the date of purchase.
Live Preview
- Instant Download Available
- Pricing includes all the taxes.
