- Theme Installation
- Plugins Installation
- Demo Content
- Header Image
- Navigation Menu
- Featured Posts
- Featured Boxes
- Latest Posts
- Posts Featured Images
- Related Posts
- Shop The Post
- WooCommerce Settings
- Font & Color Customization
- Popup Subscribe
- Elegant Shop
- 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).
- Elegant Shop (included).
- One Click Demo Import.
- Regenerate Thumbnails.
- WordPress Popular Posts.
- Instagram Feed.
Header Font: Homemade Apple
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.
From Appearance > Themes > Add New.
Upload memento zip file, install and activate.
List of all Plugins
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.
– You will have to edit certain widgets and pages like Genesis eNews Extended, Contact Form 7 and others 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
If you’d like to add posts to your blog, import demo-content.xml file to Tools > Import > Run WordPress Importer.
Recommended header image size: 1000 x 1000 px.
If you use an image with different dimensions, you you can skip cropping to proceed with uploading.
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 adjust the size of the image.
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 (3) and save.
– Create another menu (2) or select pre-existing ones from the drop down (1).
In Appearance > Widgets > Footer 2 edit the Navigation widgets and select the menus you want. You can also add more widgets if you want.
– And the last menu is the categories displayed in the “Elegant Shop” page, create a new menu and check the last location option Shop Categories.
Slider and other features are disabled by default. Enable the slider in Customize > Slider:
You can upload images directly to the slider or select a category, or add individual IDs. You can also customize the way the slider will look on the homepage.
Recent Posts Lists
Customize the posts in the homepage, blog page and category pages to your liking in Customize > Theme Settings > Posts:
1 – Change the read more buttons text.
2 – If you enable the sidebar, you can make it sticky.
3 – Select post layout between 1 column, 2 columns, 3 columns, 4 columns, masonry and left/right.
4 – Add excerpts word limit.
5 – Enable the sidebar o the left or right side of the posts.
6 – Enable “shop this post” widget as full or as a popup.
7 – Select image layout between portrait, landscape, original and square.
8 – Crop images or select the full size.
9 – Select how posts show per page.
Upload Second Featured Image:
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 the widget in Customize > Related Posts:
1 – Add widget title, example “More on the blog”.
2 – Choose how many posts to show in total (up to 5).
3 – Select image layout between portrait, landscape and square.
4 – Crop images or select the full size.
Note: If the images aren’t squares, regenerate thumbnails.
Add a text widget to the sidebar and paste the shortcode below:
[instagram-feed num=4 cols=2 showbutton=false showheader=false imageres=full]
Add a text widget to Instagram/Pinterest Footer and paste the shortcode below:
[instagram-feed num=12 cols=6 showbutton=false showheader=false imageres=full]
Shop The Post
Currently there are two popular websites where you can generate “shop this” widget:
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:
Edit the YouTube widget to add your channel ID and how many videos to show in total. Find your channel ID here.
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, enable mini cart icon and enable sidebar (optional).
– 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.
Sign up (Genesis eNews Extended):
In your account (more instructions in the official help):
1 – Navigate to the Audience tab.
2 – Click the Manage Audience drop-down and choose Signup forms.
3 – Select Embedded forms.
4 – Choose the “Unstyle” option.
5 – Copy the highlighted code similar to the screenshot below inside action=””, (do not include the apostrophes):
6 – Paste the code in the form action field:
7 – The rest of the fields should have EMAIL, FNAME and LNAME in capital letters.
Footer About Me:
Font & Color Customization
If not already installed, install Easy Google Fonts plugin and navigate to Tools > Import > WordPress.
Import memento-fonts file and you’ll be able to change the fonts in Customize > Typography.
You can view Post Popup Subscribe Plugin’s instructions here.
You can view Elegant Shop’s instructions here.