Essence FAQ and Tips and Tricks

From IThemes Codex
Revision as of 03:18, March 9, 2011 by Ronald (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Contents

Child themes for the Essence theme

In order to preserve your original theme, you can use Child Themes to apply modifications to your Essence theme, without having to modify any of the original theme files.

Download one of the child themes for Essence listed below. Unzip and upload the child Theme to your themes folder, and activate it, just as you would activate any other theme. There is a README.TXT included in the child theme with further information.

As an addon feature, the child themes enable the use of featured posts images, or post thumbnails, as described in this article. Featured images can be added using the featured images option on the write post panel.

How to create a page template without sidebars

First, create a new page template (http://codex.wordpress.org/Pages#Page_Templates)

Name it whatever you want, let's say that

<?php
/*
Template Name: Page No Sidebars
*/
?>

makes sense. Copy the contents of the page.php file in your template, leaving the code described above intact.

Your template should now look like this:

<?php
/*
Template Name: Page No Sidebars
*/
?>
<?php get_header(); ?>

<div id="content">

	<div id="contentleft">   <=== change this line

		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
		<h1><?php the_title(); ?></h1>

		<?php the_content(__('Read more'));?><div style="clear:both;"></div>

		<?php endwhile; else: ?>

		<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>

	</div>
	
<?php include(TEMPLATEPATH."/sidebar_right_page.php");?>  <==== remove this line

</div>

<!-- The main column ends  -->

<?php get_footer(); ?>

Change the following code (marked above): <div id="contentleft"> to <div id="content_wide"> and

Remove the following code (marked above), at the bottom of the template: <?php include(TEMPLATEPATH."/sidebar_right_page.php");?> (exact code may vary depending on theme version, more recent themes use <?php get_template_file("sidebar_right_page.php");?>).

Finally, modify your style.css. What you need to do is COPY all markup for the #contentleft div, rename that to #content_wide. The result will be a block of code similar to the following. Add this code to the bottom of your style.css:

#content_wide p img {
	border: none;
	float: left;
	margin: 0 10px 10px 0;
	}

#content_wide {
	float: left;
	margin: 10px;
	padding: 20px 0 20px 20px;
	}

#content_wide ol {
	margin: 0 0 0 5px;
	padding: 0 0 15px 0;
	}

#content_wide ol li {
	margin: 0 0 0 20px;
	padding: 0 0 0 0px;
	}

#content_wide ul {
	list-style-type: square;
	margin: 0;
	padding: 0 0 15px 0;
	}

#content_wide ul li {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0;
	}

Now go into your Write Page panel, and select the "Page No Sidebars" template.


Back to the main Essence page

How to enable square bullets for list items in left and right sidebars on Pages

When a Page is set to "Default Template" or "Sidebar Left Page" or "Sidebar Right Page", list items such as those in Recent Posts widget don't have square bullets by default. To display them, add the following at the end of your theme's style.css:

#l_sidebar ul li, #r_sidebar ul li {
    list-style-type: square;
    margin: 0 0 0 20px;
}

#l_sidebar ul li.widget, #r_sidebar ul li.widget {
	margin-left: 0;
	list-style-type: none;
}

Another FAQ

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox