Ellie Jane

Please follow the tutorials below to create your site just like the demo. If you run into any problems or have any questions while following the tutorial, please let us know. Don’t forget to submit your site to our Showcase page when you are done. We would love to see how your site looks!

Installation Service

Want us to install it for you? Sit back, relax, and let us do the work for you with our Installation Service. 

Start Here

• How to Install the Theme
• Install Plugins
• Install Widget Content
• Set Homepage and Blog Page

Install the Demo Content (optional)

If you are starting a brand new site… your site will look nothing like the demo. Uploading the themes demo content is a great way to get started. You will be able to delete what you don’t want and keep what you need. This is optional. You are welcome to skip this step and move to “Notification Bar” below.

• Install Demo Content

Notification Bar

This is the section at the very top of the Ellie Jane demo site. The demo site is using a text widget. You can add this to make special announcements.

• To do this… click on “Appearance” >> “Widgets“. Click on “Text” then choose “Notification Bar“. Insert your special announcement then click “Save“.

Header & Menu Bar

• How to Setup the Menu Bar
• Menu Description – these are the smaller words that show up under your menu items.
• Accent Menu Tab – border around one of your menu items.
• Sticky Social Icons – these are the sticky icons aligned on the left side of your site.
• How to Add Your Own Logo – this is optional. You do not have to use a logo unless you want to. The best logo size is 700×228. If your logo is a different size please let us know, we can help you with that.

Homepage Setup

The Homepage is created with widgets in the Front Page widget sections. Follow this tutorial to set your homepage to look like the demo site.

Instagram Feed

Please follow this Instagram Widget tutorial to finish this setup.

Footer Widget

There are 3 widgets that make up the footer.

Widget 1. Custom HTML Widget

If you are not already there… click on “Appearance” >> “Widgets”. Click on “Custom HTML” then choose “Footer 1” from the dropdown. Copy/pates the code below into the Custom HTML widget.

Change the info to your own then click “Save” when done. 

Widget 2. Genesis eNews Extended Widget (Subscribe Box)

Follow this tutorial to setup the Subscribe Box in the Footer.

Widget 3. Simple Social Icon Widget

Right below that is the Social Media Icons. Follow this tutorial to install the Social Media Icons.

Blog Page

The Ellie Jane blog page looks like this.

• Before Blog Widget – this is the area right above the blog posts. Use this section to showcase an important post.
• Note – A good image size for your blog post’s “Featured Image” is 600px x 600px (a square image)
• How to Add the “Share This” Icons
• After Entry widget – you can place any widget in this widget area such as user profile, advertisement, or instagram widget. It will show up at the bottom of every post before the comments. I used the “Genesis – User Profile” widget on the demo site.

Ad Between Posts

This ad space shows after the second post on every blog page. To use this ad space click on Appearance >> Widgets. If you have an:

• HTML/Javascript code for your ad – Click on “Custom HTML” widget and choose “Ad Between Posts”. Place your code in the Content box then click “Save”.
• Image and Link for your ad – click on “Image Widget” and choose “Ad Between Posts”. Click “Select an Image”, choose your image, insert the link, then click “Save”.

Sidebar

This is the area to the right of the blog posts and pages.

• Welcome Image and Message
• Social Media Icons
• Subscribe Box

Category Page

Follow this tutorial on how to create a category page. The category page on Ellie Jane looks like this. You can also follow along in the video tutorial here.

Pages

• Contact Page – Follow this tutorial on how to create a Contact page.
• About Me Page – the About Me page can be seen here. Please watch this video on how to setup the About Me page.

Page Templates (these are optional)

• Category Index – category index page can be seen here.
• Instagram Page – Instagram page looks like this.
• Portfolio Page – portfolio page looks like this.
• Service Page – the Service Page can be seen here. Please watch this video on how to setup the Service page. After you watch the video… please follow this tutorial for the side by side comparison chart.
• Archive Page – archive page looks like this.
• Landing Page – landing page looks like this.

WooCommerce Shopping Cart

If you would like to add a shop to your site please follow this tutorial.

Customize

• How to Change the Colors of your Theme

---

Theme Information

---