Skip to content

RatMD/newshub-theme

Repository files navigation

NewsHub - Free Magazine Template

NewsHub is a free, minimalist and responsive Blog and Magazine template, designed for OctoberCMS v2 and v3. It provides a clean and configurable structure using Bootstrap v5.3 as powerful CSS and JS Framework, includes the beautiful Bootstrap Icons and implements the responsive and feature-rich Keen Slider package.

View the Demo-Website

Please rate our Template on the Marketplace

Contact us on any Question

Support NewsHub

Please support us and our free NewsHub template by writing a review on our official OctoberCMS marketplace page. You can also report bugs, request features and more on the support forum or directly on our GitHub repository.

We appreciate your support.

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, RainLab.Forum and additional 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.3 with Bootstrap Icons v1.10 (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 highly recommend using this template with the latest OctoberCMS v3.1 release, with RainLab.Translate v2+ (unless you're using a plugin which is not v2+ compatible). However, we still support OctoberCMS v2+ installations using RainLab.Translate v1.9+.

Supports

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

Tested with

NewsHub has been successfully tested with the following stacks:

  • OctoberCMS v2.2.34 (using PHP v7.4.33)
  • OctoberCMS v3.0.76 (using PHP v8.0.27)
  • OctoberCMS v3.1.29 (using PHP v8.1.14)
  • OctoberCMS v3.2.23 (using PHP v8.1.14)

Our Front-End testing is based on:

  • Microsoft Windows (Real Machine)
    • Google Chrome (Latest) on Windows 10
    • Mozilla Firefox (Latest) on Windows 10
    • Microsoft Edge (Latest) on Windows 10
  • Apple MacOS (Via BrowserStack)
    • Apple Safari (v15.6) on macOS 12 (Monterey)
    • Apple Safari (v14.1) on macOS 11 (Big Sur)
    • Apple Safari (v13.1) on macOS 10.15 (Catalina)
  • Apple iOS (Via BrowserStack)
    • Apple Safari on iPhone 14 / iOS 16
    • Apple Safari on iPhone 13 / iOS 15
    • Apple Safari on iPhone 12 / iOS 14

Due to the testing via BrowserStack we cannot guarantee, that NewsHub works seamless on Apple devices / on the Safari browser. If you notice any bug or strange behavior please contact us per mail or via GitHub issue, Thanks!

Dependencies

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

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 in TypeScript 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 build - Build & Bundle the source files (JS & SCSS).
  • npm run build:css - Build & Bundle the SCSS source files.
  • npm run build:js - Build & Bundle the JavaScript source files.
  • npm run watch - Watch the source files (JS & SCSS) and bundle on each change.
  • npm run watch:css - Watch the SCSS source files and bundle on each change.
  • npm run watch:js - Watch the JavaScript source files and bundle on each change.
  • npm run vendors - Build & Bundle the required dependencies (as listed above).

Need Support?

Contact us via mail at info@rat.md or visit our website at rat.md.

Copyright

Copyright © 2022 - 2023 rat.md.

Published under the MIT-License.