Menu


NewRoad - WordPress theme for blogging, magazine, news, editorial, photography, review or other goals website. This theme has a responsive layout and retina display ready, you can easy to customize it and Create your Awesome Website.


  • Responsive Design
  • Beautiful Featured Slider
    • One Slide Slider
    • Three Slides Slider (Full width)
  • 2 Different Blog Layouts
    • Full Blog Layout
    • Grid Layout
    • Full Blog Layout + Sidebar
    • Grid Layout + Sidebar
  • Full Width Instagram feed in footer
  • Post Formats
    • Standard Posts
    • Quote Posts
    • Gallery Posts
      • Slider Fixed Height
      • Slider Auto Height
      • Grid 3 Columns
      • Grid 4 Columns
      • Large Image + Grid 3 Columns
      • Large Image + Grid 4 Columns
    • Video Posts
      • YouTube
      • Vimeo
      • Else
    • Audio Posts
      • SoundCloud
      • Else
    • Sticky Posts Support
  • 9 Custom Widgets + 1 MailChimp for WordPress Widget Design, so you can display a beautiful newsletter widget:
    • About Me
    • Facebook Like Box (Plus Image Cover with Title)
    • Featured Video
    • Flickr
    • Instagram Slider
    • Latest Posts
    • Recent Tweets
    • Social Icons
    • Tag Cloud
    • MailChimp Sign-Up Form
  • Gallery Page/Post Options
    • Tiled Gallery
    • Squared Gallery
    • Circle Gallery
  • Magnific Popup Options
    • on Page
    • on Post
  • Sticky Navigation
  • Full Width Sliding Search
  • Full Width/Sidebar Page Template
  • Sticky Sidebar (You can easy disable it)
  • Sidebar Support
    • on Homepage
    • on Posts
    • on Archives
  • Social Media Icons in Header and Footer
  • Header and Footer Full Size Logo BG
  • Zoom & Border Image Effects if you need
  • Retina Logo Support (For Full Retina you should use: WP Retina 2x or else)
  • Related Post inside post
  • Next/Prev Post Navigation
  • Hot & New Feature  Drag & Drop Posts and other elements Order
  • Hot & New Feature  Like System
  • Hot & New Feature  Dropcap, Font Awesome, Columns Shortcodes
  • Theme Options Powered by WordPress Customizer
  • Tons of customizable color options
  • Easy to Hide & Show All Main Elements
  • Contact Form 7 Support
  • Demo Content File Included XML
  • Child Theme Ready
  • Custom CSS Area in Theme Customizer
  • Translation Ready (MO/PO Files)
  • HTML, CSS3, JQuery
  • Works with WP 4.2+
  • WordPress 3.0 drop-down support
  • Online HTML Documentation + Video Documentation



Scroll Down and read more about This Great WordPress Theme

WP Theme Installation

WordPress Install

Hey there!
If you have not yet installed wordpress download it from the link below by clicking on "Download Wordpress".
Installing WordPress Link - * Instruction is located the same link!

Famous five minute WordPress installation will bring you positive feedback on this CMS

If you have installed, or was installed WP, go to the next step.

Theme Install

This is the first and easiest way to install the theme.
  • Go to Appearance Themes.
  • Click on Add New at the top.
  • Click on Upload Theme at the top.
  • Upload "newroad.zip" archive file via web interface
  • Upload "newroad-child.zip" archive file via web interface too, if you want customize your theme safely.
  • Activate newly main installed theme

Theme Install via FTP

This is the second way to install the theme.
  • Unzip "newroad.zip" on your Desktop. You should get folder called "newroad"
  • If you want to customize your theme safely unzip "newroad-child.zip" on your Desktop too. You should get folder called "newroad-child"
  • Sign in to your hosting using your favorite FTP client.
  • Navigate to /wp-content/themes/ and upload "newroad" and "newroad-child" folder.
  • Open WordPress Dashboard and go to Appearance Themes and activate newroad main theme from there.

Theme Required Plugins

Post-installation issues.

After installing the theme you will see window with a message about installing the required plug-ins. Don't ignore it, Begin installing plugins and Activate all of them



Theme Features

Here you will see more detail about what I mentioned in the description list.

Search Bar

  • Sliding Full Width Search - easy to use on desctop, tablet & mobile versions
  • Always on Top - fixed positions, always with the menu, there is no problem when you scroll.

Images on Header & Footer

  • Dark & Light Logo - you can easy upload your logo and it's will be looks fine, also you can upload light logo with background image, it's great solution for your thematic blog.
  • Header & Footer BG Images - set different images at footer and header, choose your own blog style, make your blog unique, set bloggers trends.

Featured Posts Slider Area

  • One Slide Slider
  • Three Slide Slider (Full Screen)

Automatic changing of font style

the, on, and, from, at, in, of - this small words has different font style (italic), this occurs automatically, you do not need to worry about it.
  -  You can replace english words on your native language words when you will create yours file of translate (MO/PO)

Post Info, Likes System and Share Buttons

Now you can easy hide or show comments, likes, share buttons, read more button, and in any case it's will be looks cool.

Facebook Widget Feature

Set your custom text, image url and you will see cover image, all to get your own style and not to spoil the design of the site. Also is you need widget without cover only click on appropriate checkbox.

Popup Windows

All images of posts now showng in Popup Windows (Magnific Popup), great solution to show more for your visitors. Also you can disable Popup Windows on Pages, on Gallery Pages and on Posts in general.

Sidebar & Sticky Sidebar

You can activate sidebar on Home Page, Post Pages and Archives Pages, with any layout you want.

  -  Sticky Sidebar - it's really great feature. Now you will see your sidebar in any case, scroll your content and sidebar will follow you. You can give users chance see important information more time.

Instagram in Footer & Sidebar

Do you love Instagram? Share your images in footer area. You can sidebar widgets too - Slider, Thumbnails, Slider with text inside.

Social Icons

Do you love Instagram? Share your images in footer area. You can sidebar widgets too - Slider, Thumbnails, Slider with text inside.

Grid & Full Layouts

Oh, do you need to show users only posts? You can easy do it, only choose optionts via theme WP Customizer and you gt this result:

Grid & Full Layouts + Sidebar

Activate sidebar if you need and you will see this result:

Post Types

Activate sidebar if you need and you will see this result:

  • Standard
  • Gallery
    • Slider Fixed Height
    • Slider Auto Height
    • Grid 3 Columns
    • Grid 4 Columns
    • Large + Grid 3 Columns
    • Large + Grid 4 Columns
  • Video
    • YouTube
    • Vimeo
    • Else
  • Quote
  • Audio
    • SoundCloud
    • Else

Gallery Types

You can set page with any kind of gallery:

  • Tiled Gallery
  • Squared Gallery
  • Circle Gallery

Custom Pages

Now on demo site you can see About Me, Contact Us, Pages without Sidebar and more. All of this pages you can easy create only with theme options and plugins.

Drag & Drop Post Order

Now you can easy drag & Drop all items in admin panel, order your posts and other elements via mouse usage only. Only activate what do you want to order with Drag & Drop function.

Theme Structure

Below you can see the structure of the Main Page. All about how to choose Featured Slider and more you can see in Theme Customizer Category.

Search Bar

You can see large search bar, sliding from top it's great solutions for tablet and mobile users, also your users will be surprised to find needed information easily.

Main Menu

Manage menu is very simple, just using Drag & Drop, you can create submenu from items ( pages/links/categories ).
For more information about creating & managing menu, you can view the following link: WordPress Menu User Guide - By default you will see notice.

Social Icons in Header & Footer

All social links are set from Appearance Customize Social Media Settings

Logo & Header Image

You can set Logo (and Logo for Retina) from:
Appearance Customize Logo and Header Settings
Appearance Customize Header Image

Featured Area

Choose your favorite slider and set options from:
Appearance Customize Featured Area Settings

Posts Area

You can choose Grid or Full Layout (with or without sidebar) and result you will see in Posts Area. And you may set different layouts for blog and archive pages.

Sidebar

This Theme Support 9 Widgets and MailChimp Designed Widget (Cover for widget).

Footer Widgets

You can set widgets in footer in three columns, or disable footer widget area in general.

Footer Logo & Footer Image

Upload your Logo and choose Background from:
Appearance Customize Footer Settings

Upload Retina Size Logo to be always in the best quality.

Instagram Footer

Setup Instagram Widget in Footer Intagram Area and choose needed settings:

  • Number of images to show: 8
  • Template: Thumbnails - Without Border
  • Number of Columns: 8

Copyrights

Add you own info from:
Appearance Customize Footer Settings

Main Menu

This theme support a multi-level dropdown menu that can be set from Appearance Menu

  • Create your own multilevel menu using this guide WordPress_Menu_User_Guide
  • Save your menu.
  • Go to Appearance Menus Manage Locations
  • Select your created menu from list
  • Save changes in Manage Locations

How to Create Post

This theme support all trending post formats.
Now you can use all perfomance of your wordpress, view of type options has changed and has become much easier, clearer and more comfortable.

How to Create Gallery

Theme support Tiled, Cirle and Square Gallery Types.

To create a new gallery post/page:

  • Go to Pages Add New
  • Enter your page title.
  • Enter your page content.
  • To create galley inside page/post content:
    • Click on Add Media button
    • In opened modal window choose Create Gallery
    • Upload or Choose Images you want
    • Apply seting in right sidebar after you choose images
    • Click on Insert Gallety button
    • After insert you may delete or edit your gallery
  • When you are done, click "Publish" button to save the page.
  -  If you want create gallery in Tiled Style like on Demo Gallery Page you must install and activate Tiled Galleries plugin and choose this settings from Gallery Setting when you will add gallery inside page or post.

How to Create Contact Page

  -  Please install required plugins before: Google Maps Plugin, Contact Form 7, Column Shortcodes

After you intall plugins you may create Contact Page with Contact Form and Google Map (Colored or Gray).

  • Go to Contact Contact Forms
    • Add New Form or use Default
    • Edit Contact Form if you need (click on name)
    • Copy and Past Contact Form Shortcode on your Contact Page
  • Go to Google Maps All Maps
    • Add New Google Map with your own settings
    • Set location and other features and required fields
    • Copy and Past Google Map Shortcode on your Contact Page
  • Go to your Page and add needed info, you can shoose columns shortcodes for your content.

How to Create About Page

  -  Please install required plugins before: Column Shortcodes
  • Create simple page
  • Add needed columns with Column Shortcodes
  • Add images and info about you

How to Create Page with Sidebar

  • Create simple page
  • Choose Template: Page with Sidebar
  • Publish it :)

Widgets Structure

You can find 9 Custom Widgets + 1 MailChimp Widget Design (Cover for widget), all Custom Widgets called "NewRoad - ".
All standart widgets work perfect too, so you can use categories and others widgets so easy. *  -  For example standard Categories Widget has slide down effect on child categories.


*  -  Read more below.

Custom Widgets

Go to Appearance Widgets and use the drag and drop interface to insert widgets into the desired widget areas.

New Road - About Me

About Me Widget include this options:

  • Title
  • Image URL
  • About me text


New Road - Facebook Like Box

Facebook widget allows you to show a facebook likebox, all settings like on original facebook widget and set Cover. To setup cover on you Facebook Widget you should:

  • Cover Image URL
  • Cover Title Text (you may use HTML)
  • Show Cover Image & Text (set checkbox)


New Road - Featured Video

Add your favorite video in Widget Areas via this options:

  • Title
  • Video Link
  • Height


New Road - Flickr

Flickr widget allows you to add recent images uploaded to your flickr account. You can customize to your Flickr ID, number of photos to show and the display order (latest/random) from the widget settings. To find your Flickr ID, use http://idgettr.com


New Road - Instagram Slider

Instagram Widgets use New Road Instagram Widget Plugin.
Add widget in needed area and set this options:

  • Title
  • Search Instagram for: Username/Hashtag
  • Source: Instagram/WP Media Library
  • Save and Display Images from Media Library: Yes/No
  • Number of images to show
  • Check for new images every
  • Template
    • Slider - Normal
    • Slider - Overlay Text
    • Thumbnails
    • Thumbnails - Without Border
  • Image size
    • Select Image Size
    • Thumbnail
    • Medium
    • Large
  • Order by
    • Date - Ascending
    • Date - Descending
    • Popularity - Ascending
    • Popularity - Ascending
    • Random
  • Link to
    • Instagram Image
    • Instagram Profile
    • Custom Link
    • None
  • Advanced Options
    • Image Link rel attribute
    • Image Link class
  • Advanced Slider Options
    • Slider Navigation Controls
      • Arrows & Dots
      • Arrows
      • Dotted
      • No Navigation
    • Number of words in caption
    • Slider Text Description


Footer Instagram: New Road - Instagram Slider

Add Instagram to Footer Instagram Area and Setup this settings to your widget necessarily:

  • Number of images to show: 8
  • Template: Thumbnails - Without Border
  • Number of Columns: 8

New Road - Latest Posts

Latest Posts Widget include this options:

  • Title
  • Filter by Category
  • Number of posts to show


New Road - Recent Tweets

Recent Tweets Widget Plugin Required Recent Tweets Widget include this options:

  • Title
  • Consumer Key
  • Consumer Secret
  • Access Token
  • Access Token Secret
  • Cache Tweets in every
  • Twitter Username
  • Tweets to display
  • Exclude replies


New Road - Social Icons

Before you add this widget you should fill full links to your social media profiles from Appearance Customize Social Media Settings


New Road - Tag Cloud

Only add this widget to your favorite area and you will see Custom Popular Tags.


MailChimp Sign-Up Form

Add this to your MailChimp settings (MailChimp for WP Forms ):

Theme Customizer

All main settings for this theme can be set from the WP Theme Customizer.
Go to Appearance Customize
  -  If some settings works only in customizer, or options checked but function not appear, you need uncheck option and check it again.

!  -  When you are done making your changes, press the "Save & Publish" button in the top of the theme customizer.

Header Image

If you want to add your own background to header you should only upload your image. Image will completely cover the top of the site and will be the background for your logo. It will emphasize the style and subject of your website

General Settings

You can set this options here.

  • Upload your favicon
  • Choose Homepage Layout
  • Choose Homepage Content Type
  • Homepage Excerpt Length (e.g: 120)
  • Homepage Read More Tag Text
  • Read More Text
  • Grid Layout: Heading
  • Grid Layout: Sub heading
  • Archive Layout
  • Enable Sticky Sidebar (Fixed)
  • Enable Sidebar on Homepage
  • Enable Sidebar on Posts
  • Enable Sidebar on Archives
* - Homepage Read More Tag Text it's read more tag in post content, you can instert it via this button:

Logo and Header Settings

You can set this options here.

  • Upload Logo
  • Upload Logo (Retina Version)
  • Top Header Padding (e.g: 50)
  • Bottom Header Padding (e.g: 50)
  • Header Image Height (e.g: 626)
  -  If you need full retina support you should install this plugin: WP Retina 2x and add larged images for each uploaded image.

Top Bar Settings

You can set this options here.

  • Disable Top Bar Social Icons
  • Disable Top Bar Search

Featured Area Settings

You can set this options here.

  • Enable/Disable Featured Slider
  • Featured Posts Layout
  • Select Featured Category
  • Hide/Show Featured Category
  • Amount of Slides
  • Hide/Show Border effect on Slider
  • Enable/Disable Static Border on Slider (on hover)
  • Hide/Show Zoom effect on Slider

Post Settings

You can set this options here.

  • Hide/Show Border effect
  • Hide/Show Popup Window
  • Hide/Show Popup on Post Page
  • Hide/Show Zoom effect
  • Hide/Show Category
  • Hide/Show Date
  • Hide/Show Tags
  • Hide/Show Share Buttons
  • Hide/Show Read More Button
  • Hide/Show Likes
  • Hide/Show Comments
  • Hide/Show Author Box
  • Hide/Show Related Posts Box
  • Hide/Show Featured Image from top of Post
  • Hide/Show Next/Prev Post Navigation
  • Enable/Disable uppercase in post title

Page Settings

You can set this options here.

  • Hide/Show Border effect
  • Hide/Show Zoom effect
  • Hide/Show Popup
  • Hide/Show Popup on Tiled Galley Page
  • Hide/Show Comments
  • Hide/Show Share Buttons

Social Media Settings

Enter your social media links ( full url like: https://twitter.com/BBershadsky ). Don't forget Show/Hide social media icons in Top Bar Settings and Footer Settings.

Footer Settings

You can set this options here.

  • Enable/Disable Footer Social
  • Enable/Disable Footer Widget Area
  • Enable/Disable Footer Logo Area
  • Upload Logo
  • Upload Logo (Retina Version)
  • Upload Footer Background Image
  • Footer Copyright Text
  -  Colors of footer logo BG and more you should set below, in colors settongs area.

Colors Settings

You can set color options in this categories:

  • Colors: Top Bar
  • Colors: Footer
  • Colors: Sidebar
  • Colors: Posts
  • Colors: General
  -  All color settings are intuitive and easy to use.

Custom CSS

Add you custom CSS code here.

Insluded Plugins

  -  All plugins included in theme and supported by their owners.
Browse the list below:


All Plugins Included, Recommended and Required
# Name Description URL
1 Better Font Awesome The Better Font Awesome plugin for WordPress. Shortcodes, HTML, TinyMCE, various Font Awesome versions, backwards compatibility, CDN speeds, and more. https://wordpress.org/plugins/better-font-awesome/
2 Column Shortcodes Adds shortcodes to easily create columns in your posts or pages. Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page. You can also change the padding of each individual column from the UI. https://wordpress.org/plugins/column-shortcodes/
3 Contact Form 7 Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. https://wordpress.org/plugins/contact-form-7/
4 Drop Cap Shortcode This plugin give you freedom to insert dropcap or not. Just change your first letters into a shortcode. Example: [T]his is my paragraph with a drop cap. The first letter 'T' will turn into a drop cap. https://wordpress.org/plugins/drop-cap-shortcode/
5 Google Maps Builder Google Maps Builder isn't just another Google Maps plugin. It's built from the ground up to be the easiest, most intuitive and fastest Google Maps plugin for WordPress. Visually build powerful customized Google Maps to use on your WordPress site quickly and easily without ever having to touch a bit of code. https://wordpress.org/plugins/google-maps-builder/
6 MailChimp for WordPress Lite Lite version of MailChimp for WordPress. Adds various sign-up methods to your website. https://wordpress.org/plugins/mailchimp-for-wp/
7 New Road Instagram Widget Based on: Instagram Slider Widget Own repository
8 Recent Tweets Widget Recent Tweets Widget plugin for Twitter API v1.1 with Cache. It uses the new Twitter API v1.1 and stores tweets in the cache. It means that it will read status messages from your database and it doesn't query Twitter.com for every page load so you won't be rate limited. You can set how often you want to update the cache. https://wordpress.org/plugins/recent-tweets-widget/
9 Simple Custom Post Order Order Items (Posts, Pages, and Custom Post Types) using a Drag and Drop Sortable JavaScript. https://wordpress.org/plugins/simple-custom-post-order/
10 Tiled Galleries Based on: JetPack Own repository
11 Vafpress Post Formats UI Custom post format admin UI http://vafpress.com/

Useful plugins (not included)

Use this plugins if you need more
# Name Description URL
1 WP Retina 2x This plugin creates the image files required by the Retina (High DPI) devices and displays them to your visitors accordingly. Your website will look beautiful and crisp on every device! The retina images will be generated for you automatically - though you can also do it manually - and served to the retina devices. https://wordpress.org/plugins/wp-retina-2x/

Child Theme

This theme has Child Theme support to customize theme without any losses from the main theme.

If you want to make modifications on this theme, it is recommended to use a child theme.
This theme comes with a blank child theme that you can use. In the theme package you can find "newroad-child" folder.
Upload this folder to your wp-content/themes folder, and activate it from the Appearance Themes. Once activated, you can start editing inside this "newroad-child" folder.

This child theme includes 2 files that you can use to override parent theme's style (style.css) and function (functions.php). By using child theme, you will leave the parent theme unmodified, so when a theme update is available, you can simply replace the parent theme without worry about your modified code. For more info about using child themes, please visit this link: http://codex.wordpress.org/Child_Themes

Language Files (MO/PO)

This theme has MO/PO Files support to create your native language files with MO/PO Editor.

Default Language files included in /languages folder.

Sources & Credits

Resources that are used in the newroad theme in the free source (Licensed under MIT).
Browse through the list below:


Sources & Credits Table
# Name Description URL
1 FontAwesome Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. http://fontawesome.io
2 WordPress-Post-Like-System A simple and efficient post like system for WordPress. https://github.com/JonMasterson/WordPress-Post-Like-System
3 OwlSlider 2 Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. http://www.owlcarousel.owlgraphic.com/
4 jQuery, jQuery Easing jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. http://gsgd.co.uk/sandbox/jquery/easing/
http://jquery.com/
5 Masonry Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. http://masonry.desandro.com/
6 TGM Plugin Activation TGM Plugin Activation is a PHP library that allows you to easily require or recommend plugins for your WordPress themes (and plugins). http://tgmpluginactivation.com/
7 Images All images for preview purpose only. http://thestocks.im/
8 Plugins from Included Plugins category All images for preview purpose only. http://thestocks.im/

Note (Thank you!)


Thank you for your purchase!


Thanks for reading the Instruction, hope it’s been really helpful and resolved most of your concerns.
If you still have questions, please contact me by contact form on my profile

Follow me here to know about my accomplishments, you may need a few WP themes or HTML, PSD templates!

Put 5 star rating here, please!


* - Under the button "download", there are stars of rating, light all 5 five!