Adorable Theme Setup Tutorials

Installation – Start Here

  1. *First* – Install the Genesis Framework
  2. Next – Install the Adorable Theme
  3. Install the (Optional) Genesis Slider Plugin
  4. Install the (Optional) Image Widget for Sidebar Ads Plugin
  5. Read the tutorials below

 

Your Widget Areas Are As Follows:

Primary Sidebar – Your main sidebar shown on all pages that include a sidebar.
Secondary Sidebar – The smaller of the two sidebars, shown on three column layouts.
Featured Top Full Width – The full width area shown at the top of your home page.
Featured Top Left – The left widget beneath the full width widget area.
Featured Top Right – The right widget beneath the full width widget area.
Featured Bottom Left – The left widget beneath the featured top left widget area.
Featured Bottom Right – The right widget beneath the featured top right widget area.
Footer 1 – The first column of the footer widgets section.
Footer 2 – This is the second column of the footer widgets section.
Footer 3 – This is the third column of the footer widgets section.

Featured Images

By default WordPress will create a thumbnail image for each image you upload and the size can be specified in your dashboard under Settings > Media. In addition, the Adorable child theme creates the following thumbnail images you’ll see below, which are defined (and can be modified) in the functions.php file. These are the recommended thumbnail sizes that are used on the Adorable child theme demo site.
blog-excerpt – 250px by 175px (to the left of each blog post on the “blog” page)
sidebar-featured – 290px by 175px (Above the Featured Posts/Pages widgets in the sidebar)
home-thumb – 300px by 200 px (used on the home page above featured posts)
home-top – 660px by 200px (used at the top of home page)


Adorable Settings

These are the settings used in the “Adorable” Demo

Genesis Theme Settings

Media Settings

Slider Settings for “Full Featured” Widget

Slider Settings for Sidebar


Alternate Home Page Setup

The Adorable theme comes with an alternate home page. You can choose between the magazine style default home page and a home page which displays a widget above your most recent blog posts. You can do this one of two ways.

Option 1 – From your desktop

Unzip the Adorable theme file
Find the home.php file and rename it alternate.php
Create a new file and name it home.php
Paste the following code into your new home.php file

<?php

add_action( 'genesis_meta', 'adorable_home_genesis_meta' );
/**
 * Add widget support for homepage.
 *
 */
function adorable_home_genesis_meta() {

	if ( is_active_sidebar( 'featured-full' )) {
	
		add_action( 'genesis_before_loop', 'adorable_home_loop_helper' );

	}
}

/**
 * Display widget content for home featured-full section
 *
 */
function adorable_home_loop_helper() {

	if ( is_active_sidebar( 'featured-full' )) {

		echo '<div id="featured-full">';
		echo '<div class="featured-full">';
		dynamic_sidebar( 'featured-full' );
		echo '</div><!-- end .featured-full -->';
	        echo '</div><!-- end #featured-full -->';

	}

}

genesis();

Compress (re-zip) the theme file
Upload via your WordPress dashboard

Option 2 – Via FTP

Connect to your server via ftp client
Navigate to your theme file
Find home.php and rename it alternate.php
Create a new file and name it home.php
Paste the following code into your new home.php file

<?php

add_action( 'genesis_meta', 'adorable_home_genesis_meta' );
/**
 * Add widget support for homepage.
 *
 */
function adorable_home_genesis_meta() {

	if ( is_active_sidebar( 'featured-full' )) {
	
		add_action( 'genesis_before_loop', 'adorable_home_loop_helper' );

	}
}

/**
 * Display widget content for home featured-full section
 *
 */
function adorable_home_loop_helper() {

	if ( is_active_sidebar( 'featured-full' )) {

		echo '<div id="featured-full">';
		echo '<div class="featured-full">';
		dynamic_sidebar( 'featured-full' );
		echo '</div><!-- end .featured-full -->';
	        echo '</div><!-- end #featured-full -->';

	}


PSDs

You will need PhotoShop for this file to open on your computer.

Click Here to Download PSDs


eNews Widget Fix for Firefox

.enews #subbox {
	background-color: #fff;
	color: #4c4b4b;
	font-family: 'Sofia', 'Oswald', arial, serif;
	margin: 5px -7px 0 0;
	padding: 6px 5px;
	text-transform: lowercase;
	width: 265px;
}


Color Palettes

The Colorful Option

Orange: #fb9b04
Pink: #f991a9
Green: #b2c802
Aqua: #59c5ca
Red: #f63539

The Pink, Green & Charcoal Option

Pink: #fd5e7c
Green: #a4bc01
Charcoal: #706f6f


The Red & Aqua Option

Red: #e90119
Aqua: #00cecc

The Teal & Orange Option

Orange: #fd8102
Teal #94e0c1


Bug Fixes

Bold Text
Bold text is not showing up in some browsers, you can fix this by adding the following to your CSS:

strong {
font-weight: 900 !important;
}

 

 

Have a Question?

 
If after following the setup tutorials you are having trouble with something, please visit our support forum, you may find your question has already been answered. If not, please create a new thread within the Adorable Theme Forum and we will be right with you.