Archivo de la categoría: Wordpress

WordPress: función para últimos artículos del post

La siguiente función muestra los  últimos artículos insertados en el apartado blog, junto con una imagen ( thumbnail ) del artículo, en caso de que la tenga, ideal para poner en sitios como por ejemplo el footer o la home.

function destacadosBlog(){

echo('
<div class="ultimospost">
<h4>En nuestro blog</h4>
<ul> ');

$args = array( 'numberposts' => '4', 'tax_query' => array(
'taxonomy' => 'post_format',
'field' => 'slug',
'terms' => 'post-format-aside',
'operator' => 'NOT IN'
) );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){

echo '
<div class="col-3">
<a href="'. get_permalink($recent["ID"]).'">
'.get_the_post_thumbnail($recent["ID"],'large').'
</a>
<h4><a href="'. get_permalink($recent["ID"]).'">'.(__($recent["post_title"])).'</a>
</h4>
</div> ';

}
wp_reset_query();

echo('</ul> </div>');

}

Si lo que pretendemos es mostrar los últimos contenidos de un Custom Post Type, entonces tendremos que utilizar es el código, en el que le especificaremos el típo de Custom Post Type.

function destacadosDesign($postType,$cantidad,$class,$titulo){
echo('
<div class="ultimospost '.$class.'">
<h4>'.$titulo.'</h4>
<ul>
');

$args = array(
'numberposts' => $cantidad,
'post_type'=>$postType,
'tax_query' => array(
'taxonomy' => 'post_format',
'field' => 'slug',
'terms' => 'post-format-aside',
'operator' => 'NOT IN'
) );

$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
echo '
<li class="col-3">
<a href="'. get_permalink($recent["ID"]).'"> '.get_the_post_thumbnail($recent["ID"],'large').' </a>
<h4> <a href="'. get_permalink($recent["ID"]).'">'.( __($recent["post_title"])).'</a> </h4>
</li> ';
}
wp_reset_query();
echo('</ul>');
}


destacadosDesign('libros',8,desing,'Otros proyectos:');
// siendo libros el nombre del custom post type
// siendo 8 la cantidad de elementos a mostrar
// design en nombre de la clase
//'Otro proyectos:' el título del h4

Wordpres theme twentytwelve CSS hacks

Twentytwelve es uno de los temas gratuitos de wordpress más limpios y versátiles.

Aquí traemos una serie de fragmentos de código CSS para mejorar ciertas características:

/* Google Fonts*/
@import url('https://fonts.googleapis.com/css?family=Oswald');

// ENLACES
// Desactiva punteado de los enlaces tras el click
a:focus{ outline: none;}

// PÁRRAFOS
p{
// Texto de párrafo justificado por defecto
text-align: justify;}


#page.site{
	margin:0px auto;
	
	max-width:100%;
	box-shadow: 0 0 0;
}

// IMÁGENES
// desactiva el borde redondeado y sombra de las imágenes
img{
	border-radius:0 !important;
	box-shadow:none;
}