BuilderChild-Classen

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
m
m (How to remove the left box and put the Date, Author etc at the bottom of the post in text)
 
(4 intermediate revisions by one user not shown)
Line 1: Line 1:
= How to replace author and date info in left metabox with a text format =
+
= 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-date-mod-before.png
+
File:Classen-date-mod-after.png
+
</gallery>
+
  
'''1.''' Edit theme's index.php, single.php and archive.php.
+
[http://cl.ly/1w1l1j2d0v1M2B3e3D1y 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 the following at the end of your theme's style.css:
+
to
  
<pre class="brush:css;">
+
[[File:Classen-metainfo-after2.png]]
.leftmetabox {
+
    display: none;
+
}
+
  
.post .post-meta, .date {
+
= How to fix distortion of featured image in single posts =
letter-spacing: normal;
+
 
font-size: 1em;
+
[[File:Classen-single-featured-image-before.png|500px|thumb|none|Before]] [[File:Classen-single-featured-image-after.png|500px|thumb|none|After]]
color: #9ca071;
+
 
margin-top: 10px;
+
Note: This applies to Classen 2.0.0 to 2.0.2.
}
+
 
 +
Edit wp-content/themes/BuilderChild-Classen/single.php.
 +
 
 +
Change
 +
 
 +
<pre class="brush:php;">
 +
<div class="front-page-thumbnail">
 +
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail( 'front-page-thumbnail' ); ?></a>
 +
</div>
 
</pre>
 
</pre>
  
= Item 2 =
+
to
 +
 
 +
<pre class="brush:php;">
 +
<div class="left-meta-thumbnail">
 +
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail( 'left-meta-thumbnail' ); ?></a>
 +
</div>
 +
</pre>
  
 
= Item 3 =
 
= Item 3 =
  
 
= Item 4 =
 
= Item 4 =

Latest revision as of 08:37, December 15, 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

How to fix distortion of featured image in single posts

Before
After

Note: This applies to Classen 2.0.0 to 2.0.2.

Edit wp-content/themes/BuilderChild-Classen/single.php.

Change

<div class="front-page-thumbnail">
								<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail( 'front-page-thumbnail' ); ?></a>
							</div>

to

<div class="left-meta-thumbnail">
								<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail( 'left-meta-thumbnail' ); ?></a>
							</div>

Item 3

Item 4

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox