Hailey Wells

Please follow the tutorials below to create your site just like the demo. If you run into problems or have 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

Install the Demo Content (optional)

If you are starting a brand new blog… it will look nothing like the demo site. 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 “Header & Menu Bar” below.

• Install Demo Content

Header & Menu Bar

• How to Setup the Menu Bar
• How to Add Your Own Logo – this is optional. You do not have to use a custom logo unless you want to. The best logo size is 800×400. If your logo is a different size please let us know, we can help you with that.

Homepage

• Homepage Slider
• Shop My Style (optional) – You will first need to have an account with ShopStyle Collective, RewardStyle, or a similar Style site. After your account is activated you can create a product widget within your Style account. Once the widget is created… the Style site will give you an HTML/Javascript code. Copy that code. *The demos site is using ShopStyle Collective. Next, login to your WordPress dashboard and click on Appearance >> Widgets. Click on “Custom HTML” then choose “Homepage Slider” from the dropdown. Give it a title (optional) and paste the code you copied from your Style Account. Click “Save” then view your site.

Blog Posts

• Note – A good image size for your blog post’s “Featured Image” is 400px x 600px
• How to Add the “Share This” Buttons
• After Entry widget – you can place any widget in this widget area such as user profile, advertisement, or instagram widget. It will show at the bottom of every post, before the comments. I used the “Image Widget” plugin on the demo site.

Sidebar

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

Footer Widgets

How To Use Footers 1, 2, & 3 – place any widgets in these Footers. But note: Footer 2 & 3 will not show unless you have something in Footer 1 first. To get to the Footer Widgets click on Appearance then Widgets.

• The Hailey Wells theme is using a Text Widget and Social Media Icons in Footer 1.
• Footer 2 is using the “Genesis – User Profile” widget.
• Footer 3 is using a Subscribe Box

Widget Below Footer – Instagram

• How to Setup the Instagram Widget

Instagram/Social Page

If you purchased your theme before July 14, 2020 please follow this tutorial:

• Setting up the Social Page

If you purchased (or updated) your theme after July 15th, 2020 please follow this tutorial:

• Setting up the Instagram Page

Contact Page

• Using a Contact Form

Category Page

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

Page Template

These are optional pages and you do not have to use them unless you want to.

• Archive Page
• Landing Page

Customize

• Change the Colors of your Design

Images Used on Demo Site

All the images shown on the demo site came from Haute Stock (affiliate). Haute Stock updates their images regularly so we can’t guarantee that you will be able to find the exact same images.

Theme Information

---