customizing recent posts

时间:2012-03-31 作者:kia4567

我正在写我的第一个wordpress博客,如果可能的话,我会尽量避免使用插件,因为很多东西实际上并不需要插件。我对php略知一二(我不懂,但我知道应该把它放在哪里,应该把什么文件放在哪里)。我了解如何更改周围的主题文件,CSS&;HTML。因此,如果我可以通过一些练习和时间来完成它,我宁愿手工编写代码,然后使用插件。

我正在尝试设计我的主页侧边栏最近的帖子,我一点也不觉得难,但我不知道如何在最近的帖子中添加图像。我在每一篇帖子中都有一张图片,现在我只是想把第一张图片的缩略图放到我主页上的“最近的博客”区域。

enter image description here

就像我的设计一样。

有没有人有一个方法或代码片段可以用于我正在尝试的工作?

@汤姆:这就是我的代码在加入你的建议后的样子

<aside id="archives" class="widget">
<h1 class="widget-title"><?php _e( \'Recent Blogs\', \'toolbox\' ); ?></h1>
<div class="thumbnail">
        <?php
        if(has_post_thumbnail()) {
            the_post_thumbnail();
        } else {
            // show a default image if no featured image is specified
            echo \'<img src="\'.get_bloginfo("template_url").\'http://ambergoodwin.com/averylawoffice/img/SIDEBAR-recentblogimg.jpg" />\';
        }
        ?>
    </div>
    <?php
        $args = array( \'numberposts\' => \'3\' );
        $recent_posts = wp_get_recent_posts( $args );
            foreach( $recent_posts as $recent ){
        echo \'<h5><a href="\' . get_permalink($recent["ID"]) . \'" title="Look \'.esc_attr($recent["post_title"]).\'" >\' .   $recent["post_title"].\'</a> </h5> \';
     }
    ?>
</aside>
我已经把它指向一个默认图像,但它甚至没有显示出来。我的图像已设置样式

.thumbnail { width: 50px; height: 50px; border: 1px solid #093; padding: 5px;}
这是site you can find my sidebar problem at

所以我不确定我做错了什么。。

2 个回复
SO网友:Tom J Nowell

在post循环中:

<div class="recent-post">
    <div class="thumbnail">
        <?php
        if(has_post_thumbnail()) {
            the_post_thumbnail();
        } else {
            // show a default image if no featured image is specified
            echo \'<img src="\'.get_bloginfo("template_url").\'/images/img-default.png" />\';
        }
        ?>
    </div>
    <div class="title">
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
    </div>
</div>
向左浮动缩略图div,给标题div一个适当的边距/填充,这样它们就不会重叠,并对最近的post类应用一些clearfix,然后根据需要设置样式。

SO网友:kia4567

最后,我刚刚下载了Advanced Recent Posts插件。谢谢大家的帮助!

结束