README

NewsHub is a simple and responsive magazine and blog template, exclusively designed for OctoberCMS v2 / v3. It provides a minimalistic design using Bootstrap v5.2 as powerful CSS and JS Framework and includes Bootstrap Icons and the responsive Keen Slider.

View the Demo-Website

Check out the Documentation

What's new in v1.3.0

Version 1.3.0 of the NewsHub template focus on the new Sidebar Widget Builder, a better header and navbar structure, integrating the new Site-Picker component (as introduced in the new OctoberCMS v3.1 release) and providing more customization and improvements in general.

Support for the new Site Picker component, introduced in OctoberCMS v3.1.0.
Support for the RainLab.User and RainLab.Forum plugins.
A new Sidebar Widget Builder for your Homepage, Archives, Static Pages and Posts (with more widgets).
A nice bag full of new theme configurations and options.
Many improvements, especially for the header, navbar and general Bootstrap stylings.

What's new in v1.2.0

The primary focus of version 1.2.0 is the new Page Builder, which allows to easily create new static pages with over 18 different Bootstrap and custom content elements.

A new Page Builder for static pages with over 18 Components.
A comment section and widget and a week-based date archive.
A new header style with a search / user action and meta-menu.
A new way to create the footer menu (the old way is still supported).
Many improvements, especially for the dark Bootstrap v5.2 style.

All Features

Bootstrap v5.2 with Bootstrap Icons v1.9.1 (usable as partials)
Fully Responsive and mobile-first
Multi-Language Support (using RainLab.Translate)
Native Site-Picker Support (requires OctoberCMS v3.1+)
Page Builder, with 18 Bootstrap and custom components
- Accordion - A vertically collapsing accordion.
- Alert - A contextual feedback alert and callout message.
- Card - A flexible and extensible content container.
- Card Group - A container element to show multiple cards.
- Carousel - A slideshow component to cycle through elements.
- Content - A simple text, markdown or HTML content element.
- Double-Click - A double-click solution to embed external content and iframes.
- Flexbox Container - A flexbox container for other content elements.
- Gallery - A simple image Gallery with lightbox.
- Header - A simple header content element.
- Image - A simple image content element.
- List - A simple list content element.
- Quote - A simple quotation content element.
- Section - A section container for other content elements.
- Separator - A simple content separator.
- Slider - A slider component using Keen Slider.
- Tabs - A tabbed-content container.
- Text with Teaser - A simple text with teaser element.
4 Menu Positions: Main Menu, Social Links, Meta Menu & Footer Menu
3 Sidebar Positions: Homepage, Post and Static Page - with many widgets
2 Color Schemes: Light and Dark mode
Color and Language Switch for the header and/or footer
Responsive Slider with touch-support using Keen-Slider
Many Configurations and Settings
Available in English & German
Additional CMS Page Snippets
- Double-Click Solution to embed external content GDPR friendly
- Table of Contents Snippet (Lists all Content-Headers)
Additional Features provided by RatMD.BlogHub
- Author / Date / Tag Archives
- Comment Section and Widgets
- View / Visitor Counter and Widgets
- Related / Random Post Section
- Next / Previous Post Buttons
- Promoted Blog Tags
- Custom Meta Details
  - Customizable Slider (Sub-) Title and Excerpt
  - Different Post Layouts (Default, Fullwidth, Featured)
- Dashboard Report Widgets (for the backend)
- ... and way more

Requirements

We recommend using this template with the latest OctoberCMS v3 version, however support for v2 is still available.

Modern Browser (IE and Edge Legacy are NOT supported!)
PHP 7.4+ / 8.0+
OctoberCMS v2 / v3
Plugin: RainLab.Blog
Plugin: RainLab.Pages
Plugin: RainLab.Sitemap
Plugin: RainLab.Translate
Plugin: RatMD.BlogHub

Supports

The following plugins are not required but supported by the NewsHub template:

Dependencies

The following dependencies are already bundled with this template, of course.

Bootstrap v5.2.2
Bootstrap Icons v1.9.1
Keen Slider v6.8.2
jQuery * (only in OctoberCMS v2, see below)

Attention: By default, jQuery is only included on OctoberCMS v2 installations using October's provided jQuery version, using jQuery for OctoberCMS v3 and above requires to set the "Embed jQuery" option on the theme configuration page.

Development Dependencies

The development of the NewsHub OctoberCMS template is done using node.js (v16+) with an included and configured esBuild stack. View the package.json in the root template directory for more details.

Available Commands:

npm run vendors - Build & Bundle the required dependencies (as listed above).
npm run build - Build & Bundle the source files (JS & SCSS).
npm run watch - Watch the source files (JS & SCSS) and bundle on each change.
npm run build:js - Build & Bundle the JavaScript source files.
npm run watch:js - Watch the JavaScript source files and bundle on each change.
npm run build:css - Build & Bundle the SCSS source files.
npm run watch:css - Watch the SCSS source files and bundle on each change.

ratmd / newshub-theme

Maintainers

Details