Añadir los últimos posts publicados al final de páginas AMP

Categorías: WordPress
Etiquetas: ,
¿Cómo personalizar el pie de página de las páginas AMP?

Después del post de ayer sobre ¿Cómo personalizar el pie de página de las páginas AMP? hoy nos centramos en hacer las páginas AMP un poco más atractivas: Lo primero es añadir los últimos posts publicados al final de las páginas.

Como hay un plugin en el repositorio de WordPress llamado AMP Recent Posts, vamos a usarlo para mostrar las últimas entradas en las páginas AMP.

Siempre que usemos el plugin AMP de Auttomatic, para ello solo hay que añadir el siguiente código al archivo functions.php del tema activo:

function my_amp_recent_posts_bottom( $amp_template ) {
	if ( shortcode_exists( 'amp-recent-posts' ) ) {
		?>
			<div class="amp-wp-content">
				<?php echo do_shortcode( "[amp-recent-posts append='amp' heading='Nuestras últimas publicaciones:' max='5']" ); ?>
			</div>
		<?php
	}
}
add_action( 'amp_post_template_footer', 'my_amp_recent_posts_bottom' );

El código comprueba si está activo el plugin AMP Recent Posts y en función de si está activo o no muestra los últimos posts.

Por otro lado, si no queremos usar el plugin, se puede hacer todo en forma de código y entonces en vez de añadir el código anterior en el functions.php del tema activo, habría que añadir:

function my_amp_recent_posts_bottom( $amp_template ) {
	$max = '5';
	$append = 'amp';
	$heading = 'Nuestras últimas publicaciones:';
	if (is_single() && !is_page()) {
		extract(shortcode_atts(array(
			  'append' 	=> 'amp',
			  'heading' => null,
			  'max' 	=> 10,
			  ), $atts));
		query_posts(array('orderby' => 'date', 'order' => 'DESC', 'showposts' => $max, 'append' => $append, 'heading' => $heading));
		$return_string = '<h3>'.$heading.'</h3>';
		$return_string .= '<ul>';
		if (have_posts()) :
			while (have_posts()) : the_post();
			$return_string .= '<li><a href="'.get_permalink().''.$append.'/">'.get_the_title().'</a></li>';
			endwhile;
		endif;
		$return_string .= '</ul>';
		wp_reset_query();
		echo $return_string;
	}
}
add_action( 'amp_post_template_footer', 'my_amp_recent_posts_bottom' );

P.D. Si también quieres añadir botones para compartir las páginas en redes sociales, aquí tienes un post que combina esté código con el de mostrar las últimas entradas publicadas: ¿Cómo añadir las últimas entradas y botones de redes en AMP?.

Salir de la versión móvil