Thank you very much to purchase a premium theme of us. Feel Free to contact with us for any issue. You can write us here: support@codexcoder.com

Top-News

A Beautiful, Professional and News, Publishing, Newspaper, Magazine, Sports Magazine, Fashion Magazine, Technology Magazine, Health Magazine, Video Magazine and blog Theme site with clean, modern, user friendly, fast-loading, customizable, flexible, and functional WordPress theme.

• By: CodexCoder
• Email: support@codexcoder.com

Top-News Theme is a fully responsive WordPress theme suitable for News, Publishing, Newspaper, Magazine, Sports Magazine, Fashion Magazine, Technology Magazine, Health Magazine, Video Magazine and blog Theme's site with clean, modern, user friendly, fast-loading, customizable, flexible, and functional WordPress theme. It uses the best clean SEO practices, overall it's fast, simple, and easy to use. In addition, Top-News supports responsive Google Ads and AdSense. We offer a strong support and friendly help 24/7.

• Documentation - That's where you
• Sample Data - Demon content and theme setting json for complate setup.
• Upload - This is where all Theme files are (zipped & unzipped format)

1. Log into your WordPress backend
2. Navigate to Appearance > Themes
3. Click Install Themes/Add Themes
4. Click Upload/Upload Themes
5. Now you just need to find the "top-news.zip" in the Upload folder and hit Install now.
6. After Installed then click Active Now

See video about Uploading. 

Theme Install From FTP

1. Login to your FTP account and navigate to your WordPress Installation directory
2. Navigate to the folder /wp-content/themes
3. Upload the "TopNews" folder (not the .zip-file). This is the folder located inside the "Upload" folder in the zip-file you've downloaded from CodexCoder.
4. Now log into your WordPress backend
5. Navigate to Appearance > Themes
6. Find the Theme and click Activate

So at this stage you have probably noticed a warning, asking you to install recommended plugins. This is needed to get the Visual Composer. Installing that is very simple, you just need to click Begin installing plugins and you will be redirected to the plugin installation page where you can install  Plugins.

See this image

You can install your all plugins following the instruction which we show below:

1. Go to Dashboard and click on Plugins .

2. Then click on Add New .

3. Type your plugins name into searchbox, Example: WP User Avatar .

4. Click on Install Now .

N.B. For WP User Avatar plugins: Click Here

1. Go to dashboard and click on Users.
2. Click on Add new .
3. Fill all input field.
4. Click on Add New users .

1. Go to dashboard and click on Tools.
2. Click on Import to begin the import process
3. Then click on WordPress (Install) .



4. Now click on Run Importer .



5. After clicking on run importer you can able to see the Choose File button. Click on the button and choose your required demo data from Demo Data folder. Choose your expecting demo folder and import xml file.
6. Now click on Upload file and import button.



7. Now you can see the screenshot below: Now put tick on Import Attachments option.
8. And click on Submit button.



9. Now you can see the screenshot below: Finally click on Have Fun and go back to your dashboard. Your demo will be imported.

1. Go to Dashboard and click on Pages
2. Now click on Add new
3. Write a title of your page into Title field.
4. Now select the Default Template from Template option.
5. Now click on Publish button.

Now go to Dashboard and click on Settings > Reading. Please see the screenshot below and do as it.

All of our Themes are able to be translated into any language. The process of translating the theme is a user responsibility. The following instructions are given as guidance.

1. Open wp-config.php and replace this: define ('WPLANG', ''); with this (subsitute the language string (bg_BG) with your own!): define ('WPLANG', 'bg_BG');
2. Download and install POEDIT
3. Connect to your site -> open your theme/languages directory
4. Download the default.po file and open it with POEDIT.
5. Translate file and save it as bg_BG (the file name must match with the string you inserted into wp-config.php)
6. Two files will be generated after save. bg_BG.po and bg_BG.mo
7. Upload the .mo and .po files into wp-content/themes/your-theme/languages folder

Important info, regarding translation in WordPress.

1. Go to (WordPress Dashboard > Settings > General)
2. Select your website langauge as shown in this screenshot:

   

Primary Menus

1. Click on Appearence
2. Click on Menus
3. Click on create a new menu(Primary Menu)
4. Write your menu name. Example: Main Menu.
5. Click on Create Menu.

See the result below:

Now you can see all the menu style variation of this theme below:

If you choose the Menu 1 (Default), you can see the result below:

If you choose the Menu 2 (Fashion), you can see the result below:

If you choose the Menu 3 (Sports), you can see the result below:

If you choose the Menu 4 (Black Menu), you can see the result below:

If you choose the Menu 5 (Black Menu v2), you can see the result below:

If you choose the Menu 6 (Theme Menu), you can see the result below:

Mobile Menus

1. For your Mobile menu first you click on Appearence
2. Then click on create a new menu(Mobile Menu)
3. Select your expecting page or.
4. Select your expecting link or select category post.
5. Now your can decorate your footer menu by drugging with your cursor pointer up > down.
6. Finally save your moblie menu.

Working from backend you can see this outlook.

Top Left and Right Menus

1. For your Mobile menu first you click on Appearence
2. Then click on create a new menu(Top Left Menu)
3. Then click on create a new menu(Top Right Menu)
4. Select your expecting page or.
5. Select your expecting link or select category post.
6. Now your can decorate your footer menu by drugging with your cursor pointer up > down.
7. Finally save your top left and top right menu.

Working from backend you can see this outlook.

Header Style: you can choose your page header style from this option. Without this you can limit your slider post from Limit Slider Posts option. Also you can show post from category, tag or both using Display Slider Post from option

17.Click on Publish button.

Now you can see the outlook looks below:

1. At first you need to go dashboard and click on Pages.
2. Then click on Add new .
3. Type the title into Title area .
4. Select the template from Template option.

1. Select the template from template option as Author Page.
2. Then click on Publish button.

Finally, you can see the outlook like below:

1. At first you need to go dashboard and click on Viralpress.
2. Then click on Settings .
3. Now click on Install Categories & Menu.

Now you can see the marking menu name which autometic will create by clicking Install Categories & Menu option.

If you choose your Viral and Buzz from here and choose menu for vp guest menu items , you can see the menu style like screenshot below:

If your are logged in or you choose vp subscriber menu items option, your menu structure will like below:

Finally, your menu look like below:

At first you need to go dashboard and click on TopNews Panel.

1. Then click on Header option.
2. Click on General Settings option.
3. Then select Header 7 (Viral & Buzz) option.

Creating viral & Buzz quick menu click on Viral & Buzz Settings.

1. Then click on Header option.
2. Click onViral & Buzz Settings option.

If you choose a menu style from Menu Style options. Example: Default.



You can see menu below:



Or, If you choose Black Menu options from menu style



You can see menu below:



Or, If you choose Black Menu 2 options from menu style



You can see menu below:



Or, If you choose Theme Color Menu options from menu style



You can see menu below:



Now if you click on Top Area options. You will get the top area options. From there you will able to choose 3 style of your top area style. Example: if you choose the Style 3 (Top Bar Menu) you will able to set here your top bar menu's background color using Top Bar 3 Background Color option. Without this you can put there Top Bar 3 Font Color from this option. You can also here show Temperature form Temperature with Location option and you can show here date and time using Date option.



Finally you can see the screenshot below:



Here you will able to see the Quick Menu options.

3. At first write your menu name into Write Name option.
4. Then put your menu url into Menu URL option.
5. If you want to use an icon, please choose an icon from Add Icon option. and if you want to remove an icon from Remove Icon option.

Without this you can add a quick menu using Add New option or if you want to remove a quick menu using Remove option.

Finally, you can able to see this below:

Creating viral & Buzz quick menu click on Viral & Buzz Settings.

1. Then click on Header option.
2. Click onViral & Buzz Settings option.

Here you will able to see the Reaction Menu options.

3. At first write your menu name into Write Name option.
4. Then put your menu url into Menu URL option.
5. If you want to use an icon, please choose an icon from Upload Icon option. and if you want to remove an icon from Remove Icon option.

Without this you can add a quick menu using Add New option or if you want to remove a quick menu using Remove option.

Finally, you can able to see this below:

Decorate viral & Buzz pages top area you need to click on Top Area.

Here you will able to see the Top Featured Post options.

1. If you want to see the post on top area, use the switch On/Off option.
2. From here you can control your post limit using Posts Limit option.
3. Also you can show your post from Category , Tags or from All area (category & tags).
4. Without this if you want to show the top area, you can use On/Off switch to show or hide.
5. If you want to use Topbar Style 2, you need to put your post link into Latest Post Link, Popular Post Link, Hot Post Link, Trending Post Link options.

Add New option or if you want to remove a quick menu using Remove option.

Finally, you can able to see this below:

1. At first go to dashboard and click on Pages.
2. Then click on Add new .
3. Type the title into Title area .Example: Creating Post
4. Now put this shortcode [viralpress_user_create_entry] .
5. Finally, click on Publish .

Now you can see the outlook of your post below:

Finally, fill all blanks as screenshot:

Filling all requirements, you can see this result below:

The theme uses Gravatar to display users avatars . to craete or change your Gravatar :

If you have never setup a Gravatar account:

1. Register / login to Gravatar. Upon registering, use the SAME email address that is associated with your WordPress User Profile.
2. Upload your photo and associate it with that specific email address.

If you already registered at gravatar.com, follow these steps:

1. Click on "My Gravatars" .
2. click on "Add a New Email" .
3. Then, you'll need to click on "Add a New Image" .
4. Upload an image .
5. Then select the email address, and then select your image from bottom. Now it's associated with that email address. Click Save .
6. It will take about 5-10 minutes to propagate on the internet, and then will appear on site.

1. At first you need to go to dashboard and select the posts option.
2. Click on All posts and select a post to insert a shortcode in post
3. Click on BACKEND EDITOR .

4. Then go down the page and click on (+) symbol

5. Select an element from All Element from here. Example: Google Maps and click on this element.

6. Write your element title from here. Example: Our Location

7. Put your google map loction code here.

8. Select your maps height from here.

9. You can also put an extra class here.

10. Finally you can see the outlook from browser.

If you want to change the general options of the theme, go to your WordPress Admin Area to TopNews Setup menu. Here you have a tabbed Navigation where you can change a lot of Options of your new Theme. There have lot's of option for TopNews Theme. 

1. General Settings
2. Typography
3. Header
4. Homepage Setting
5. Category Layout Setting
6. Blog Layout Setting
7. Archive Layout Setting
8. Single Page Setting
9. Backup

Go to Theme Option > General Settings. Here they are:

1. Boxed/Fullwidth layout choose from Boxed Layout option, .
2. Put your background image from Background Field option.
3. Use custom sidebar from Custom Sidebars option.
4. Sideabr layout choose from Page Sidebar option.
5. Choose sidebar from Sidebar 1/ Sidebar 2 option.
6. If you want to show sharecounter on your feature post or blog post, you can use the switch named Display sharecount on featured post / blog option.
7. From here you can show your copyright text using Copyright Text input area.
8. Finally click on Save button.

Go to Theme Option > Typography.

1. Click on Typography
2. Body Font Family : Use unlimited google font.
3. Body Font Size : Put font size.
4. Theme Color : Change your theme color.
5. From Theme Sidebar Bakground Color you can change your sidebar background color.
6. Theme Top Footer Bakground Color: you can put your top footer background color from here.
7. Theme Copyright Footer Bakground Color: Using this option, you can put here Theme Copyright Footer Background Color.
8. Title font family : Theme all title will take this font family.
9. Title font family style : Theme all title will take this font family style.
10. Title text-transform : Theme all title will take this text transform.
11. Title color : Theme all title will take this color.
12. Menu font family : Menu will take this font family.
13. Menu font weight : Menu will take this font weight.
14. Menu font style : Menu will take this font style.
15. Menu text-transform : Menu will take this text transform .
16. Finally, click on Save button to save.
.

Go to Theme Option > Header.

1. Click on Header
2. From Header Style option, you you can able to stylist you header as your choice. Here we add six more styles.
3. You can able to limit you slider posts from Limit Slider Posts options.
4. From Display Slider Posts From? options you can choice your targetting format from Category, Tag or Both..
5. You can also able to on/off your page header using Page Header On/Off options.
6. If you want to use a header background image, simply use the Header Background options.
7. As header area contain a header ads so you can upload a header ads image from Header ads image options. N.B it is available only for header style 1.
8. From Header ads code options you can put your header ads codes here.
9. From Top Bar option you can able to show/hide top bar.
10. In Address option you can put your address here.
11. In Login Text option, you can put here your login text as your choice.
12. Finally, click on Save button
.

Go to Theme Option > Homepage Settings.

1. You can control your feature post on/off from here. Just turn the switch as your demand.
2. You can control your feature post layout from here. Just choose your requirements.
3. You can also control your feature post limit from here.
4. You can get your post from category, tag or from both to use this radio button.
5. Also you can select your tags from select option from mentioned post.
6. Finally, click on Save button
.

Go to Theme Option > Category Layout Settings.

1. You can on/off your page header for header style 2 and 3.
2. You can add an image as a header background by clicking add image button.
3. You can choose default category template from here as well as with one sidebar or more.
4. You can also select the category template sidebar 1.
5. You can able to choose sidebar 2 too.
6. Also you can choose your post style.
7. From Excerpt option you can able to keep excerpt show or hide.
8. From Excerpt Word Limit option you can able to keep excerpt word limit.
9. You also select post column quantity from Post Column option.
10. Without this you can able to on/off category slider from Category Slider option.
11. Finally click on Save button.

And this way you can able to do maintain your all categories post from backend.

Go to Theme Option > Blog Layout Settings.

1. You can on/off your blog header for header style 2 and 3.
2. You can add an image as a blog header background by clicking add image button.
3. You can choose default blog template from here as well as with one sidebar or more.
4. You can also select the Blog template sidebar 1.
5. You can able to choose Blog template sidebar 2 too.
6. Finally you can choose your post style.
7. You can control your excerpt to select from yes/no options.
8. You can also control your readmore to select from yes/no options.
9. You can choose your post column from here.
10. You can able to blog slider on/off from here.
11. You can also able to change the slider style use selecting option.
12. Not only that you can able to limit your posts from here.
13. As well as you can select tag from where you can show the sliders.
14. Without those you can able to show feature post from Feature Post option.
15. From Limit Feature Post option you can handle your features post quantity.
16. Finally click on Save button.

Go to Theme Option > Archive Layout Settings.

1. You can on/off your archive header for header style 2 and 3.
2. You can add an image as a archive header background by clicking add image button.
3. You can choose default archive template from here as well as with one sidebar or more.
4. You can also select the archive template sidebar 1.
5. You can able to choose archive template sidebar 2 too.
6. Finally you can choose your post style.
7. You can control your excerpt to select from yes/no options.
8. You can also control your readmore to select from yes/no options.
9. You can choose your post column from here.

Go to Theme Option > Post Stylist Widget.

1. Go to dashboard and click on Appearence.
2. Then click on Widget.
3. Choose a widget Example: TopNews::Recent Posts .
4. Choose sidebar 1 or sidebar 2 Example: Sidebar 1 Primary . It is show in right sidebar. If you choose Sidebar 2 , it will show in left sidebar. As well as if you choose Footer , it will show in footer widget.
5. Now click on Add Widget.
6. Now put your expecting title on Title option.
7. To limit your posts put limit on Limit Posts option.
8. Select your post style from Post Style option.
9. Where from you want to show the post. So select Category Or Tag option.
10. If you choose category, select the category from Category option.
11. If you choose tag, select the tag from Tag option.
12. Finally click on Save and see the outlook.

Go to Theme Option > Single Page Settings.

1. You can on/off your single page header for header style 2 and 3.
2. You can add an image as a single page header background by clicking add image button.
3. You can choose default single page template from here as well as with one sidebar or more.
4. You can also select the single page sidebar 1.
5. You can able to choose single page sidebar 2.
6. Also you can choose your post style.
7. If you want to show the author name you can simply select Yes/No from Author Bio option.
8. In the same way if you want to show the related post simply select the Related Post option.
9. Finally if you want to see your backend result in front end, click on Save button and see the outlook of your work's.

1. Skype: codex.coder
2. Support Team: support@codexcoder.com