web-dev-qa-db-fra.com

personnalisation des messages récents

Je travaille sur mon premier blog wordpress et j'essaie d'éviter autant que possible les plug-ins pour beaucoup de ce qui n'est pas vraiment nécessaire. Je connais un peu php (je ne le comprends pas mais je sais où le mettre et quel fichier doit aller où). Je comprends comment changer les fichiers de thème autour, CSS & HTML. Donc, si je peux le faire avec un peu de pratique et de temps, je préférerais le coder à la main puis utiliser un plugin.

J'essaie de styler les publications récentes de la barre latérale de ma page d'accueil et je ne trouve pas cela difficile du tout, mais je ne suis pas sûr de savoir comment insérer des images dans les publications récentes. J'ai une image dans chacun de mes messages et j'essaie maintenant d'obtenir une petite vignette de la première image dans ma zone "BLOGS RÉCENTS" sur ma page d'accueil.

enter image description here

Comme dans ma conception, ici.

Quelqu'un a-t-il une méthode ou un extrait de code qui fonctionnerait pour ce que j'essaie de faire?

@Tom: Voici à quoi ressemble mon code après avoir placé votre suggestion dans

<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>

Je l'ai fait pointer vers une image par défaut, mais cela ne se voit même pas. Mon image est stylée

.thumbnail { width: 50px; height: 50px; border: 1px solid #093; padding: 5px;}

Et c’est le site sur lequel vous pouvez trouver mon problème de barre latérale à

Donc je ne suis pas sûr de ce que je fais mal ..

csssidebarrecent-posts
2
kia4567

Dans votre boucle de publication:

<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>

faites glisser la vignette div vers la gauche et donnez à la div titre une marge/un remplissage approprié afin qu'ils ne se chevauchent pas, et appliquez un correctif à la classe de publication récente, puis choisissez un style approprié.

3
Tom J Nowell

Finalement, je viens de télécharger le plugin Advanced Recent Posts. Merci les gars pour votre aide!

1
kia4567