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 jacobblackwell-1.4.0, install and activate.
Click “Begin installing plugins.” in the notice to install the necessary plugins.
List of all plugins used in the demo
- Contact Form 7
- Easy Google Fonts.
- Genesis eNews Extended (for Mailchimp sign up forms).
- Kirki Toolkit (important for color customization).
- Minimal Social Icons.
- Post Shortcodes.
- Subscribe Popup.
- Elegant Shop.
- One Click Demo Import.
- Regenerate Thumbnails.
- WordPress Popular Posts.
- WP Instagram Widget.
Demo contents are the widgets displayed in the demo page. The widgets will be automatically placed in their respective widget areas and configured like seen in the demo.
– 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 be imported.
Import Demo Content
– Choose WIE or JSON to upload demo widgets:
And upload the file titled “JB-widgets”.
Maximum header image size: 1200 x 1200 px.
If you use an image with larger 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 adjust the size as it appears in the regular and sticky menu bar:
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 above the “latest posts” title, create a new menu and check the last location option Homepage Categories.
Enable the widget in Customize > Related Posts:
Choose how many images to show from the drop down menu (between 2 and 5).
Note: If the images aren’t squares, regenerate thumbnails.
Edit the social media widget in Header Right and and add your links:
“Shop This” Widget:
Edit the YouTube widget in Homepage Footer 2/2 to add your channel ID and how many videos to show in total. Find your channel ID here.
Font & Color Customization
If not already installed, install Easy Google Fonts plugin and navigate to Tools > Import > WordPress.
Import JB-fonts file and you’ll be able to change the fonts in Customize > Typography.
Change the colors in Customize > Colors.
You can view Post Shortcodes Plugin’s instructions here.
You can view Elegant Shop’s instructions here.
You can view Popup Subscribe’s instructions here.