September 21, 2023

Familiarity with the WordPress Ecosystem

Please take the time to read through the instructions and take notice of the instructions listed here, as many support-related questions can be answered simply by re-reading these instructions.

We will frequently update this theme for bug fixes, add new features, and more… please follow us on Twitter and like us on Facebook to get a notification.

If you are new to WordPress, please read the WordPress documentation first:

http://codex.wordpress.org/Posts (WordPress Posts)
http://codex.wordpress.org/Pages (WordPress Pages)
http://codex.wordpress.org/Administration_Panels (Administration Panels)

Theme Installation

Via AF themes Site

  1. Download Chromenews Pro via, https://afthemes.com/products/chromenews-pro/
  2. Go to your WordPress website dashboard
  3. Go to Appearance > Themes > Add New > Upload and select the Zip file you recently downloaded.
  4. Click on Install and Activate it.

FTP Installation

  1. Use your FTP software to browse to the wp-content/themes folder.
  2. Extract chromenews-pro.zip and upload the folder.
  3. Once it’s uploaded, go to your WordPress Admin, and browse to Appearance > Themes.
  4. Click the Activate link.

Activating Theme Chromenews Pro

  • Go to Dashboard Appearance > Themes > ChromeNews Pro
  • Click on Activate

We already mentioned the possible methods to install the theme above.

All the above-listed plugins are recommended on the WordPress dashboard after activating the theme. You can simply install them from there.

Importing Gutenberg Patterns and Template

The Hybridnews Theme uses the Template page of Blockspare as the Homepage. To set up the pages in Covernews Theme you need to follow the steps below:

Install and Active blockspare plugin first

then,

create a page > Edit it > Click on the + sign > Click on the pattern > You can find covernews > You can find a full page layout > Click to import >  Set the page template as blockspare full width > then set the page as homepage

Chromenews Pro Homepage

Chromenews Pro Theme Offers Two different Homepage Options

  1. Your Latest Posts
  2. A Static Page

1. Your Latest Posts

The theme Default mode is Your Latest Posts where Admin posts are displayed in List Layout which the admin could customize from the steps below:

Appearance > Customizer > Theme Option > Archive Setting

where, the admin could change the Layouts, Content View, and Pagination

Archive page

2 Column Grid
3 Column Grid
Grid Alternative
List Layout
Right List Layout
Alternative list
Full Title before Image
Full Title after Image
Full Title over Image

2. Create a Page for Home and Blog( Static Front Page )
At first, you need to create two pages, one for Home Page and another for the Blog page.

  • Go to admin panel > Pages > Add New
  • Give the title of the page (Example: Home Page)
  • Click on Publish to publish the page.
  • Create another page (for the Blog)
  • Go to admin panel > Settings > Reading
  • Click on “A static page (select below)”
  • Set Front page: (Home Page recently created above)
  • Posts page:(Blog you recently created)
  • After that admin could add the widgets to the widgets section of the frontpage provided by the Theme

Or,

  • Go to the Appearance then Click on the Customizer
  • Click on the Homepage Setting Option
  • Select A Static Page
  • Create A Homepage and A Post Page
  • Then, You could go to the Widgets section of the customizer where you could add the widgets at the Frontpage Area

How to add Pages?

It is easy to add a post and page in WordPress.

  1. Go to Admin Panel
  2. Go to Pages Add New
  3. Give the Title of the Page
  4. Write the Content of the Page
  5. Scroll down and see the right corner, you will find the Set Featured Image section

Chromenews Pro Single Post

All Post could be customized either Individually or Globally from the Theme Customizer Option

Individual: Dashboard > Posts> Edit Post > Admin could get an option of editing the Content Layout and Alignment

Globally: Dashboard > Appearance > Customizer > Theme Option > Single Post (Image position for feature image with disabling option is provided for better display and the content layout can be changed.)

Note: If you are not familiar with the new WordPress editor Gutenberg, you can easily disable it and enable the classic editor.

How to Import Dummy Data?

Importing the demo data is easy in Chromenews News and Magazine Responsive WordPress theme.

  1. Download AF Companion Plugin recommend by the theme
  2. After installing the plugin, Click Activate button
  3. Open AF Companion which appears in your Dashboard.
  4. Then, Click on the Import Option of the Demo

Note: If your website has genuine content already, it is not recommended to import the dummy data. Make sure, you are building a new website from scratch before importing the dummy data.

A Trip to Customizer

Well, Chromenews is fully developed based on a customizer. So, you need to check all the options available inside the customizer meticulously.

1. Site Identify

  • Site title with tagline can be added with logo
  • Font size could be customized

2. Color

Chromenews Pro Theme contains lots of Color Options as required for the Theme with 2 different modes Light and Dark. Customize >Color Option. Also, a new button for Dark and light mode is added in the menu bar section from where you could easily change the site in any mode with just a click.

Light Mode

  • Site Title Color
  • Body Background Color
  • Box Background Color
  • Primary Color
  • Secondary Color
  • Text Over Secondary Color
  • Background and Text Color of Top Header
  • Background Color of Menu Section
  • Menu Item Color of Menu Section
  • Badge Background and Text Color of Menu Section
  • Watch Online Background and Text Color
  • Breaking News Background and Text Color
  • Post Title Color
  • Post Title over Image Color
  • Category background and Text Color
  • Mailchimp Background and Text Color
  • Footer Background and Text Color
  • Footer Credit Section Background and Text Color

Dark Mode

  • Site Title Color
  • Body Background Color
  • Box Background Color
  • Primary Color
  • Secondary Color
  • Text Over Secondary Color
  • Background and Text Color of Top Header
  • Background Color of Menu Section
  • Menu Item Color of Menu Section
  • Badge Background and Text Color of Menu Section
  • Watch Online Background Color
  • Breaking News Background Color
  • Post Title Color
  • Post Title over Image Color
  • Category Background and Text Color
  • Mailchimp Background and Text Color
  • Footer Background and Text Color
  • Footer Credit Section Background and Text Color

3. Menu

You could follow the below steps to add a menu:

Step 1: Go to the customizer option of the Appearance

Step 2: Click on the menu and create a menu and select the option below the menu

Step 3: Then click on Add item and add a custom link, page categories you want 

4. Header Option

  • Header Setting: Where the admin could change the header layout, top header, and watch online button
    • Header Layout: 3 different layouts Side, Center, and Compressed could be selected
    • Site Mode: The site mode button present in the menu section enable and disable the option
    • Top Header Section: Turning on to display Dates and Social Menu with enabling the Top header options are provided.
    • Menu Section: Watch Online Text and Icon with the link could be changed and the option of enabling the border below the menu option is available.
  • Header Advertisement: Adding the advertisement image could be done with Url Link on the image and display out option is given
  • Header Image: Header images can be placed with the control of image overlay transparency and size also with random header images
Center Header Layout
Compressed Header Layout
Side Header Layout

5. Main Banner Option

Customization of the Main banner along with Popular news and Breaking news is present here.

Banner Background: A background image can be added only for the Main Banner section 

Banner Layouts: There are 4 different layouts Aligned, Casual, Horizontal, and Tabbed each containing 4 orders 

Post Filter: Posts could be filtered either by category or by tag 

Popular Tags: Latest or Popular tags can be set above the Main Banner section 

Ticker News: Numbers of posts can be shown based on the category above the Main Banner section 

6. Frontpage Option

Options for the below section are available

Frontpage Layout: Frontpage alignment could be changed through the setting

Featured Post: Grid Post showed below the Main Banner Post number could be customized

Youtube Video: 5 Youtube videos could be added to this section

Express Post List: The grid and list designs of the combo widget will help you stylishly present your articles.

Post List: 3 Column list could be shown in the section

Post Carousel: The carousel, which comes with a variety of choices, will assist you in looping the blog content.

7. Widgets

All widgets could be added to different sections of the

  • Main Sidebar
  • Front-page Content Section
  • Front-page Sidebar Section
  • Banner Ad Section
  • Prime News Section
  • Off-Canvas
  • Above and below Main Banner Section
  • Below Feature Section
  • Footer First, Second, and Third Section
  • Below Post Title Ad Section
  • Below Post Content Ad Section

8. Theme Option

Available options are inside Appearance > Customize > Theme Option

Font & Typography

Font Family with Font size of Post Title, Section Title, General, and others can be changed

Site Layout Mode

Boxed and Wide layouts can be set

Global Setting

Global Alignment, Widget Title Style, Scroll to Top Position, and Comment Count options are present here

Single Post

Image position for feature image with disabling option is provided for better display. Also, the content layout can be changed

Archive Setting

List, Grid, Full, and Masonry with individual alignment options can be chosen for archive pages

Sidebar Setting

Image position for feature image with disabling option is provided for better display. Also, the content layout can be changed

Breadcrumb Option

4 different layouts could be changed using plugins

Categories Option

Categories display option could be customized

View Count Option

View could enable the option with counting style could be managed

Author & Date Setting

The admin can select either to view the date or author name in the post in a different section with more numbers of date format

Minute Read Count

The minute count option could be customized

Excerpt Setting

Global excerpt length with Read More text could be changed

You May Have Missed

The grid post section seen above the footer section could be managed

Mailchimp Subscription

Mailchimp could be shown about the footer using the shortcode using the Mailchimp plugin

Footer Option

Background image option for the footer with footer menu section and Theme Credits hiding option present in the footer section

Widgets Overview

2 Column layouts and 14+ custom widgets along with WordPress default widgets are available in this theme. You can place all the available widgets in the respected widgets area.

Author Post: The bio widget can assist you in displaying author information.

Express Post Grid: The grid widget box will assist you in presenting your blog content in multiple columns.

Express Post List: The grid and list designs of the combo widget will help you stylishly present your articles.

Post-Double column: You can be able to display the post in 2 different column

Post-Single column: The widget, allows you to display your blog entries in a single column.

Post Grid: The grid widget box will assist you in presenting your blog content in multiple columns.

Post List: You can sort the post-collection using a list of articles with several appearance options.

Post Slider: You can loop posts archive using a slider widget of posts.

Post Carousel:  The carousel, which comes with a plethora of different options, will assist you in looping the blog content.

Popular News: Popular posts can be shown on a carousel list

Post Tab: Popular and latest posts could be shown using tab widgets in list form

Trending News: You can organize the archived posts using a carousel list of articles.

Social link: You can add a link to your social page from social media.

Youtube Video: You can easily add the youtube link to display the video.

Note: You can add all the above-listed widgets to the Static Front Page Section Widget Area.

You can always use the support forum in case you faced any problems while installing and using the theme.