ONLINE NEWS PRO
Table of Contents
- 1.THEME INSTALLATION
- 2.HOW TO SETUP FRONT PAGE AS SHOWN IN THE DEMO?
- 3.HOW TO MANAGE SITE TITLE, LOGO, TAGLINE AND SITE ICON?
- 4.HOW TO MANAGE COLOURS OPTIONS?
- 5.HOW TO MANAGE BACKGROUND IMAGE OPTIONS?
- 6.HOW TO MANAGE THEME OPTIONS?
- 7.HOW TO HOME SECTIONS OPTIONS?
- 7.1.HOW TO MANAGE SLIDER SETTING OPTIONS?
- 7.2.HOW TO MANAGE ONLINE NEWS: NEWS SECTION 1?
- 7.3.HOW TO MANAGE ONLINE NEWS: NEWS SECTION 2?
- 7.4.HOW TO MANAGE ONLINE NEWS: VIDEO SECTION?
- 7.5.HOW TO MANAGE ONLINE NEWS: NEWS SECTION 3?
- 7.6.HOW TO MANAGE ONLINE NEWS: NEWS SECTION 4?
- 7.7.HOW TO MANAGE ONLINE NEWS: NEWS SECTION 5?
- 8.HOW TO MANAGE LISTING PAGE SECTION OPTIONS?
- 9.HOW TO MANAGE TYPOGRAPHY OPTIONS?
- 10.HOW TO MANAGE MENUS?
- 11.HOW TO ADD WIDGETS?
- 12.HOW TO MANAGE STATIC FRONT PAGE?
- 13.HOW TO MANAGE ADDITIONAL CSS?
- 14.UPDATING THEME USING FTP
After you purchase and download your theme from Theme Palace you can choose either of the approaches given below to install your theme.
- Log in to the WordPress Administration Panels.
- Select the Appearance panel, then Themes.
- Select Add New.
- Then select Upload Theme.
- Click Browse Locate online-news-pro.zip Theme in your computer.
- Select online-news-pro.zip and click Install Now.
You can use FTP client like FileZilla to connect your web server.
- Unzip online-news-pro.zip to your Desktop.
- Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Online News Pro Theme.
- Now, log into the WordPress Dashboard with your login details.
- Select the Appearance panel, then Themes.
- You will see the theme in the list.
- Then click Activate button.
- Now the theme will be activate and go through the following options to set up the theme step wise.
The demo is divided into different section as shown in the image below:
The different sections are described below:
- Site Identity and Primary Menu Section: The Site Identity section is setup from Admin Panel / Appearance / Customize / Site Identity , for Primary Menu section you need to create a menu and assign its location to Primary Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location. To make the Breaking News appear as in the demo you have go to Admin Panel / Appearance / Customize / Theme Options / Header Settings and chose layout 2 from option Header layout Refer below How to manage Site Title, Logo, Tagline and Site Icon? , How to manage Menus? and How to manage Header Setting ? for more detail.
- Slider Section: This section is setup from Admin Panel / Appearance / Customize / Home Sections Options / Slider Setting. To show the slider as in the demo go to Admin Panel / Appearance /Customize / Home Section Options / Slider Setting and chose Layout 2 from Home Slider Layout . Refer below How to manage Slider Setting? for more detail.
- Online News Section 1 : This section is setup from Admin Panel / Appearance / Customize / Home Sections Options / Online News Section 1 For the widget to appear as in the demo place the widgets in News Section 1: Breaking News and News Section 1: Sidebar widget area . Refer below How to manage Online News Section 1? for more detail.
- Online News Pro Section : This section is setup from the widget . For this place the image widget in Section 1 Advertisement widget area .
- Online News Section 2: This section is setup from Admin Panel / Appearance / Customize / Home Sections Options / Online News Section 2 For the widget to appear as in the demo place the widget in News Section 2: Sidebar widget area . Refer below How to manage Online News Section 2? for more detail.
- Online News Video Section : This section is setup from Admin Panel / Appearance / Customize / Home Sections Options / Online News Video Section Refer below How to manage Online News Video Section ?for more detail.
- Online News Section 3: This section is setup from Admin Panel / Appearance / Customize / Home Sections Options / Online News Section 3 For the widget to appear as in the demo place the widgets in News Section 3: Sidebar widget area .Refer below How to manage Online News Section 3? for more detail.
- Online News Pro Section : This section is setup from the widget . For this place the image widget in Section 3 Advertisement widget area .
- Online News Section 4: This section is setup from Admin Panel / Appearance / Customize / Home Sections Options / Online News Section 4 For the widget to appear as in the demo place the widgets in News Section 4: Sidebar widget area .Refer below How to manage Online News Section 4? for more detail.
- Online News Section 5: This section is setup from Admin Panel / Appearance / Customize / Home Sections Options / Online News Section 5 . Refer below How to manage Online News Section 5? for more detail.
- Footer Section : To setup this section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer Settings. For the menu you need to assign the menus in the Menu locations Footer menu and footer top menu . So you need to go to Admin Panel / Appearance / Customize / Menus / Menu Locations . Refer below How to manage Footer Settings Options? for more detail.
1. From Customize section, go to Site Identity.
2. From Site Identity, you will be able to add various options related to site identity like:
Logo ( Only available in WordPress version greater than or equal to 4.5 ): It changes the main logo of the site.
Site Title: It changes the main site title of the site.
Tagline: It changes the tagline (i.e:Description) of the site.Just below site title.
Display Site Title and Tagline: It allow to enable and disable the Site Title and Tagline.
Site Icon: The Site Icon is used as a browser and app icon for your site.Icon must be square, and at least 512px wide and tall.
1. From Customize section, go to Colours Options..
2. From Colours Options, you will see Header Text Colour & Background Colour Options sections.
- Header Text Colour: Select the color available in the options.
If the preview is fine, click on Save and Publish to apply recently selected Header Text Colour. - Background Colour: Select the color available in the options.
If the preview is fine, click on Save and Publish to apply recently selected Background Colour.
1. From Customize section, go to Background Image Options..
2. In Background Image, you will see Background Image Options sections.
- Background Image : Select the image available .
If the preview is fine, click on Save and Publish to apply recently selected Background Image.
1. From Customize section, go to Theme Options.
2. From Theme Options, you will see different sections. They are:
The above section are described below:
1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Header Setting Options sections. They are:
- Header layout:Here are two layout for the header. Select one of the layout available in the options.
- News Ticker Title: This options enable you to change the News ticker title .
- Top Bar Left Element: This option enable you to chose the element that you want to display in top left side.
- Top Bar Right Element: This option enable you to chose the element that you want to display in top right side.
- Address: This option enable you to change the Address .
- Enable Current Date: This option allow you to enable/Disable Current Date .
- Enable Search Form: This option allow you to enable/Disable the Search Form .
1. From Customize section, go to Theme Options..
2. From Theme Options, you will see Social Links Options sections.
- Facebook Options: Enter the link for facebook.
- Twitter Options: Enter the link for Twitter.
- Google Plus Options: Enter the link for Google Plus.
- Instagram Options: Enter the link for Instagram.
- LinkedIn Options: Enter the link for LinkedIn.
1. From Customize section, go to Theme Options..
2. From Theme Options, you will see Footer Setting Options sections.
- Enable top footer section: This option allow you to enable/disable top footer sections.
- Disable powerby Text: This option allow you to enable/disable powerby text.
- Footer Options:This options allow you to chose the layout from to different options for the footer .
- Copyright Text:This options allow you to change the copyright section.
1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Post Options.
3. In Post Options you will see:
- Read More : You can change text if you want to use other than “Read More”.
- Disable Post meta in archive page:This Options allow you to enable/disable post meta in archive.
- Disable Releated Posts in Single Page: This option displays/hide related posts in single page.
- Excerpt Length: Select number of words to display in excerpt.
1. From Customize section, go to Theme Options.
2. From Theme Options, you will see General Options.
3. In General Settings Options you will see:
- Layout Options: This option allow to chose the global layout . There are 3 different layouts available.
- Disable Author: This option disable/enable the Author.
- Disable Date: This option disable/enable the date.
- Disable Time Ago : This options disable/enable the Time ago.
- Disable Categories: This options disable/enable the Categories.
- Disable Post Views: This options disable/enable the post views.
- Pagaination Options: This options allow you two chose the type for paginations. Available Options are Default and Numeric.
- Categories Layout Options: This options you to chose the Categories Layout.
1. From Customize section, go to Home Sections Options.
2. From Home Sections Options, you will see different sections. They are:
The above section are described below:
1. From Customize section, go to Home Sections Options.
2. From Home Sections Options, you will see Slider Setting Options sections. They are:
- Disable Slider Section:This Option allow you to enable/disable the slider section.
- Home Slider Layout: This options allow you to chose the layout for slider.
- Disable Categories: This option allow you to enable/disable the categories in slider.
- Disable Author & Date: This option allow you to enable/disable the author in slider.
- Disable Views & Time This option allow you to enable/disable the Views & Time in slider.
- Select Category: This option allow you to select the category to display in the slider.
- No of Slider: This option allow you to set the number of slider to display in the slider section.
- Transition Delay: This option allow you to set the number to manage the transition time for slider .
1. From Customize section, go to Home Sections Options..
2. From Home Sections Options, you will see Online News: News Section 1 sections.
- Disable News Section 1: This option allow you to enable/disable News Section 1.
- Select Category: This option allow you to select the category to display in News Section 1 section.
- Number of News: This option allow you to set the number of post to display in the News Section 1 section .
- News Section 1 layout Options: This option allow you to chose the layout .
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
1. From Customize section, go to Home Sections Options..
2. From Home Sections Options, you will see Online News: News Section 2 sections.
- Disable News Section 2: This option allow you to enable/disable News Section 2.
- Select Category: This option allow you to select the category to display in News Section 2 section.
- Number of News: This option allow you to set the number of post to display in the News Section 2 section .
- News Section 2 layout Options: This option allow you to chose the layout .
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
1. From Customize section, go to Home Sections Options..
2. From Home Sections Options, you will see Online News: Video Section sections.
- Disable Video Section: This option allow you to enable/disable Video Section.
- Select Category: This option allow you to select the category to display in video section.
- Number of News: This option allow you to set the number of post to display in the Video section .
1. From Customize section, go to Home Sections Options..
2. From Home Sections Options, you will see Online News: News Section 3 sections.
- Disable News Section 3: This option allow you to enable/disable News Section 3.
- Select Top Category: This option allow you to select the category to display in News Section 3 section.
- Select Category: This option allow you to select the category to display in News Section 3 section.
- Number of News: This option allow you to set the number of post to display in the News Section 3 section .
- News Section 3 layout Options: This option allow you to chose the layout
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
1. From Customize section, go to Home Sections Options..
2. From Home Sections Options, you will see Online News: News Section 4 sections.
- Disable News Section 4: This option allow you to enable/disable News Section 4.
- Select Category: This option allow you to select the category to display in News Section 4 section.
- Number of News: This option allow you to set the number of post to display in the News Section 4 section .
- News Section 4 layout Options: This option allow you to chose the layout .
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
1. From Customize section, go to Home Sections Options..
2. From Home Sections Options, you will see Online News: News Section 5 sections.
- Disable News Section 5: This option allow you to enable/disable News Section 5.\
- Select Category: This option allow you to select the category to display in News Section 5 section.
- Number of News: This option allow you to set the number of post to display in the News Section 5 section .
- Select Category: This option allow you to select the category to display in News Section 5 section.
- Number of News: This option allow you to set the number of post to display in the News Section 5 section .
- Select Category: This option allow you to select the category to display in News Section 5 section.
- Number of News: This option allow you to set the number of post to display in the News Section 5 section .
- Select Category: This option allow you to select the category to display in News Section 5 section.
- Disable Categories: This option allow you to enable/disable the categories.
- No of News : This option allow you set the number of news to display.
1. From Customize section, go to Listing Page Section Options.
2. From Listing Page Section Options, you will see different sections. They are:
The above section are described below:
Note: To allow this section to work you have to assign the template listing page .
1. From Customize section, go to Listing Page Section Options.
2. From Listing Page Section Options, you will see Online News: News Section 1 sections.
- Disable News Section 1: This option allow you to enable/disable News Section 4.
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
- News Section 1 layout Options: This option allow you to chose the layout .
- Select Category: This option allow you to select the category to display in News Section 1 section.
- Number of News: This option allow you to set the number of post to display in the News Section 1 section .
1. From Customize section, go to Listing Page Section Options.
2. From Listing Page Section Options, you will see Online News: News Section 2 sections.
- Disable News Section 2: This option allow you to enable/disable News Section 2.
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
- News Section 2 layout Options: This option allow you to chose the layout .
- Select Category: This option allow you to select the category to display in News Section 2 section.
- Number of News: This option allow you to set the number of post to display in the News Section 2 section .
1. From Customize section, go to Listing Page Section Options..
2. From Listing Page Section Options, you will see Online News: News Section 3 sections.
- Disable News Section 3: This option allow you to enable/disable News Section 3.
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
- News Section 3 layout Options: This option allow you to chose the layout .
- Select Category: This option allow you to select the category to display in News Section 3 section.
- Number of News: This option allow you to set the number of post to display in the News Section 3 section .
1. From Customize section, go to Listing Page Section Options.
2. From Listing Page Section Options, you will see Online News: News Section 4 sections.
- Disable News Section 4: This option allow you to enable/disable News Section 4.
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
- News Section 3 layout Options: This option allow you to chose the layout .
- Select Category: This option allow you to select the category to display in News Section 4 section.
- Number of News: This option allow you to set the number of post to display in the News Section 4 section .
1. From Customize section, go to Listing Page Section Options.
2. From Listing Page Section Options, you will see Online News: News Section 5 sections.
- Disable News Section 5: This option allow you to enable/disable News Section 5.
- Disable Categories: This option allow you to enable/disable the categories .
- Disable Author & Date: This option allow you to enable/disable the author .
- Disable Views & Time This option allow you to enable/disable the Views & Time .
- News Section 5 layout Options: This option allow you to chose the layout .
- Select Category: This option allow you to select the category to display in News Section 5 section.
- Number of News: This option allow you to set the number of post to display in the News Section 5 section .
1. From Customize section, go to Typography Options.
2. From Typography Options, you will see different sections. They are:
The above section are described below:
1. From Customize section, go to Typography Options..
2. From Typography Options, you will see Color Settings sections.
- Primary Color : Select the color from available option.
- Menu Color : Select the color for menu from available option.
- Menu Background Color : Select the color for menu background from available option.
- Section Title Color Select the color for section title from available option.
- Header Text Color[h1-h6]: Select the color for header text from available option.
- Hover Color:Select the color for hover from available option.
- Paragraph Color: Select the color for paragraph from available option.
- Widget Title Color: Select the color for widget title from available option.
- Footer Background Color: Select the color for footer Background from available option.
- Post Meta Color: Select the color for post meta from available option.
- Post Meta Background Color: Select the color for post meta background from available option.
1. From Customize section, go to Typography Options..
2. From Typography Options, you will see Font Family Settings sections.
- Select Body Font Family: Select the font for body from available option.
- Select Identity Font Family: Select the font for identity from available option.
- Select Menu Font Family : Select the font for menu from available option.
- Select Heading Font Family: Select the font for heading from available option.
- Select Paragraph Font Family: Select the font for category from available option.
1. From Customize section, go to Menus.
2. From Menus, click “Add a Menu” button and you will be able to create a menu.
3. Now, click Add Items and you will be able to Add or Remove Menu Items according to your requirement.
4. Select the Menu locations.
5. If the preview looks fine, save the changes by clicking on Save and publish button.
1. From Customize section, go to Menus and inside it you will find Menu Locations.
2. Here you can:
3.If the preview looks fine, save the changes by clicking on Save and publish button.
1. From Customize section, go to Widgets.
2. From Widgets, you will see different sections to add widget where you will be able to Add a Widget or Remove widgets by going to particular widget section.
3. And the added widget will be displayed in particular section that you have added.
The widgets that are available in theme are described below:
- Online News: Article Section: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
- Online News: Breaking News : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
- Online News: Categories Tab: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
- Online News: News Section: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
- Online News: Top News: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
1.From Customize section, go to Static Front Page .
2.From Static Front Page, You will be able to set any page as A Static page and you will find Your Latest Posts page option as well.
1. From Customize section, go to Additional CSS.. 2. Additional CSS you will see:
- You can add your own CSS here.
To update Theme though FTP, follow these basic steps:
Download the latest version of Online News Pro from your Theme Palace member My-Account to your Desktop
Unzip online-news-pro.zip to your Desktop
Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Online News Pro Theme which shall replace the old files.