In version 1.2 Whimsy Framework added 32 new actionable hooks to charge up theme development.

Full Action Hook List

Header & Navigation Hooks

whimsy_body_start
whimsy_header_before
whimsy_header_after
whimsy_header_inside_before
whimsy_header_inside_after
whimsy_nav_before
whimsy_nav_after
whimsy_nav_inside_before
whimsy_nav_inside_after
Content Hooks

whimsy_content_before
whimsy_content_after
whimsy_main_before
whimsy_main_after
whimsy_main_inside_before
whimsy_main_inside_after
Post & Page Hooks

whimsy_page_before
whimsy_page_after
whimsy_post_before
whimsy_post_after
whimsy_post_meta_before
whimsy_post_meta_after
whimsy_post_footer_before
whimsy_post_footer_after
Sidebar Hooks

whimsy_sidebar_before
whimsy_sidebar_inside_before
whimsy_sidebar_inside_after
whimsy_sidebar_after
whimsy_sidebar_inside_widget_before
whimsy_sidebar_inside_widget_after
Footer Hooks

whimsy_footer_before
whimsy_footer_after
whimsy_footer_inside_before
whimsy_footer_inside_after
whimsy_body_end

The Whimsy Framework is responsive, so you should set one large logo to be displayed in many ways across the various screen sizes the theme handles.

Preparing your Header Image

The recommended size is 1200×500 pixels. You want to keep the width longer, while the height should be relatively smaller.

How your logo works on small screens

For phones and screens that are less than 980px wide your logo will resize to 170px.

The WordPress Customizer is a super easy way to change the way the Whimsy Framework looks and works. You can customize many things about your website from within the Customizer, your logo and site name, brand colors, layout options, widgets, and menus.

  • Frontend: Toolbar > Site Name > Customize
  • Backend: Appearance > Customizer

Site Identity

  • Site Title:  The name of your website.
  • Tagline: A short description of your site.
  • Display Header Text: Checkbox to hide or show the Site Title and Tagline.

Colors

  • Background Color: Change the background color for the entire website.
  • Link Color: Choose a different color for all links and buttons.
  • Highlight Color: Change the color of links and buttons on hover.
  • Body Text Color: Change the color of all normal body text.
  • Menu Background Color: This is the background color for your main navigation.
  • Menu Link Color: This is the color of the main links in your navigation.
  • Sub-Menu Background Color: This is the background color for links that dropdown in your main navigation.
  • Sub-Menu Link Color: This is the color for text links that dropdown in your main navigation.

Header Image

  • Your header image is displayed under the logo or site title and description.

Background Image

  • Choose Background Image: Change the background image for the entire website.
  • Background Repeat: Choose whether to tile and repeat across the entire page, tile horizontally, tile vertically, or no repeat.
  • Background Position: Position your background to the left, center, or right side of the page.
  • Background Attachment: Do you want your background to scroll with your content or stay fixed in one place?

Navigation

The Whimsy Framework comes with two menu areas.

  • Primary Menu: The menu at the top of the page.
  • Footer Menu: The menu below the content area.

Widgets

The Whimsy Framework has four widget areas.

  • Sidebar: Pick the widgets that will appear in your sidebar.
  • Footer Widgets (1): Left column of widgets.
  • Footer Widgets (2): Middle column of widgets.
  • Footer Widgets (3): Right column of widgets.

There are three easy ways to install Whimsy Framework.

After installing and activating the parent theme you should create a child theme. Child themes keep your design changes safe during upgrades.

Search and Install Whimsy Framework from your Dashboard

  1. The WordPress dashboard offers the  easiest way to install any WordPress theme.
  2. On your WordPress site go to Dashboard > Appearance > Add New.
  3. Search for Whimsy Framework, install, and activate!

Upload and install Whimsy Framework through the WordPress Dashboard

  1. Download the Whimsy Framework.
  2. On your WordPress site go to Dashboard > Appearance > Add New.
  3. On the next page, click the Upload button.
  4. Select Browse, and install the whimsy-framework.zip file.
  5. Activate the Whimsy Framework. To keep your changes safe, you should also upload and activate a child theme for Whimsy Framework.

Upload and install Whimsy Framework via FTP

  1. Download the Whimsy Framework, and extract the file to your desktop.
  2. Log in to your hosting server via FTP.
  3. Navigate via FTP to /wp-content/themes.
  4. Upload the /whimsy-framework folder under /themes.
  5. On your WordPress site go to Dashboard > Appearance.
  6. Activate the Whimsy Framework, or upload a child theme.