- Desde
- 13 Dic 2011
- Mensajes
- 1.515
Cómo obtener los últimos artículos actualizados
Buenos días.
En este tutorial les enseñare a hacer un simple listado de los últimos artículos actualizados(modificados) sin necesidad de agregar plugins, esto les puede ser útil a quienes tengan páginas al estilo Softonic.
Buenos días.
En este tutorial les enseñare a hacer un simple listado de los últimos artículos actualizados(modificados) sin necesidad de agregar plugins, esto les puede ser útil a quienes tengan páginas al estilo Softonic.
1- Ir al editor de themes y al archivo functions.php, y agregan el siguiente código:
PHP:
<?php
function ultimosactualizados(){
$cpost = 10; // Cantidad de posts a mostrar
$cletras = 30; // Cantidad de letras a mostrar en el extracto del post
?>
<!-- Ultimos actualizados por Lopezito -->
<section class="aposts">
<h3>Últimos actualizados.</h3>
<?php
query_posts(array('posts_per_page' => $cpost, 'orderby' => 'modified', 'order' => 'DESC'));
while ( have_posts() ) : the_post();
?>
<article class="apost">
<a href="<?php the_permalink(); ?>" title="Enlace permanente hacia <?php the_title_attribute(); ?>"><h5><?php the_title(); ?></h5></a>
<section class="acont">
<a href="<?php the_permalink(); ?>" title="Enlace permanente hacia <?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a>
<?php echo substr(get_the_excerpt(),0,$cletras); ?>...
</main>
</article>
<?php
endwhile;
wp_reset_query();
?>
</section>
<!-- / Ultimos actualizados por Lopezito -->
<?php
}
?>
Insertar CODE, HTML o PHP:
.aposts{padding:5px;margin:5px 0}
.aposts h3{font-weight:100;padding:10px;color:#FFF;font-size:19px;text-shadow:1px 1px rgba(88, 88, 88, 0.33);display:inline-block;background:#74B2CF!important;letter-spacing:1px}
.apost{background:#fff!important;border-top:1px solid #eee!important}
.apost:nth-child(2n+2){background:#F4FBFF!important}
.apost a h5{text-decoration:none;font-size:15px;font-weight:100;text-shadow:1px 1px #fff;color:#444;margin-bottom:5px;padding:5px}
.acont{margin:5px;overflow:hidden;color:#444;font-style:italic}
.acont a img{float:left;width:48px!important;height:48px!important;border:none!important;margin:5px 15px;box-shadow:0 0 8px #FFF}
3- Para implementar esto donde queramos vamos a donde se nos ocurra ponerlo(ej: index.php) y colocamos:
PHP:
<?php ultimosactualizados(); ?>
Cualquier duda, consulten.
Un saludo.
PD: Agregaré un demo cuando tenga disponible mi hosting :/
Última edición: