WordPress › Support Topic: Template Tags/the excerpt

WordPress › Support Topic: Template Tags/the excerpt http://wordpress.org/support/ WordPress › Support Topic: Template Tags/the excerpt en Thu, 26 Nov 2009 14:18:44 +0000 henkholland on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1160892 Mon, 03 Aug 2009 05:23:29 +0000 henkholland 1160892@http://wordpress.org/support/ <p>it is looking good now Micadz! </p> micadz on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1143513 Sun, 19 Jul 2009 08:13:40 +0000 micadz 1143513@http://wordpress.org/support/ <p>Thanks for the info. Tried all suggested options but failed miserably ... not sure why it works for you and not for me. Arghhh </p> henkholland on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1128765 Tue, 07 Jul 2009 10:15:10 +0000 henkholland 1128765@http://wordpress.org/support/ <p>Hi micadz, </p> <p>I don't see it working in Featured; the left one is still lower. And in the <code>index.php</code> you supplied I do not see that you applied Esmi's trick.<br /> I still would try to change this:<br /> <pre><code><div class="featured-content"> <?php the_excerpt(); ?> <p class="moretext"><a href="<?php the_permalink() ?>">Continue Reading...</a></p> </div>  </div></code></pre> <p>into this:<br /> <pre><code><div class="featured-content"> <?php the_excerpt(); ?> </div>  <p class="moretext"><a href="<?php the_permalink() ?>">Continue Reading...</a></p> </div></code></pre> <p>that is putting the p class moretext below te next div</p> <p>If that works you have to do the same for latest-content which controls your Latest Posts.</p> <p>INSTEAD of the above:</p> <p>Also in style.css doing this cleaned up featured:<br /> <pre><code>.featured-content p {style.css (regel 118) height:170px; margin-top:1em; }</code></pre> <p> I added height 170px</p> <p>Also in style.css doing this cleaned up the latest posts:<br /> <pre><code>.latest-content p {style.css (regel 180) color:#222222; font-size:1.2em; height:55px; line-height:1.5; margin-bottom:1.5em; margin-top:8px; text-align:left; }</code></pre> <p> I added the height of 55px</p> <p>Normally I use Stylizer, but you can see all this in Firefox, by using Firebug to show and test the code (you cannot save from firebug so the changes are temporarily and only visible on your computer, not for the public unless you copy them into your style.css)</p> <p>Have a go and try it. </p> micadz on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1126897 Sun, 05 Jul 2009 17:59:08 +0000 micadz 1126897@http://wordpress.org/support/ <p>Hum .. still don't get it to work. Looks like with Esmi's solution, I get the featured section to work. But not sure how to line up the Lastest posts.</p> <p>This is my index.php. Does this help?<br /> <pre><code><?php get_header(); ?> <div id="featured"> <h2>Featured</h2>  <?php query_posts('cat=3&showposts=2'); ?> <?php while (have_posts()) : the_post(); ?> <div class="front-post"> <div class="featured-post"> <div class="featured-title"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?> </a></h2> </div> <div class="featured-image"> <?php image_attachment('image', 303, 231); ?> </div> </div>  <div class="postMeta-featured"><span class="date"><?php the_time('F j, Y') ?></span><span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span></div> <div class="clear"></div> <div class="featured-content"> <?php the_excerpt(); ?> <p class="moretext"><a href="<?php the_permalink() ?>">Continue Reading...</a></p> </div>  </div> <?php endwhile; ?>  <?php query_posts('cat=3&showposts=1&offset=2'); ?> <?php while (have_posts()) : the_post(); ?> <div class="front-post-last">  <div class="featured-post"> <div class="featured-title"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?> </a></h2> </div> <div class="featured-image"> <?php image_attachment('image', 303, 231); ?> </div> </div>  <div class="postMeta-featured"><span class="date"><?php the_time('F j, Y') ?></span><span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span></div> <div class="clear"></div> <div class="featured-content"> <?php the_excerpt(); ?> <p class="moretext"><a href="<?php the_permalink() ?>">Continue Reading...</a></p> </div>  </div> <?php endwhile; ?> </div>  <div class="clear"></div> <div id="front-bottom"> <div id="latest-wrap"> <h2>Latest Posts</h2> <div class="content">  <?php query_posts('cat=-3&showposts=50'); ?> <?php while (have_posts()) : the_post(); ?> <div class="latest-post-wrap"> <div class="latest-post"> <div class="latest-title"> <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?> </a></h2> </div> <div class="latest-image"> <?php image_attachment('image', 162, 118); ?> </div> </div> <div class="latest-content"> <div class="postMeta-front"><span class="date"><?php the_time('F j, Y') ?></span><span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span></div> <div class="clear"></div> <p><?php $excerpt = get_the_excerpt(); echo string_limit_words($excerpt,10); ?></p> <p class="moretext"><a href="<?php the_permalink() ?>">Continue Reading...</a></p> </div> </div> <?php endwhile; ?>  </div> <div class="clear"></div> </div> <?php get_sidebar(); ?> <div class="clear"></div> </div> <?php get_footer(); ?></code></pre> henkholland on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1126648 Sun, 05 Jul 2009 09:55:12 +0000 henkholland 1126648@http://wordpress.org/support/ <p>On second thoughts, this is what I get now:<br /> <pre><code><div class="front-post"> <div class="featured-post"> <div class="featured-title"> </div> <div class="featured-image"> </div> </div> <div class="postMeta-featured"> </div> <div class="clear"/> <div class="featured-content"> <p> </p> <p class="moretext"> <a href="http://www.commonpeople.sg/v1/?p=747">Continue Reading...</a> </p> </div> </div></code></pre> <p>What happens when you (in <code>index.php</code> ) move the <p>moretext etc </p> piece to just before the last div ; saying take it out of divclass featured content and move it beyond the next div so that it is included in divclass front-post.<br /> Next give in your css the class featured content a fixed height so that the longest excerpt shown fits in the box. </p> esmi on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1126158 Sat, 04 Jul 2009 19:54:51 +0000 esmi 1126158@http://wordpress.org/support/ <p>Try editing index.php and look for <code><div class="featured-content"></code>. Immediately after that line, you should see <code><?php the_excerpt();?></code>. Change it to:</p> <pre><code><div class="excerpt"> <?php the_excerpt();?> </div></code></pre> <p>Then, edit style.css and add the following to the bottom:</p> <p>.excerpt {height:200px;}` </p> micadz on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1126114 Sat, 04 Jul 2009 18:40:06 +0000 micadz 1126114@http://wordpress.org/support/ <p>Thanks Henk ... tried that but it does not do it for me ... maybe it has to do with the template ... or my poor skills ... keke :)</p> <p>I pretty much figured out how to do most of the coding ... except this one ... don't seem to be able to find a solution and it freaks me out ... arghhh. </p> henkholland on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1125777 Sat, 04 Jul 2009 09:13:02 +0000 henkholland 1125777@http://wordpress.org/support/ <p>In your <code>style.css</code> find:<br /> <code>.featured-content P</code> and add <code>height 150px</code> </p> <p> and in <code>.featured-content</code> also <code>height 150px</code></p> <p>that did it for me. </p> micadz on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1125683 Sat, 04 Jul 2009 05:38:48 +0000 micadz 1125683@http://wordpress.org/support/ <p>Thank you esmi ....ehr ... how do I do the last option please? </p> <p><em>Or you'd need to amend your template to incorporate a new class that encloses the_excerpt() and give that class a fixed height via CSS. </em> </p> esmi on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1125176 Fri, 03 Jul 2009 19:04:22 +0000 esmi 1125176@http://wordpress.org/support/ <p>You're already using the_excerpt() and I don't think that replacing it with the_content() is really going to help. One way to get all of the Continue Reading links to line up is to use the Optional Excerpt on each Edit Post page and tweak each one until all of the links line up.</p> <p>Or you'd need to amend your template to incorporate a new class that encloses the_excerpt() and give that class a fixed height via CSS. </p> micadz on "Template Tags/the excerpt" http://wordpress.org/support/topic/286302#post-1124887 Fri, 03 Jul 2009 15:11:21 +0000 micadz 1124887@http://wordpress.org/support/ <p>Currently, the Continue Reading on all my posts is not lined up. I would like all my post to be lined up and understand it can be done thru excerpts. I read the information and how you have to put the code in the loop ... but not sure where to do that. My blog is <a href="http://www.commonpeople.sg/v1/" rel="nofollow">http://www.commonpeople.sg/v1/</a>.</p> <p>Thank you. </p>