Mostrar las últimas entradas de wordpress en una página estática

Mostrar las últimas entradas de wordpress en una página estática

Con el nuevo cambio de plantilla para el portfolio, sinvergüenza de mi que no he acabado todavía, he decidido incrustar en la página principal del mismo las 3 últimas noticias publicadas en este blog, principalmente para darle cierto dinamismo de contenido y medio engañar a Google y compañía para que detecten una web que se actualiza con regularidad y darle desde el portfolio más visibilidad al blog.

Una vez analizada la finalidad de lo que queremos vamos al lío, tras desempolvar un par de manuales de wordpress y encontrar las funciones relacionadas para mostrar los posts, thumbnails y un pequeño extracto.

Vamos a crear un php que se encargue de recoger toda la información de nuestro blog y ordenarla para luego desde el portfolio llamar a ese archivo. Lo llamaremos “blog1.php”.

<?php
define('WP_USE_THEMES', false);
require('wp-load.php');
query_posts('showposts=3');
?>
<style media="screen" type="text/css">

#thumbnail img{
	float: left;
	width: 230px;
	margin: 5px;
}

</style>
<?php while (have_posts()): the_post(); ?>
<?php endwhile; ?>

<?php while (have_posts()): the_post(); ?>
<a href="<?php the_permalink(); ?>"><h2><strong><?php the_title(); ?></strong></h2></a>
<p><em>Escrito el <?php the_date(); ?> por <?php the_author(); ?></p></em>
<p><?php
		if ( has_post_thumbnail() ){
	?>
		<div id="thumbnail">
			<?php
			the_post_thumbnail( 'thumbnail' );
			the_excerpt();
			?>
		</div>
	<?php
	}else{
		
		echo '<div id="thumbnail"><img src="http://javierh.com/images/thumbnail.png" alt="thumbnail" title="Example" width="256px"/>';
		the_excerpt();
		echo '</div>';
	}
?></p><br />
<?php endwhile; ?>

Lo ideal sería dejarlo en el raíz de nuestra instalación de wordpress, debemos adaptar el código a la ruta que tengáis en vuestra instalación.

Se ha añadido además un poco de CSS para que cuando muestre la imagen del post, el extracto y demás quede bien ordenado y no quede de cualquier forma.

Ahora que ya tenemos en nuestro wordpress subido el archivo blog1.php vamos al portfolio y a mostrar el contenido de ese archivo.

<?php echo file_get_contents("http://blog.javierh.com/blog1.php"); ?>

Lo pegamos justo donde queremos que se muestre, subimos el archivo al servidor, recargamos el navegador…

captura portfolio

 

Es importante diseñar una imagen predeterminada para que muestre una miniatura en las entradas que no tenemos imagen destacada, la mía es el clásico “for dummies”.