Bohème

WordPress theme
Serif Font: Restora
Sans Serif Font: Work Sans

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 boheme zip file, install and activate.

Plugins Installation

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


 

Required Plugins:

 

Optional Plugins:

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, 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


 

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 Image

Add your header image in Appearance > Customize > Site Identity > Select Logo. Skip cropping to proceed if your logo has different proportions. Save & Publish.

Header 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, select a location from the box at the bottom (3) and save.

 

– Create another menu (2) or select pre-existing ones from the drop down (1).

About


 

Enable the About widget in Customize > About Widget:


 

  • 1 – Enable widget.
  • 2 – Add a title and optional subtitle.
  • 3 – Add a short text.
  • 4 – Add an optional signature or email below the second image.
  • 5 – Add a button title and select a page for the button.
  • 6 – Upload images.
  • 7 – Choose the placement of the widget between header and footer.

Slider


 

Enable the slider in Customize > Slider:


 

  • 1 – Enable widget.
  • 2 – Enable widget on static homepage in Settings > Reading > Your homepage displays.
  • 3 – Make the widget full width.
  • 4 – Add a category to each post.
  • 5 – Add a widget title.
  • 6 – Choose the placement of the widget between header and footer.
  • 7 – Enable the read more button and change its title.
  • 8 – By default it will show your latest posts, but you can show posts from a certain category.
  • 9 – Or show a selection of posts by adding their IDs manually separated by commas. For example: 11,2399,33,5
  • 10 – Select how many posts the slider will loop through.
  • 11 – Select how many posts to show at once, up to 8.
  • 12 – Crop images or select the full size and select image layout between portrait, landscape and square.

Gallery


 

Enable the gallery in Customize > Gallery > Settings:


 

  • 1 – Enable widget.
  • 2 – Enable widget on static homepage in Settings > Reading > Your homepage displays.
  • 3 – Make the widget full width.
  • 4 – Select one of the two available styles:

 


 

Upload up to 4 images to Customize > Gallery > Image 1 to 4:


 

  • 1 – Upload image.
  • 2 – Add a title.
  • 3 – Select a category to link to.
  • 4 – Or add a custom URL, the URL will override if a category is set above.

Featured Categories


 

Add the featured categories widget in Appearance > Widgets > Homepage 1:


 

Add the slugs of the categories you want featured separated by commas, you can find the slugs in Posts > Categories:


 

Add a LinkTree inspired page without signing to a different platform.

 

  • 1 – Create a new page in Pages > Add New.
  • 2 – Select “Links” from the templates dropdown:
  • 3 – Save and refresh the page.
  • 4 – At the bottom of the page editor, you’ll see new additions:
  • 5 – Click “add another button” to add links for people to visit.
  • 6 – You can also highlight a certain number of your posts at the bottom, or disable it if you don’t need it.

Archives Page


 

Add an archive page with date and category filters.

  • 1 – Create a new page in Pages > Add New.
  • 2 – Select “Archive” from the templates dropdown:
  • 3 – Save the page.

 

Customize the page layout in Customize > Theme Settings > Archive Page:


 

  • 1 – Disable the read more buttons or change its title.
  • 2 – Change the load more button title:
  • 3 – Change the loading text.
  • 4 – Crop images or select the full size and select image layout between portrait, landscape and square.
  • 5 – Disable date and category.
  • 6 – Change the columns number between 2, 3 and 4.
  • 7 – Select how many posts to show before the load more button.

Latest Posts


 

Customize the posts in the homepage, blog page and category pages in Customize > Theme Settings > Homepage Posts & Category Posts:


 

  • 1 – Disable the read more button or change its title.
  • 2 – Disable the load more button or change its title.
  • 3 – Change the loading text.
  • 4 – Select image layout between portrait, landscape, original and square and crop images or select the full size.
  • 5 – Disable date or change its title.
  • 6 – Disable category or change its title.
  • 7 – Disable the “shop this post” widget.
  • 8 – Enable left or right sidebar.
  • 9 – Change the post layout between 1 column, 2 columns, 3 columns and left/right.
  • 10 – Select how many posts to show per page.
  • 11 – Disable excerpts or change the word limit.

 

Upload Second Featured Image:

You can upload a second feature image to any post in the editor (3). See screenshot below.

 

Control Excerpts:

You can write a manual excerpt for posts if you’d like to avoid the auto generated excerpts (4).

 

Add Gallery:

You can add a gallery of images to posts (4) and to make it show up in the homepage and category pages select gallery from the post format drop down (1).

 

Add Video:

If you embed a video in a post you can make it show in the homepage and category pages by selecting video from the post format drop down (1).

Single Posts

Disable Single post features in Customize > Theme Settings > Single Posts:


 

  • 1 – Disable the header categories and date.
  • 2 – Disable next and previous buttons or change their titles.
  • 3 – Disable the share buttons or change the title.
  • 4 – Disable footer categories or change the title.
  • 5 – Disable footer tags or change the title.


 

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, square alternating landscape and square and alternating portrait and square.
  • 4 – Crop images or select the full size.

Note: If the images aren’t even, regenerate thumbnails.

Instagram

Add a text widget to Appearance > Widgets > Primary Sidebar and paste the shortcode below:

[instagram-feed num=4 cols=2 showbutton=false showheader=false]

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 Pinterest Feed widget to Appearance > Widgets > Footer 1. Add 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 Shop This Post:

YouTube


 

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

Note: For this widget to work, a YouTube API key and your channel ID are required. Follow the steps here to get your own key. Find your channel ID here.

WooCommerce

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:


 

– In Customize > WooCommerce > Single Products, you can customize the way single product pages look:


 

  • 1 – Make the photo and product details full width.
  • 2 – Enable the breadcrumbs above the title.
  • 3 – Enable product details like SKU, categories and tags.
  • 4 – Change the number of related products and the widget title.
  • 5 – Change the upsells widget title.
  • 6 – Disable the description tab or change its title and order.
  • 7 – Disable the additional information tab or change its title and order.
  • 8 – Change the reviews tab title and order.
  • 9 – Change the product gallery layout between default thumbnails, default thumbnails slider, thumbnails on the left, thumbnails on the left slider and full size:




  • 10 – Change the tabs layout between default and accordion.

In Appearance > Widgets > WooCommerce Sidebar add widgets that will appear on the sidebar:

– 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 and 2.

 

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.

Font & Color Customization

Fonts

If not already installed, install Easy Google Fonts plugin and navigate to Tools > Import > WordPress.

Import boheme-fonts file and you’ll be able to change the fonts in Customize > Typography.

 

Colors

Change the colors in Customize > Colors, you can also choose one of the premade colors.

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