News Vibrant Pro
WordPress Magazine Theme
News Vibrant Pro is a modern magazine theme with creative design and powerful features that let you write articles and blog posts with ease. It uses the best clean SEO practices, responsive HTML5, and on top of that, it’s fast, simple, and easy to use. Use the Customizer to add your own background, page layout, site width and more.
Installing Theme via WordPress interface
-
Go to Dashboard > Appearance > Themes
-
Click on Add New
-
Search for the News Vibrant Theme.
-
Click on Install and activate the theme.
Installing Theme Offline
-
Download a Copy of News Vibrant Theme from WordPress or our site.
-
You'll get 'news-vibrant.zip' file save it in your storage.
-
Go to Dashboard > Themes > Click on Add New
-
Click on Upload Theme button.
-
Browse for the theme you've have downloaded.
-
Click on Install and Activate the theme.
Installation Via FTP/Cpanel
-
Download a Copy of News Vibrant Theme from WordPress or our site.
-
Now Connect the FTP server using the FTP details and copy the extracted folder to 'site-name/wp-content/themes/' path.
-
Now, go to the Dashboard >> Appearance > Themes.
-
You will see the News Vibrant theme in the theme dashboard.
-
Activate the News Vibrant theme.
-
Click on Dashboard >> Appearance >> customize for further setup.
Installing Theme via WordPress interface
-
Buy News Vibrant Pro Theme and save the downloaded theme zip file on your hard drive.
-
Go to Dashboard >> Appearance >> Themes >> Add New.
-
Click on Upload Theme button at the top and browse the news-vibrant-pro.zip file from the selective drive at computer file location.
-
Click on Install and activate the theme.
-
Click on Dashboard >> Appearance >> Customize, for further setup.
After activating a theme, admin page will redirect to Theme's Welcome page. In this page, you will get more information about Our Premium Theme and also install/active recommended plugins and import demo data.
Import Demo Data
About Theme Update
We have attached the plugin CodeVibrant Theme Updater which helps you to upgrade premium theme from Dashboard.
- Go to Dashboard >> Welcome >> Recommended Plugins Tab.
- Install/Active CodeVibrant Theme Updater Plugin.
- After that Go to Dashboard >> Themes >> Add New >> Upload Theme.
- Then please select the upgraded version of theme zip file.
- At upgrading process you got a link to download a zip file of an older version and also automatically saved in a media library.
- Go to Dashboard >> Appearance >> Customize >> General Settings >> Site Identity.
- Click on Select Logo for upload or change site logo from existing logo. ( preferred size for the logo is 300x50 ).
- Enter Site Title and Tagline.
- Checkbox option about site title and tagline display.
- Click on Select Image for upload favicon.
- Then, click on Publish button.
- Go to Dashboard >> Appearance >> Customize >> General Settings >> Colors.
- Choose the color for your site from Theme Color option. From here you can choose unlimited template color for your site.
- Then, click on Publish button.
- Go to Dashboard >> Appearance >> Customize >> General Settings >> Colors.
- Choose the color for your site title from Header Text Color option. From here you can choose unlimited template color for your site.
- Then, click on Publish button.
- Go to Dashboard >> Appearance >> Customize >> General Settings >> Background Image.
- Click on Select Image button.
- Upload or choose an image for website background. Once select image then visible many settings about background image.
- Then, click on Publish button.
Configure HomePage Animation
- Go to Dashboard >> Appearance >> Customize >> General Settings >> Homepage Settings.
- Choose A static page option from the Your homepage displays radio button.
- After that, you saw checkbox option about enables/disable Wow Animation Option on the homepage.
- Then, click on Publish button.
- Go to Dashboard >> Appearance >> Customize >> General Settings >> Website Settings.
- Choose the website layout option from drop-down option under Site Layout.
- Then, click on Publish button.
- Go to Dashboard >> Appearance >> Customize >> General Settings >> Website Settings.
- Checked to checkbox if you want to show the defined preloaders.
- After checking on checkbox you can saw the pre-define preloader under Preloaders drop-down option.
- Then, select the preloaders style as you like.
- Then, click on Publish button.
At homepage template various widget area places to manage the different layout of block section. If you don't configure homepage template latest posts are displayed in an archive as default.
Create home page
- Go to Dashboard >> Pages >> Add new.
- Enter the title of the page.
- Enter the contents of the page in the content area.
- Select Home Page as a page template from Template drop-down option.
- Click on Publish/Update button.
Configure featured home page as a front page
- Go to Dashboard > Settings > Reading
- Inside the Front page, displays set the option to A static page and choose the page you created using Home Page page template from the Front Page drop-down list.
- Once done, Click on Save Changes button.
Configure blogs as a front page
- Go to Dashboard > Settings > Reading.
- Inside the Front page, displays set the option to Your latest posts.
- Set the no. of posts to display on your front page in Blog pages show at most option.
- Once done, Click on Save Changes button.
Configure Homepage Top Section
According to demo, we are recommended CV: Featured Slider. widget.
- Go to Dashboard >> Appearance >> Widgets.
- Select/Drag the CV: Featured Slider widget on Home Top Section widget area.
- Choose the single or multiple categories under Slider Categories for Slider Section and Choose the single or multiple categories under Featured Post Categories for Featured Section.
- Choose the layout as you like from Section Layouts, where 3 different layouts are available.
- Under Extra Options, you can set the various additional options to modify slider section as you like.
- Then, Click on Save button.
Configure Homepage Middle Section
According to demo, we are recommended only one widget CV: Block Posts but it has 4 different layouts which one may create a beautiful middle section.
1) Configure Block Post ( Layout 2 )
- Go to Dashboard >> Appearance >> Widgets.
- Select/Drag the CV: Block Posts widget on Home Middle Section widget area.
- Enter the section title under Block Title text option.
- Select the category for the section under Block Category drop-down option.
- Choose the Layout 2 under Block Layouts.
- Then, click on Save button.
Configure Homepage Middle Left Aside Section
- Go to Dashboard >> Appearance >> Widgets.
- Add the widgets you wish to display to Home Middle Left Aside widget Area.
- The demo site has been configured by adding CV: Featured Posts.
Configure review widget on Homepage Middle Left Aside Section
- Go to Dashboard >> Appearance >> Widgets.
- Select/Drag the CV: Review Posts widget on Home Middle Left Aside widget area.
- Enter the section title under Block Title text option.
- Select the type of review like star/percent under Review Type drop-down field.
- Choose the Layout 1 under Block Layouts.
- Set the number of posts wants to display in section.
- Then, click on Save button.
Configure Homepage Middle Right Aside Section
- Go to Dashboard >> Appearance >> Widgets.
- Add the widgets you wish to display to Home Middle Right Aside widget Area.
- The demo site has been configured by adding CV: Social Media, CV: Ads Banner, CV: Default Tabbed.
Configure Homepage Middle (FullWidth) Section
According to the demo, we are recommended 2 widgets in this section like CV: Ads Banner and CV: Carousel.
- Go to Dashboard >> Appearance >> Widgets.
- Select/Drag the CV: Carousel widget on Home Middle (FullWidth) Section widget area.
- Enter the section title under Block Title text option.
- Choose the single or multiple categories under Block Categories for Section.
- Choose the Layout 1 under Block Layouts.
- Under Extra Options, you can set the various additional options to modify carousel section as you like.
- Then, Click on Save button.
Configure Homepage Button Section
According to the demo, we are recommended only one widget CV: List Posts.
- Go to Dashboard >> Appearance >> Widgets.
- Select/Drag the CV: List Posts widget on Home Bottom Section widget area.
- Enter the section title under Block Title text option.
- Choose the single or multiple categories under Block Categories for Section.
- Choose the Layout 1 under Block Layouts.
- Under Extra Options, you can set the various additional options to modify carousel section as you like.
- Then, click on Save button.
Configure Homepage Bottom Right Aside Section
- Go to Dashboard >> Appearance >> Widgets.
- Add the widgets you wish to display to Home Bottom Right Aside widget Area.
- The demo site has been configured by adding Video, CV: Featured Posts, CV: Ads Banner.
Configure Archives Pages
Settings are effected on the archive, categories, search pages.
- Go to Dashboard >> Appearance >> Customize >> Design Settings >> Archive Settings.
- Choose the suitable sidebar layout from available options under Archive Sidebars.
- Choose the suitable archive page layout from available options under Archive Layouts.
- Checkbox option to show/hide archive title prefix.
- Enter the read more button text under Read More Text.
- Then, Click on Publish button.
Configure Pages
- Go to Dashboard >> Appearance >> Customize >> Design Settings >> Page Settings.
- Choose the suitable sidebar layout from available options under Page Sidebars.
- Then, Click on Publish button.
Configure Posts
Configure Post Review Section at Single Post Page
- Go to Dashboard >> Appearance >> Customize >> Design Settings >> Post Settings.
- Choose Show/Hide option about post review section under Post Review Option.
- Enter the section title under Review Section Title text field.
- Enter the summary title under Summary Title text field to show inside review section.
- Then, Click on Publish button.
Follow the steps for setting the review for a single post here.
Configure Author Box at Single Post Page
- Go to Dashboard >> Appearance >> Customize >> Design Settings >> Post Settings.
- Choose Show/Hide option about author box at single post page.
- Then, Click on Publish button.
- For more settings Go to Dashboard >> Users
- From the list, you can select the user or edit own.
- Add your various social media URL to Contact Info section.
- If you want to use your custom profile picture then upload Custom Profile Picture at Additional User Meta section.
Configure 404 Page
In this theme News Portal Pro 404, Error Page has two different layouts like Default Layout and Extra Layout. In Default, layout page is same as free and in Extra Layout, all elements of the page are editable which is control from Customizer.
- Go to Dashboard >> Appearance >> Customize >> Design Settings >> 404 Page Settings.
- Select the page layout from Page Layout drop-down option as you like.
- If you select Extra Layout then all additional field will appear.
- After that Click on Select Image button to upload page image under 404 Image.
- Enter page headline at text area field which supports plain text or HTML under Page Headline.
- Enter page content at text area field which supports plain text or HTML under Page Content.
- Add text for button under Page Button text field.
- Also, add URL for button under Page Button Link URL field.
- Choose Show/Hide option about latest posts section at 404 Page under Latest Post Option.
- Then, Click on Publish button.
Create Social Icons
We use repeater field to add social icons.
- Go to Dashboard >> Appearance >> Customize >> Additional Settings >> Social Icons.
- Click on Add Icon button. A new Icon will be added.
- Open the newly added icon.
- Choose the suitable social icon under Social Media Logo.
- Enter your social media account URL at Social Icon Url text field.
- Then, Click on Publish button.
While you set the color category all section of the category has to change the color. like category button, title etc...
- Go to Dashboard >> Appearance >> Customize >> Additional Settings >> Categories Color.
- Choose the different color for each category.
- Click on Publish button.
- Go to Dashboard >> Appearance >> Customize >> Additional Settings >> Fallback Image.
- Choose Enable/Disable option for the fallback image on featured image.
- Click on Select Image button for uploading a fallback image which is show absence of posts featured image.
- Then, Click on Publish button.
In this settings, the theme has more features to handle the homepage widget title link and color.
- Go to Dashboard >> Appearance >> Customize >> Additional Settings >> Widget Settings.
- Choose Enable/Disable option about widget title link ( While the category is select in CV: Block Posts widget ).
- Choose Enable/Disable option about widget title color ( Color was changed according to categories color while the category is select in CV: Block Posts widget ).
- Then, Click on Publish button.
Configure Homepage Widget Settings
In this section, we have to manage the homepage widget area section layout like 3 columns, 2 column.
- Go to Dashboard >> Appearance >> Customize >> HomePage Widget Settings.
- Inside Widget Area Layout section we have to option to manage the homepage section column.
- Choose a layout for Middle Widget Area as well Bottom Widget Area section.
- Inside Extra Settings section, we have lots of option to manage the homepage widget area section.
- Choose Enable/Disable option about widget title link ( While the category is select in CV: Block Posts widget ).
- Choose Enable/Disable option about widget title color ( Color was changed according to categories color while the category is select in CV: Block Posts widget ).
- Choose an option for show/hide post format icon over the post's featured image.
- Choose an option for show/hide post date.
- and so many options are available there which may help you.
- Select the type of image over under Image Hover Type drop-down option.
- Then, Click on Publish button.
Creating New Category
- Go to Dashboard >> Posts >> Categories
- Enter Category name at Name field.
- Enter the category slug if you need different from category name, but leave it as blank.
- Select the existing category from drop-down if you want to make child category, otherwise, leave it as None.
- Enter the category description if you needed.
- Click on Add New Category button.
Creating New Post
- Go to Dashboard >> Posts >> Add New
- Enter the post title and add the post content in the editor area.
- Choose the categories from lists and enter tags as you like.
- Choose the sidebar option from available lists which is more priority than customizer option.
- Select the featured image for the post.
- Click on Publish button.
Creating New Page
- Go to Dashboard >> Pages >> Add New
- Enter the page title and add the page content in the editor area.
- Choose the existing page if you want to create a child page, otherwise leave it.
- Choose the available page template if you want.
- Choose the sidebar from available options.
- No need to add featured image for the page.
- Click on Publish button.
- Go to Dashboard >> Appearance >> Typography.
- Here is the section for Paragraph, H1, H2, H3, H4, H5, H6 and primary menu. All section have same options to configure.
- Options are:
- Set the Font Family, Font Weight/ Style, Text Transform, Text Decoration, Font Size, Line Height and Font Color.
- Then, Click on Publish button.