X

Cómo reemplazar el bucle actual con un bucle compatible con Microformats y HTML5

Snippets de IsItWP

¿Está buscando una forma de reemplazar su bucle de WordPress existente por uno compatible con microformatos y HTML5? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puede usar para reemplazar su bucle actual por uno compatible con microformatos y HTML5 en WordPress.

Instrucciones:

Todo lo que tiene que hacer es agregar este código al archivo single.php de su tema:

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

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: 18 alternativas de Jetpack para obtener las funciones y cómo crear un formulario de carga de archivos en WordPress.

Comentarios   Deja una respuesta

  1. Antonin Januska October 24, 2011 at 4:21 pm

    Aquí el autor. Encontré un error de sintaxis en el bucle (es menor). Donde dice: <span class"org"><?php bloginfo(‘name’); ?></span> agregue un signo igual entre "class" y "org" y agregue una etiqueta span de cierre después (la dejé abierta por accidente).

    De todos modos, ¡espero que alguien le saque provecho a esto!

    1. Antonin, gracias por la actualización.

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!