Archivo de la categoría: PHP

Recargar CSS sin actualizar caché

Cuando estamos haciendo cambios cada poco en el CSS de nuestra web, puede darse el caso de que no se actualice el CSS a no ser que entremos en sesión de incógnito, cambiemos de navegador, dispositivo, o borremos la caché del navegador. Muchas veces con presionar Alt + Actualizar puede ser suficiente, pero muchas otras el navegador se pone un poco pesadito.
Una posible opción es cambiar el nombre del archivo css cada vez que recargamos la página web. Para ello si nuestro servidor cuenta con php podemos hacer lo siguiente:

En lugar de escribir el habitual:

<link rel="stylesheet" href="estilo.css">

Escribimos:

<link rel="stylesheet" href="estilo.css?id=<php date('u'); ?>">

El Resultado en nuestro navegador será algo así:

<link rel="stylesheet" href="estilo.css?id=1545079036">

De tal forma, que de cara al navegador, será un archivo nuevo.
Al escribir en php date(‘u’); Lo que hemos hecho ha sido insertar los segundos pasados desde el el 1 de enero de 1970. Otra opción menos friky es poner date(‘Ymdhms’); que hará que aparezcan los Years, months, days, hours, minutes y seconds… pero es más corta la otra opción.

Para saber más sobre los date(); de php consultar la guia de referencia oficial de php


Aunque esta técnica es ideal para desarrollar la web, es probable que Google Speed Test te lo notifique como una cosa a mejorar en tu web.

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