Lookbook

Theme Installation

Genesis Framework Installation

The Genesis Framework must be installed before installing the theme.
Install Genesis Framework from Appearance > Themes > Add New.
Click Upload Theme, click Choose File, select the genesis zip file to upload and install.
It is not necessary to Activate the Genesis Framework.

Theme Installation

From Appearance > Themes > Add New.
Upload lookbook.zip, install and activate.

Plugins Installation

Click “Begin installing plugins.” in the notice to install the necessary plugins.

List of all Plugins

• Contact Form 7 (for contact form).
• Easy Google Fonts.
• Genesis eNews Extended (for subscribe forms).
• Kirki Toolkit (important for color and slider customization).
• Popup Subscribe (included with the theme).
• Elegant Shop (included with the theme).
• One Click Demo Import.
• Regenerate Thumbnails.
• WordPress Popular Posts.
• Instagram Feed.

Demo Content

Demo contents are the widgets and posts displayed in the theme preview. The widgets will be automatically placed in the widget areas and configured like in the preview.
 
Notes:
– You will have to edit certain widgets and pages like Genesis eNews Extended and Contact Form 7 to add your own email and settings.
– Install and activate your theme and the recommended plugins before importing the demo widgets. If a plugin is not installed and activated, any widgets related to that plugin will not import.

Import Demo widgets, customize settings and font controls

Click the button in Appearance > Import Demo Data:

If you’d like to add posts to your blog, import demo-content.xml file to Tools > Import > Run WordPress Importer.

Header Images

Recommended header image size: 1000 x 1000 px.
 
If you use an image with different dimensions, you may need to crop the image in the upload process.
Add your header image in Appearance > Customize > Header Image > Add New Image.
Upload the image and crop or skip crop if available. Save & Publish.
 
You can also upload a second header image to be visible when the menubar is sticky.
 
You can adjust the area size if the image is too small or too large.

Navigation Menu

In Appearance > Menus, click to add a new menu:

Add a name and click “Create Menu”.
After selecting the pages and adding them to the menu bar, check “Main Menu” box at the bottom and save.

– Create another menu (for the footer) and save it as the Footer Menu:
– And the last menu is the categories displayed in the shop page, create a new menu and check the last location option Shop Categories.

Slider

Slider and other features are disabled by default. Enable the slider in Customize > Slider:

1 – Disable category and date.
2 – Disable excerpt or change its word limit.
3 – By default it will show your latest posts, but you can upload images manually.
4 – Or show posts from a certain category.
5 – Or show a selection of posts by adding their IDs manually.
6 – Select how many posts the slider will loop through.
7 – Select how many posts to show at once.
8 – Select the slider placement between footer, between posts and header.
9 – Crop images or select the full size.
10 – Set image height in pixels.

Featured Posts

Enable featured posts widget in Customize > Featured Posts:

1 – Add title.
2 – Add subtitle.
3 – Select the slider placement between footer, between posts and header.
4 – Show posts from a certain category.
5 – Or show a selection of posts by adding their IDs manually.

Posts

Homepage & Blog Page Posts

Customize the posts in the homepage and blog page to your liking in Customize > Theme Settings > Homepage/Blog Posts and category:

1 – Change the recent posts title in the homepage.
2 – Disable Read More button and change its title.
3 – Select image layout between portrait, landscape, original and square.
4 – Crop images or select the full size.
5 – Select “shop this post” widget placement between disabled, full (placed below the read more button), pop up.
6 – Select how posts show per page.
7 – Disable excerpt and change the excerpt word limit.
8 – Disable sidebar or enable on the left or right side.
9 – Disable date and category.

Archive, Category & Search Page Posts

Customize the posts in the search and archive posts in Customize > Theme Settings > Category/Search Posts:

1 – Disable Read More button and change its title.
2 – Select image layout between portrait, landscape, original and square.
3 – Crop images or select the full size.
4 – Select how posts show per page.
5 – Disable date and category.

Single Posts

1 – Disable footer categories and tags.
2 – Disable header date.
3 – Disable share buttons in the footer.
4 – Change share buttons title.
5 – Change the next post button title.
6 – Change the previous post button title.
7 – Change the categories title in the footer.
8 – Change the tags title in the footer.

Posts Featured Images

Enable featured image for single posts in Customize > Single Posts Featured Image.

1 – Disable the share buttons.
2 – Disable date and category.
3 – Select the placement of the title box between left and right.
4 – Crop images or select the full size.

Related Posts

Enable the widget in Customize > Related Posts:

1 – Add title.
2 – Select number of posts the related widget will show.
3 – Crop images or select the full size.
4 – Select image layout between portrait, landscape, original and square.
 
Note: If the images aren’t squares, regenerate thumbnails.

Instagram

Add a text widget to Instagram Header and paste the shortcode below:
[instagram-feed num=10 cols=10 showbutton=false showheader=false imageres=full]
Add a text widget to Instagram Footer and paste the shortcode below:
[instagram-feed num=12 cols=6 showbutton=false showheader=false imageres=full]

Connect your Instagram account in Instagram Feed Settings:

And disable the responsive layout as well as remove “Padding around Images” in Instagram Feed > Customize:

Pinterest

Add Underline Designs – Pinterest widget with your username and board name:

Add your username as it appears in the address bar:

Shop The Post

Currently there are two popular websites where you can generate “shop this” widget:
– www.shopstylecollective.com.
– www.rewardstyle.com.
Both of these websites will allow you to monetize the traffic you get, but Reward Style will require you apply before you’re accepted to create an account with them.
To add the widget to the post on the homepage, edit the post and paste the code in After Entry Area:

YouTube

Edit the YouTube widget to add your channel ID and how many videos to show in total. Find your channel ID here.

WooCommerce Settings

If you have WooCommerce plugin activated, you can follow these steps to have your shop look similar to the demo:
– In Customize > WooCommerce > Product Catalog, set products per row to 2.
– In Customize > WooCommerce > Product Images, the images are cropped to 500px and 3:4 ratio:

– Make sure you have the plugin Genesis Connect for WooCommerce installed and activated.

Widgets

Social Media:

Edit the social media widgets and add your links and keep the ones you don’t need empty:

Homepage Widgets:

You can add widgets to the homepage only, in the three sections homepage 1, 2 and 3.

Call to Action Banner:

You can add a banner to your blog with the Underline Designs – Banner widget:

Font & Color Customization

Fonts

If not already installed, install Easy Google Fonts plugin and navigate to Tools > Import > WordPress.
Import lookbook-fonts file and you’ll be able to change the fonts in Customize > Typography.

Colors

Change the colors in Customize > Colors.

Popup Subscribe

You can view Post Popup Subscribe Plugin’s instructions here.

Elegant Shop

You can view Elegant Shop’s instructions here.