BuilderChild-Foundation-Glacier

(Difference between revisions)
Jump to: navigation, search
(Added "Demo site layouts and settings export file")
 
(Added = How to add list of tags below categories =)
Line 4: Line 4:
  
 
To download a zip file having layouts and settings of demo site, click [http://www.ithemes.com/builder-child-themes-demo-sites-exports/builder-export-ithemes-builder-foundation-glacier-demo-export.zip here].
 
To download a zip file having layouts and settings of demo site, click [http://www.ithemes.com/builder-child-themes-demo-sites-exports/builder-export-ithemes-builder-foundation-glacier-demo-export.zip here].
 +
 +
= How to add list of tags below categories =
 +
 +
[[File:2012-12-27 14-59-20.png|635px|none]]
 +
 +
'''1.''' Edit child theme's <code>index.php</code>.
 +
 +
Below
 +
 +
<pre class="brush:php;">
 +
<span class="categories"><?php printf( __( 'Categories %s', 'it-l10n-BuilderChild-Foundation-Glacier' ), get_the_category_list( ', ' ) ); ?></span>
 +
</pre>
 +
 +
add
 +
 +
<pre class="brush:php;">
 +
<?php if( has_tag() ) { ?> <br/>
 +
<span class="tags"><?php the_tags( '' . __( 'Tags: ', 'it-l10n-BuilderChild-Foundation-Glacier' ), ', ', '' ); ?></span>
 +
<?php } ?>
 +
</pre>
 +
 +
Repeat the same with <code>single.php</code> and <code>archive.php</code>.
 +
 +
'''2.''' Upload [http://f.cl.ly/items/1I181z0G0c3q3V0p1s3V/tags-bg.gif this] image to child theme's images directory.
 +
 +
'''3.''' Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):
 +
 +
<pre class="brush:css;">
 +
.entry-footer .tags {
 +
background: url("images/tags-bg.gif") no-repeat left center;
 +
padding-left: 25px;
 +
font-size: 0.8em;
 +
}
 +
 +
.entry-footer .tags a {
 +
    font-style: italic;
 +
}
 +
</pre>

Revision as of 03:35, December 27, 2012

Live Demo

Demo site layouts and settings export file

To download a zip file having layouts and settings of demo site, click here.

How to add list of tags below categories

2012-12-27 14-59-20.png

1. Edit child theme's index.php.

Below

<span class="categories"><?php printf( __( 'Categories %s', 'it-l10n-BuilderChild-Foundation-Glacier' ), get_the_category_list( ', ' ) ); ?></span>

add

<?php if( has_tag() ) { ?> <br/>
<span class="tags"><?php the_tags( '' . __( 'Tags: ', 'it-l10n-BuilderChild-Foundation-Glacier' ), ', ', '' ); ?></span>
<?php } ?>

Repeat the same with single.php and archive.php.

2. Upload this image to child theme's images directory.

3. Add the following at the end of child theme's style.css (WP dashboard -> Appearance -> Editor):

.entry-footer .tags {
 	background: url("images/tags-bg.gif") no-repeat left center;
 	padding-left: 25px;
 	font-size: 0.8em;
}

.entry-footer .tags a {
    font-style: italic;
}
Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox