Mostrar les 3 últimes entrades del blog des d’una pàgina externa a WordPress

Posent-nos en situació. Tenim una pàgina estàtica o feta a codi, amb un WordPress dins la carpeta /blog.

La pàgina està realitzada amb PHP-HTML5 i Bootstrap.

Per a afegir les darreres entrades a la pàgina principal d’aquesta plataforma, únicament cal seguir els següents passos:

  • “Cridar” el fitxer wp-load.php
  • Cridem també a la classe global wpdb de WordPress
  • Creem una nova “query”, pillant els últims 3 posts
  • Omplim mitjançant bootstrap i les funcions: the_title (el títol del post) , the_post_thumbnail (la imatge destacada) , the_permalink() (enllaç de l’entrada).

I voilà! Ja tenim les entrades maquetades en la nostra pàgina externa.

<?php 

require_once "blog/wp-load.php";
global $wpdb;
$the_query = new WP_Query( 'posts_per_page=3' ); 
?>
  
  <section class="section-lg" id="section-see-features">

    <div class="text-center">
            <hr class="divider divider-sm">
            <h2>Últimos artículos del blog</h2>
            <br />
    </div>

          <div class="container text-center">         
          <div class="row row-50 justify-content-center">        
       
 
<?php 

while ($the_query -> have_posts()) : $the_query -> the_post(); 

?>      <div class="col-lg-4 col-md-7"> 

    			  <div class="img-thumbnail-variant-4">
                <figure><a role="Entrada blog" href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img loading="lazy"src="<?php the_post_thumbnail(); ?>" alt="<?php the_title(); ?>"></a><a role="Entrada Blog" href="<?php the_permalink() ?>" class="caption-abs">
                  <?php the_title(); ?></a>
                </figure>               
            </div>				  
        </div>

      <?php 
endwhile;
wp_reset_postdata();
?>         
          </div>
        </div>
      </section>

Leave a Reply

Información básica sobre protección de datos Ver más

  • Responsable Jordi Juan Pérez.
  • Finalidad  Moderar los comentarios. Responder las consultas.
  • Legitimación Su consentimiento.
  • Destinatarios  Evidalia Hosting.
  • Derechos Acceder, rectificar y suprimir los datos.
  • Información Adicional Puede consultar la información detallada en la Política de Privacidad.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Ver Política de cookies
Privacidad