BuilderChild-Classen

(Difference between revisions)
Jump to: navigation, search
(How to replace author and date info in left metabox with a text format)
(Added = How to remove the left box and put the Date, Author etc at the bottom of the post in text =)
Line 1: Line 1:
= How to replace left metabox having author, posting date, categories, comments with text =
+
= How to remove the left box and put the Date, Author etc at the bottom of the post in text =
  
<gallery widths=200px caption="Before and After">
+
Edit child theme's index.php, archive.php and single.php. Move meta info to your desired location in these template files.
File:Classen-metainfo-before.png
+
File:Classen-metainfo-after.png
+
</gallery>
+
  
'''1.''' Edit theme's index.php, single.php and archive.php.
+
[http://d.pr/bSAt Sample modified index.php]
  
Add
+
Edit child theme's style.css to set display of ".leftmetabox" to none.
<pre class="brush:php;">
+
<div class="post-meta">
+
<?php printf( __( 'By %s', 'it-l10n-BuilderChild-Classen' ), '<span class="meta-author">' . builder_get_author_link() . '</span>' ); ?>
+
<?php do_action( 'builder_comments_popup_link', '<span class="meta-comments">&middot; ', '</span>', __( 'Comments %s', 'it-l10n-BuilderChild-Classen' ), __( '(0)', 'it-l10n-BuilderChild-Classen' ), __( '(1)', 'it-l10n-BuilderChild-Classen' ), __( '(%)', 'it-l10n-BuilderChild-Classen' ) ); ?>
+
</div>
+
+
<div class="date">
+
<span class="weekday"><?php the_time( 'l' ); ?><span class="weekday-comma">,</span></span>
+
<span class="month"><?php the_time( 'F' ); ?></span>
+
<span class="day"><?php the_time( 'j' ); ?><span class="day-suffix"><?php the_time( 'S' ); ?></span><span class="day-comma">,</span></span>
+
<span class="year"><?php the_time( 'Y' ); ?></span>
+
</div>
+
</pre>
+
  
below
+
[http://d.pr/LaNq Sample CSS added at end of style.css]
  
<pre class="brush:php;">
+
The sample code above results in changing
<div class="post-title">
+
<h3 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
+
</div>
+
</pre>
+
  
in each file.
+
[[File:Classen-metainfo-before2.png]]
  
'''2.''' Add
+
to
  
<pre class="brush:php;">
+
[[File:Classen-metainfo-after2.png]]
<div class="meta-bottom clearfix">
+
<span class="categories"><?php printf( __( 'Categories: %s', 'it-l10n-BuilderChild-Classen' ), get_the_category_list( '<br /> ' ) ); ?></span>
+
</div>
+
</pre>
+
 
+
below
+
 
+
<pre class="brush:php;">
+
<div class="post-content">
+
<?php the_content( __( 'Read More&rarr;', 'it-l10n-BuilderChild-Classen' ) ); ?>
+
</div>
+
</pre>
+
 
+
'''3.''' Add the following at the end of your theme's style.css:
+
 
+
<pre class="brush:css;">
+
.leftmetabox {
+
    display: none;
+
}
+
 
+
.post .post-meta, .date {
+
letter-spacing: normal;
+
font-size: 1em;
+
color: #9ca071;
+
margin-top: 10px;
+
}
+
 
+
.post .post-meta a {
+
    color: #537A8A;
+
}
+
 
+
.meta-bottom .categories {
+
    color: #9CA071;
+
}
+
</pre>
+
  
 
= Item 2 =
 
= Item 2 =

Revision as of 03:58, September 8, 2011

Contents

How to remove the left box and put the Date, Author etc at the bottom of the post in text

Edit child theme's index.php, archive.php and single.php. Move meta info to your desired location in these template files.

Sample modified index.php

Edit child theme's style.css to set display of ".leftmetabox" to none.

Sample CSS added at end of style.css

The sample code above results in changing

Classen-metainfo-before2.png

to

Classen-metainfo-after2.png

Item 2

Item 3

Item 4

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox