Take 20% off Themes and Services SUBSCRIBE

Docs

Anchored Design

Recipe Blogger Theme

One Click Theme Setup

This document last updated on:

The Recipe Blogger Theme was developed to use the new One-Click Demo Install feature. With the click of a button, the Recipe Blogger Theme will be installed along with all of the plugins we recommend and our sdemo content, making your site appear just like our DEMO SITE in just a few minutes.

Once installed, all you need to do is modify the Theme Settings and update with your preferences.

To use the One-Click Theme Setup, perform the following steps:

  1. Backup your website database and files
  2. Under Appearance > Themes, click the Add New button near the top of the page
  3. Upload the .zip file: recipe-blogger.zip
  4. Activate Recipe Blogger Theme
  5. Upon activation, you will be taken to a page where you can run the optional automated setup. Click the blue button for Install Pack – this will begin the installation process
  6. If you are not automatically redirected to the Theme Setup page, you can find it at:
    Genesis > Child Theme Setup
    {website}/wp-admin/admin.php?page=genesis-getting-started

We’ve curated a few plugins we think will help you use Course Maker Pro. The following plugins will be automatically installed and activated during the One-Click Theme Setup:

Demo Content

When the One-Click Theme Setup is finished, you will see there are a few new pages created: Homepage, Recipe Index, Landing Page, GUTENBERG OPTIMIZED Page, About, and Contact.
You will also notice there are 10 sample blog posts created(only if your wordpress is fresh Install) – feel free to modify or remove these demo posts and pages as needed.

You will also notice there are some categories created too – feel free to modify or remove them as needed.

The new Homepage and Blog pages will be assigned under Settings > Reading

We are not adding Blog page on Demo install as this page be any page that can be set on Settings > Reading and will show all posts same as archive style

Demo Content Looks Different?

Sometime because of Site have not enough posts to display then it looks different then demo. Demo content only installed if WordPress site is new Install.

For home please check Home page guide for each section and its configuration in details.

For other pages also check articles under “BLOCK PAGES GUIDE” on Doc

Installing Theme

This document last updated on:

Recipe Blogger Theme from Anchored Themes is built exclusively for the Genesis Framework. If you have not already purchased the framework, you can do that here.

Recipe Blogger Theme requires Genesis 3.0 or newer. Update your website to the latest version of the Genesis framework before installing Recipe Blogger Theme.

Download Your Theme

After your purchase is completed, you will receive an email confirmation with a download link to the Recipe Blogger Theme. Your purchase of the Recipe Blogger theme includes a file called recipe-blogger.zip — this contains all theme files.

  1. Install the Genesis Framework.
    From your WordPress Dashboard go to Appearance > Themes.
    Click “Add New.”
    Click “Upload Theme.”
    Browse your computer to upload the file you purchased from StudioPress.
    You do not need to activate the Genesis Framework.
  2. Install Recipe Blogger Theme.
    From your WordPress Dashboard go to Appearance > Themes.
    Click “Add New.”
    Click “Upload Theme.”
    Browse your computer to upload the file called “recipe-blogger.zip.”
    Click “Activate” when the file is finished uploading.
    You will be taken to a screen where you can run the optional One-Click Theme Setup

Logo / Site Title

This document last updated on:

The Recipe Blogger theme comes with the option to use styled text for your site title and tagline or to upload a logo image of your choice.

To configure these options, from your WordPress dashboard click on Appearance > Customize. Open the “Site Identity” menu.

Styled Text Logo

Enter the name of your blog into the SITE TITLE field and then enter your blog’s tagline into the TAGLINE field. Click “save”.

 

Image Logo

You can also use an image for your logo. If you choose this option, then your logo will be displayed in place of the SITE TITLE and the TAGLINE content.

Click the ‘Select Image‘ button and choose your logo file from the Media Library, then select ‘Show Logo Image‘ from the Site Title Display drop down.

The ideal logo size for the theme is 200px × 70px. We have disabled the forced cropping option to allow for more flexible logo sizes. However, we recommend that you keep the image logo to no wider than 250px so it looks like the theme demo.

Also there is option to change Favicon here.

 

Header Settings

This document last updated on:

Header Navigation Menus

The background color for the header section is assigned in the Theme Colors Customizer Settings.

Assign the Standard Header Menu

  1. Go to Appearance > Menus
  2. Create a new menu and name it appropriately – example: “Header Menu”
  3. Add menu items to the list on the right side
  4. Check the box to assign this menu to the “Header Menu” location
  5. Click Save Menu to save your changes

Header Widgets

By default, Recipe Blogger includes Simple Social Icons, Genesis eNews Extended and Search on Header Right Area.

#1. Simple Social Icons

Go to Appearance > Widgets >Header Right – Drag and Drop Simple Social Icons to Header Right

Settings for Simple Social Icons

  1. Icon Size: 26
  2. Icon Border Radius: 3 or 0
  3. Icon Color: #333333
  4. Icon Hover Color: #666666
  5. Icon Background Color Just Reset so it take transparent background
  6. Icon Background Hover Color Just Reset so it take transparent background
  7. Set your Social Urls as needed.

 

#2. Genesis eNews Extended

If this widget is included on Header Right then you can see “Subscribe” Button on header and on Click on that button Subscribe Form will Open. This is how its included in Theme

Settings for Genesis eNews Extended

  1. Title: NEVER MISS A POST
  2. Before Text: Lorem ipsum dolor sit amet, consectetuer.
  3. Form Action: #(please set correct action as per your email marketing tool)
  4. First Name Field: fname
  5. Email Field: Email
  6. First Name Text: ‘First Name’
  7. Email Text: ‘Email’
  8. Button Text:  ‘SiGN ME UP!’

#3. Search

Drag and drop search widget to Header Right and thats Done!

Demo Header Widgets

If you use the optional One-Click Theme Setup feature, demo widget content will automatically be added for you like below.

 

Theme Colors

This document last updated on:

With Recipe Blogger Theme, you can change the color scheme of the entire site with just a few clicks! Go to Appearance > Customize, then navigate to the “Colors” tab.

 

We have included several options to make changing the theme colors easy and straightforward. You will see a live view of your changes in the Customizer Preview Pane. Change these values to suit your needs, and be sure to hit “Publish” when you are ready.

If you do not like the changes you have made, each color has a “Default” button you can click to restore its default color value.

Theme Typography

This document last updated on:

With Recipe Blogger Theme, changing the the font family/typography of the entire site is quick and painless. There are several font options to choose from making it easy to change out the font sizes, headings and paragraph settings.

Go to Appearance > Customize, then navigate to the “Typography” tab.

Update the options to meet your preferences, then select “Publish” when done.

If you do not like the changes you have made, each color has a “Default” button you can click to restore its default color value.

 

 

 

We have included several options to make changing the theme fonts easy and straightforward. You can choose any of fonts available from Google Fonts here.