Knowledge Base

Getting Started with Yumblog

in Yumblog Theme

Table of Contents

Installation

Add Theme

  1. From the Dashboard of your site, go to Appearance → Themes.
  2. Click the Add New button at the top of the screen.
  3. Click the Upload Theme button at the top of the screen.
  4. Select Choose File and find the .zip file of the theme, select it, and click Add, followed by Install Now.
  5. The theme will upload then ask whether you would like to Activate, view a Live Preview, or Return to Theme page. You can activate or view the theme from this screen or do it later in the Appearance → Themes screen.

Setup Automatic Updates

Automatic updates will enable you to know when bug fixes and updates have been pushed by the development team, and provide a notification in the WordPress Dashboard when they are available.

Warning:

Be aware that if you have made any modifications to the CSS or PHP files and run an update, all changes will be blown away! We highly suggest if you want to make theme modifications to do so by creating a Child Theme.

  1. From the Dashboard of your site, go to Appearance → Theme License.
  2. Paste the License Key you received in the purchase email from UpThemes into the License Key field.
  3. Click the Activate button and Save Changes. You’re good to go, and should receive notifications when theme updates are available!

Make Your Site Look Like the Demo

Note:

Yumblog recently got upgraded! Check out the new look!  This section tells you how to create this new look.

  1. To create this new homepage, you will need a Page Builder, we recommend Beaver Builder. (It saves you so much time and you won’t believe how easy it is).
  2. Create a page with the Page Builder for your new homepage, go to Pages → Add New
  3. Choose the Layout Builder template
    Yumblog -template
  4. Build your new page with easy drag and drop features of the Page Builder.
  5. To get this new look to show on your homepage, you will want to designate a Front page and Posts page.  Do this by going to Settings → Reading, choose A static page and choose what page you want to show for each.  Here’s what ours looks like:
    Yumblog -Reading Settings
  6. Voila! You have a brand new look for your Yumblog!

Custom Headers

The header image dimensions are 385×102. When uploading a custom header image, it can be less than 385 pixels wide and less than 102 pixels tall but never wider or taller than the maximum dimensions.

Adding Featured Post Slider to Homepage

Note: You need to have the Jetpack plugin installed for the Featured Slider to work.

      1. In the WordPress admin, click Appearance → Customize.
      2. When the Theme Customizer opens you will see a sample of your site and a sidebar. Click the Featured Content tab.
      3. Enter a tag in the Tag Name field. The recommended tag to use is “featured” or “feature.”
      4. Click Save and Close.
      5. Click Posts and either “Edit” or “Quick Edit” a post you would like to be featured in the Slider.
      6. In the Tags section add the “Tag name” you added to the Featured Content Customizer earlier.
      7. Click Update. All done!
      8. The slider will appear once you have tagged at least two posts with the tag you just selected.

Menus

Yumblog supports 4 menus; Main, Secondary, Mobile, and Social.
Yumblog - Menus
Yumblog - Mobile Menu
Note: This image of the Mobile Menu shows the menu expanded. You can create a unique menu for mobile by choosing the mobile location when creating a menu. The Main Menu displays on mobile when you don’t create a specific Mobile Menu.

Adding a Social Menu with Links

Yumblog theme contains a custom social menu with popular social menu icons that are displayed in the header. We currently support the following social networks:

      • WordPress.org
      • WordPress.com
      • Facebook
      • twitter
      • Dribbble
      • Google+
      • Pinterest
      • Github
      • Tumblr
      • YouTube
      • Flickr
      • Vimeo
      • Instagram
      • Codepen
      • LinkedIn

Enabling the Social Menu

      1. Click Appearance → Menus
      2. Click Create New Menu
      3. Enter a menu name
      4. Check the box next to Social and click Save
      5. To the left of Menu Structure, click the Links tab
      6. Enter the link to one of your social media profiles here and click Add to Menu
      7. Enter link text that describes the link (i. e. Jim Henson’s Google+ Profile)
      8. Once you’ve added all your profiles, click Save Menu.

Embedding Recipes inside Posts

Recipes can be added to your posts with the Recipe Schema plugin. You must first install the plugin and then you will have the ability to embed recipes using the new Recipe meta box below your WYSIWYG content editor on the Edit Post screen.

Once you’ve added a recipe, it will now appear with a hand-written notepad style.

Add Recipe Library

Yumblog now comes with Cooked – A Super-Powered Recipe Plugin. A $25 value that’s baked right into Yumblog…(pun intended). Once you install or update Yumblog you will see this new plugin within your Installed Plugins. With Cooked you can create a page like this.

Once you activate the Cooked plugin you will see an added icon on the admin menu, called Recipes.

Yumblog-admin

You will see lots of new settings and categories for your recipes.  Once you add recipes here, make sure to add a page like this to view your recipes. You can do this by following these steps:

  1. Create a new page Pages → Add New 
  2. In the text tab add this shortcode: [cooked-browse]
  3. Choose the Full Width – No Title template within Page Attributes
  4. Click Publish

Be sure to check out all the cool features Cooked has to offer!

Note:

If you are currently using the Recipe Schema we do not have a migration plugin to move to Cooked.

 

Custom Header Image

How to change the header image:

      1. Click on the Appearance → Header
      2. Upload a new image in the Select Image section by clicking ‘Choose File’ then ‘Upload’

Custom Backgrounds

Yumblog supports custom backgrounds.

To change the background image:

      1. Navigate to Appearance → Background.
      2. Select one of the existing images or upload a new one by clicking ‘Choose File’ then ‘Upload’

Link Post Format

When using the “link” post format, the first link found within the content of the post will replace the primary heading permalink from any archive or listing template. That means visitors will be able to click the title of a “link” post and go directly to the URL you linked.

Theme Measurements

    • The content width for Yumblog is 560px wide.
    • Featured images are set to display at 570px by 400px.
    • Slider images are set to display at 960px by 500px.