Open Road Theme
Follow the instructions below to install and configure your new product
TABLE OF CONTENTS
✓ Self-Hosted WordPress Installation
Remember: For the Open Road child theme to work, you must have Divi from Elegant Themes. If you do not have it you can purchase it here. Once you have it, please install it on your self-hosted WordPress website.
Including several content-driven elements, Open Road ships with a fully developed blog feature, detailed sidebar, newsletter sign up page and a plethora of social share icons to satisfy the share preferences of just about any site viewer. Open Road includes a range of premium features including a login customizer, a 404 error page template, as well as the Aspen Footer Editor plugin.
Developed with travel bloggers in mind, Open Road is a feature-rich Divi child theme that can be easily adapted to fit just about any brand identity and style guide. With a neutral color palette, bold font pairings and a truly unique footer area, the Open Road Divi child theme is bound to attract the attention of plenty of site viewers.
B. INSTALLING THE CHILD THEME
Please upload the Open Road Child Theme to you your self-hosted WordPress website. Make sure the Divi theme is already installed and activated.
C. ENTER LICENSE KEY
After you have activated the Child theme, click on the 'Open Road' menu item on your left Admin panel and register your license key in the input field provided in the dialogue box that pops up; then click 'Continue'.
D. INSTALLING REQUIRED PLUGINS
Once the theme is installed on your site, the system will suggest you install & activate some Plugins. Please click the Plugin Names or Begin Installing Plugins link on the dashboard screen and start the process. This function is, however, optional.
E. IMPORT DEMO DATA
From the WordPress Dashboard, go to the newly added tab named "Open Road" on the left admin panel. Under the Open Road menu, please click on ‘Import Demo Data’ and then follow the instructions provided on the page. Please be patient while the demo data of the Service child theme is imported into your site.
F. HOMEPAGE & BLOG SETTINGS
Move to the settings area in your left Admin panel. Click ‘ Reading’, under ‘Front page displays’ select ‘A static page’ and for the Frontpage drop-down menu select ‘Home’. For the Posts page, select 'Blog'.
G. SETUP INSTAGRAM FEED PLUGIN
On the WordPress Dashboard, you’ll see a pink-colored dialogue box marked “Important” prompting you to save an Access Token on the Instagram Feed Plugin’s Settings Page. Click that link to view the plugin’s settings.
Click the Blue button. If you are not already logged in to Instagram, it will take you to Instagram’s Login Page where you must log in and authorize. If you’re already logged in to Instagram, you will automatically see the following page:
After you’ve entered the Access Token and User ID, click “Save Changes”. Then, click on the second tab tagged “2. Customize”, scroll down to the PHOTOS section and modify the settings as shown in the following image; do the same with "Header", "Load More" and "Follow" buttons and then click “Save Changes” one more time.
H. Widget Settings
Make sure you only have Text, Categories, Recent Posts, and Text: Email signup widgets in the Sidebar.
I. Simple Social Share Settings
Open the Simple Social Share Plugin's Settings and copy that settings you see in the image below:
J. ADDITIONAL CHILD THEME FEATURES
We have added some exciting and powerful new features to our child themes and are very excited about them.
These new features, located under the “Open Road” tab of the child theme include:
THE ASPEN FOOTER EDITOR
Aspen Footer Editor is an ultra-lightweight, yet powerful tool that allows you to easily edit your Divi or Extra website’s footer information (copyright). With this feature, you can add custom footer text and change the color, size, hyperlink, and even add images & videos! The best part? All of this is done within a simple to use WYSIWYG editor just as if you were editing a post or page.
Once you have installed the Open Road Child Theme, you will see a new tab titled ‘Open Road’ in your WordPress admin menu (left sidebar). From there select ‘Divi Footer Editor’ and you will be taken to this feature’s dashboard.
Once inside the Aspen Footer Editor’s dashboard, you will be greeted with a familiar sight: the standard WordPress page/post/WYSIWYG editor. Within this editor, you can add and style text, insert hyperlinks, add dynamic dates with the included shortcodes, and even insert photos/embed videos. Once you are finished styling your footer, simply click ‘save’ and you’re all done
THE LOGIN PAGE CUSTOMIZER
The Login Page Customizer allows you to completely customize the standard WordPress Login screen with your company’s or client’s branding. You can upload your logo, set a custom background image or color, change the color of the links and more.
Once the Open Road Child Theme is installed, navigate to ‘Fashion’ >> Login Customizer >> and then select ‘Login Customizer’ at the bottom of the customizer menu.
You will be given the following customization options:
You can set a background image just like the example shown above. Upload a big image ( preferably 1920px x 1080px) to your site using Media upload button. Copy the image URL and paste it in the BACKGROUND IMAGE field. Empty the field and then place the URL. You can also use an external image URL for this.
Login Form Alignment:
The default login form position for WordPress is centered. You can align this to the right, left or keep it centered.
LOGIN LOGO (IN PLACE OF WP LOGO):
Place your logo image ( preferable dimension 84px x 84px) URL in this field. The current WordPress logo will be replaced with yours. The login link will be site homepage instead of wordpress.org
You can also choose to use a solid background color. Please empty the background image URL field ( if already placed) and choose any color from the color picker. The default color is set to transparent, so be sure to slide the transparency bar up to adjust or the color will not display.
You can customize the color of the links on this login form. Choose any color from the color picker.
FORM BACKGROUND COLOR:
Customize the background color of the form using the color picker.
BACKGROUND IMAGE TINT:
If you add a background image and need to standout your login form, you can add tint to that image. Use the color picker and choose anything. Use the opacity option to make it a tint.
SUBMIT BUTTON COLOR:
Yup, you guessed it! You can also customize the background color of the submit button using the color picker.
THE 404 PAGE SETTINGS
The 404 Page Template allows you to assign a custom 404 page from any Divi or Extra page that you have created. If you are not familiar with what a 404 page is, it is the page that displays when no such page on your website exists. Let’s say a person is visiting a certain page of your website, and they have a typo, or you have deleted that particular page. A 404 page will let the visitor know that the page no longer exists and will redirect them to the desired area of your website (home, contact, etc.)
Build your 404 Page:
Here is the fun part… designing the 404-page. The beautiful part of this is that you can do it using the Divi Builder just as if you were building any other page. Take advantage of the Divi Builder modules and create your 404-page.
Assign Your 404 Page:
After you are finished designing, publish the page and navigate from your dashboard to ‘Fashion’ >> ‘404 Template’.
On the 404 Page dashboard, select your desired 404-page from the dropdown list, and click ‘Save Changes’.
You can now test and view your 404-Page, but make sure you are logged out of your WordPress account when doing so.
How do I edit the Open Road Child Theme?
How do I change the footer image? I mean the landscape with a castle in the background.
Go to Appearance >> Editor in your admin menu and open the style.css file. The setting starts at line 26.
Are these footer images for HOME and BLOG to change individually?
No. You only need to change as in the above response and it will change globally
Can I influence the order of the posts from top to bottom?
You can use a plugin such as this one or similar: https://wordpress.org/plugins/post-types-order/
How do I change the logo in the footer?
Go to Appearance >> Editor in your admin menu and open the logo_template.php file. The image is set on line 9.
How do I change the text of the "READ MORE" button?
Go to Appearance >> Editor in your admin menu and open the blog_template.php file. The setting is on line 97
I noticed that the sidebar of HOME and BLOG are different. How do I style both sidebars individually?
In the Divi Builder scroll down to the last section. The right column on the first row of that section contains the Sidebar Module, that module is set to display the Custom Sidebar.
Go to Appearance >> Widgets and edit the widgets in the widget area named "Custom Sidebar"
How do I change the header image? (the road)
Go to Appearance >> Editor in your admin menu and open the style.css file. The setting starts at line 20.
Where do I set how many posts are visible until the page breaks?
Go to Settings >> Reading and change the "Blog Pages Show At Most" quantity.
How do I set up the email signup?
We use Caldera Forms as the suggested plugin for email list building. Here's the documentation they have for this purpose: https://calderaforms.com/doc/using-form-processors/?utm_source=search&utm_term=270
However, you can use any List building plugin available, including Elegant Themes' own Bloom Plugin ( https://www.elegantthemes.com/plugins/bloom/)
How do I set up the Instagram feed?
Find the instructions on this article Open Road Child Theme in subtitle E "Setup Instagram Feed Plugin"
What is a child theme and why should I use one?
Child themes were created to protect the changes that WordPress users make to their websites. If you make changes to the CSS (the code that controls how your website looks) directly in your theme, those changes are in danger of being erased when new updates are rolled out for that theme.
A child theme is simply a set of files that “pull in” the functionality of the original theme (called the “parent theme”). As long as you make changes in your child theme, those changes will be safe (i.e., they won’t be erased by future updates). If you make changes directly in the parent theme…not so much.
That’s why it’s important to always use a child theme when altering the CSS for your website. For more information about child themes, check out this blog we wrote on the topic.
What is the difference between Aspen Grove Studios' premium child themes and a standard (blank) child theme?
A standard child theme doesn’t come with any changes. It simply gives you a blank canvas where you can make changes to your WordPress site without worrying about having those changes erased at the next update.
A premium child theme from Aspen Grove Studios comes with the changes already made by our amazing team of developers and designers. With premium child themes, practically every detail of web design and development is taken care of, from the layout to the color palette, font selection, and more. You simply install the child theme on top of Divi or Extra and you’re ready to go. You can even customize it however you want. Pretty awesome, right?
What do I get when I buy a child theme?
Each child theme comes with everything you need to create a fantastic, beautiful, high-converting website that your users will love. The specific pages and designs that are included depend on which industry it’s built for, but every child theme comes with all of the core pages that your website will need right out of the box. It’s also super easy to modify your child theme in any way you want, including adding or removing specific pages.
Also, our premium Divi and Extra child themes come with plenty of premium features and powerful additions -- all setup, styled and ready to go -- for example
- Event plugins
- Learning platforms (LMS)
- Appointment booking
- Custom-coded 404 error page
- Archive pages
- Individual post layout and comments section
- Breadcrumb navigation
And much more
How do I choose the right child theme for my website?
As you’ll see, we have themes for a wide variety of industries, like law, fashion, e-commerce, construction…and on and on.
But the truth is that any of our child themes can easily be customized to fit any industry or any business type. Each of our child themes is simply optimized for a specific industry out of the box, so it’s likely to require less work (or no work at all) to get it just right for businesses in that particular field.
Do your child themes only work for one industry?
Absolutely not! See our answer to How do I choose the right child theme for my website? above.
I don’t know how to code. Will I be able to customize my child theme?
In short, yes.
One of the best things about both Divi and Extra is how they allow you to customize your website without having to do much coding if any. Besides, we provide documentation with our child themes that describe in detail how to easily change the colors, images, text, and other elements of your website.
If you want a truly customized website without having to learn how to fiddle with CSS or other coding languages, we also provide custom developed and designed websites, as well as customized child theme installation. Check out our Services page for more information.
I’m looking for a standard, blank Divi child theme. How can I make one of those?
There are several different ways to make a standard child theme for Divi so that you can make your changes to your website. One of the easiest is to use our Child Theme Builder over at Divi Space.
What about support, licensing, and updates?
You have a few different purchasing/licensing options for our child themes, depending on how many websites you want to use your child theme for. Your options are:
- The yearly fee for use on one, three, or unlimited websites
- Annual Membership (includes unlimited websites)
- Lifetime Membership (includes unlimited websites)
Whichever option you choose, you’ll get dedicated 5-star support and free updates for the duration of your license.
Are child themes included in your membership?
Yes! All of our child themes are included in both the Annual and Lifetime membership plans, so if you can’t decide which one you need (or you think you’ll want to use even just a few of our premium child themes with your clients), then membership may be the best option.
Not to mention that you’ll get access to ALL of our premium plugins, layouts, and icons (to use on unlimited websites) along with select courses. All for one low price, no strings attached. If you’re a professional developer or designer using Divi (or you want to be), our membership is a steal.
What if I have a problem or a question about any of the required plugins?
If you have any questions or particular issues with the plugins used along with this child theme, please consult their documentation directly on the developer's website. Here are some links: