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?.
Hola Ramon.
Muy buenos trucos he visto por aquí.
Esto esta muy bien para mostrar los ultimos posts..
Pero este codigo lo muestra al final de la pagina, debajo del footer… como se podria hacer para que quede encima del footer?
Gracias.
Buenos días Sebas. Normalmente debería de mostrarlo por encima del footer. Esto se podría cambiar con la prioridad de la llamada a add_action. No obstante le echaremos un vistazo y si averiguamos algo, te informaremos. Un saludo.