Auf der Startseite meiner Website werden Artikelbilder in vollständiger Größe ausgegeben. Nun möchte ich, dass im Archiv nur eine Miniatur zu sehen ist, also wirklich ein Thumbnail. Wie mache ich das?
So soll es aussehen:
http://forum.wordpress-deutschland.org/attachments/de…ahresarchiv.png
Ich dachte [FONT=Courier New]<?php the_post_thumbnail('small'); ?>[/FONT] sei das Zauberwort. Aber das ist wohl nicht der Fall...
Ich bin dankbar für jede Art von Hilfe.
Hier der Link zum Archiv/Link gelöscht in der Testversion. (Kann man es eigentlich verhindern, dass Links wie diese bei Google ausgegeben werden? Ich finde es nicht gut, wenn Leute sehen können, welche Baustellen man offen hat.)
Hier der Code für den Post im Archiv:
<?php // alchymyth/2010/besten Dank!
$args = array(
'posts_per_page' => -1, // show all posts
'cat' => '4'
);
query_posts($args);
if (have_posts()) :
while (have_posts()) : the_post(); ?>
<?php if ($year!=get_the_time('Y')) { $year = get_the_time('Y'); echo '<div class="archive_year">'.$year.'</div>'; } ?>
<div class="archive_post">
<div class="archive_left"> <?php the_post_thumbnail('small'); ?>
</div>
<div class="archive_right"><h3><a rel="nofollow" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
<div class="archive_excerpt">
<?php the_meta(); ?>
</div>
</div>
<div class="archive_clear">
</div>
</div>
<?php endwhile; ?>
<?php endif; wp_reset_query(); ?>
Alles anzeigen
Hier die CSS-Definitionen:
.archive_year {
color: #aaa;
font-size: 45px;
letter-spacing: 2px;
margin-top: 45px;
margin-bottom: 35px;
}
.archive_post {
margin-bottom: 20px;
margin-left: 60px;
}
.archive_left {
width: 100px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 40px;
}
.archive_right {
width: 600px;
float: right;
}
.archive_excerpt .post-meta {
list-style-type: none;
padding: 0 0 0 0px;
margin: 0;
}
.archive_clear {
clear:both;
}
Alles anzeigen