Comment remplacer la boucle actuelle par une boucle microformatée et conforme à la norme HTML5 ?

Vous cherchez un moyen de remplacer votre boucle WordPress existante par une boucle microformatée et compatible HTML5 ? Bien qu’il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour remplacer votre boucle actuelle par une boucle microformatée et compatible HTML5 dans WordPress.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier single.php de votre thème :

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                <article class="post hentry hnews"><!-- START OF POST -->
          
<h1 class="entry-title url"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>

<span class="meta"><time class="updated" datetime="<?php
$postDate = get_the_date('c');
$postDate2 = get_the_date('d.m.Y');
echo $postDate ?>" pubdate>
<?php echo $postDate2; ?></time> | <span class="byline vcard"><span class="fn author"><?php the_author();?></span> | <?php the_category(''); ?></span> | <span class="org"><?php bloginfo('name'); ?></span></span>
     <div class="postContent entry-content">
     <?php the_content(); ?>
     <p class="postmetadata">Posted in <?php the_category(', '); ?> | Tags: <?php the_tags(); ?></p>
     </div>
                </article><!-- END OF POST -->
<?php endwhile; endif;?>

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur la façon d’ajouter correctement des extraits de code dans WordPress, afin de ne pas briser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 18 alternatives à Jetpack pour obtenir les mêmes fonctionnalités et comment créer un formulaire de téléchargement de fichier sur WordPress.