Utilizzando questo sito accetti il nostro uso dei cookie. Approfondisci

Creare una pagina archivio immagini senza plugin in WordPress

Creare una pagina archivio immagini senza plugin in WordPress


Ti serve creare una pagina archivio di tutti gli articoli divisi per mese e anno, ma mostrando solamente le immagini d’anteprima e senza plugin (in WordPress)? Allora sei nel posto giusto :) Ecco il risultato:

archivio immagini

Per farlo ho adattato il codice che ho proposto nell’articolo come creare una pagina archivio senza plugin.

Per semplificarti la vita, ecco il file già pronto e finito, solo da scaricare… clicca qui per il download.

Ma partiamo dall’inizio…

Per fare il test ho utilizzato il tema Twenty Twelve, quindi probabilmente il file va adattato al tuo tema (anche se dovrebbe andare ugualmente). Ho duplicato il file page.php che contiene tutti i codici che vengono usati dal tema per mostrare le pagine, e l’ho rinominato in page-archive-images.php (ma il nome non è così importante).

Da notare che il file va messo via FTP proprio dove è presente il file page.php (ovvero rimane nella cartella del tema).

Dopodichè ho aggiunto questa intestazione nella parte commentata iniziale:

Template Name: Archivio Immagini

Dice a WordPress che questo file è un file di template di nome Archivio Immagini, ovvero permette di cambiare la struttura delle pagine tramite un semplice menù a tendina che comparirà nella sidebar a destra dell’editor della pagina:

Template personalizzato

Ovviamente ora devi selezionare questo template :)

Attualmente la pagina rimane vuota perchè il file è quello di default, ma fra poco…

Copia questo codice ed incollalo al posto del codice che attualmente viene utilizzato per mostrare il contenuto della pagina (in questo caso tra <div id=”content” role=”main”> e </div><!– #content –>):


<?php
/*
/ mostra l'archivio di un blog WordPress con solo le immagini, senza usare nessun plugin
*/
$ultimo_articolo = $wpdb->get_var("SELECT ID FROM $wpdb->posts WHERE post_date <'" . current_time('mysql') . "' AND post_status='publish' AND post_type='post' AND post_password='' ORDER BY post_date DESC LIMIT 1");
//$output = get_option('hfy_archives_'.$ultimo_articolo);

if(empty($output)){
$output = '';
$wpdb->query("DELETE FROM $wpdb->options WHERE option_name LIKE 'hfy_archives_%'");
// Legge tutti i mesi che hanno almeno un post
$query_mese = "SELECT DISTINCT YEAR(post_date) AS year, MONTH(post_date) AS month, count(ID) as posts FROM " . $wpdb->posts . " WHERE post_date <'" . current_time('mysql') . "' AND post_status='publish' AND post_type='post' AND post_password='' GROUP BY YEAR(post_date), MONTH(post_date) ORDER BY post_date DESC";
$risultati_mese = $wpdb->get_results($query_mese);

if ($risultati_mese) {
// Estrae i risultati per ogni mese
foreach ($risultati_mese as $risultato_mese) {
$questo_mese    = zeroise($risultato_mese->month, 2);
$questo_anno    = $risultato_mese->year;

// Estrae tutti i post per il mese corrente
$query_post = "SELECT ID, post_date, post_title, comment_count FROM " . $wpdb->posts . " WHERE post_date LIKE '$questo_anno-$questo_mese-%' AND post_date AND post_status='publish' AND post_type='post' AND post_password='' ORDER BY post_date DESC";
$risultati_post = $wpdb->get_results($query_post);

if ($risultati_post) {
// Mostra il nome del mese e anno
$text = sprintf('%s %d', $month[zeroise($risultato_mese->month,2)], $risultato_mese->year);
$postcount = count($risultati_post);
$output .= '<p><h2>' . $text . '</h2></p>';
$output .= "<ul class='archives-images-list'>\n";

foreach ($risultati_post as $risultato_post) {
if ($risultato_post->post_date != '0000-00-00 00:00:00') {
// legge l'URL dell'articolo
$url = get_permalink($risultato_post->ID);
// legge l'URL dell'immagine in evidenza
$ima = get_the_post_thumbnail($risultato_post->ID, 'thumbnail');
// Estrae il titolo dell'articolo
$arc_title    = $risultato_post->post_title;
if ($arc_title)
$text = wptexturize(strip_tags($arc_title));
else
$text = $risultato_post->ID;
$title_text = __('Leggi'). ' &quot;' . wp_specialchars($text, 1) . '&quot;';
// mostra l'immagine con il relativo link
$output .= '    <li>' . "<a href='$url' title='$title_text'>$ima</a>";
$output .= "</li>\n";
}
}
$output .= "</ul>\n\n";
}
}
update_option('hfy_archives_'.$ultimo_articolo,$output);
}
else{
$output = '<strong>'. __('ERROR:') .'</strong> '. __('No items were found to be displayed.') .'';
}
}
echo $output;
?>

Ora devi dargli un po’ di stile, altrimenti le immagini verranno mostrate una sotto l’altra.

Aggiungi questo codice alla fine del file style.css del tema:

.archives-images-list img{
margin:15px 15px 15px 0;
float: left;
}

Ho impostato un margine da 15px e un float sinistro (così da affiancare tutte le immagini). Da notare che è possibile anche modificare le dimensioni delle immagini, agendo sulle thumbnails. Ad esempio, usando ‘array(100,100)’ al posto di ‘thumbnail’, verrà mostrata un’immagine di 100×100 px.

Il risultato è davvero molto semplice, ma è giusto per metterti sulla buona strada :) Sei libero di personalizzare il codice come meglio credi!

Se non vedi niente, è perchè non hai impostato l’immagine in evidenza per gli articoli (c’è proprio un campo a destra nell’editor della pagina).

Quando hai terminato le modifiche, elimina i // che trovi alla riga 6. In questo modo mantiene la pagina salvata in memoria fino a che non viene creato un nuovo articolo (funziona da cache), per evitare di continuare a fare delle richieste inutili al database.


VUOI CREARE IL TUO SITO O BLOG WORDPRESS?

Scegli uno tra i migliori hosting per WordPress

HOSTING

Scegli uno tra i migliori hosting per WordPress

Hosting

Scegli uno tra i migliori temi WordPress professionali

GRAFICA

Scegli uno tra i migliori temi WordPress professionali

Grafica

Guide e risorse per gestire il sito WordPress a 360°

GESTIONE

Guide e risorse per gestire il sito WordPress a 360°

Gestione

EMAIL NEWSLETTER

Vuoi ricevere i miei ultimi articoli
comodamente nella tua email? È gratis!
Ben 3552 persone lo stanno già facendo!
Anonimo
   
con le dita sempre in costante, frenetico movimento sulla tastiera… vengo spesso trascinato e catturato “in rete” per colpa delle mille idee che mi girano per la testa (prima o poi troverò quella giusta)… dal futuro incerto (nonostante una laurea, e chi non lo è?..siamo in tanti!) .. credo fortemente nella condivisione della conoscenza!
3 Commenti
  • Roberto Iacono

    Attenzione che se hai già creato l’archivio dei post come ho descritto nell’altro articolo, dovresti sostituire “hfy_archives_” con un atro nome, ad esempio “hfy_archives_images”

  • stefano

    Ciao roberto,
    come sempre risorse utilissime le tue. :)

    Ho seguito le istruzioni alla lettera, ma alla fine non vedo alcun template dal backend della pagina e se vado a richiamare l’anteprima viene fuori quest’errore:

    “Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 339562 bytes) in /web/htdocs/www.xxxxxxx.it/home/wp-content/themes/xxxxxxxxx/page-archive-images.php on line 69″

    E’ il mio DB che ha qualcosa che non va?

    • Roberto Iacono

      Ciao Stefano,
      prova a copiare il tuo file che genera la pagina (page.php). Poi senza eliminare niente (è solo per fare un test), la rinomini, aggiungi la stringa del template e vedi cosa succede. Se si vede, aggiungi anche il codice che ho fornito… Se hai già usato il codice per mostrare l’archivio normale, leggi il mio commento precedente.

Seguimi

Scarica gli ebook gratuiti

Vuoi creare e gestire il tuo blog WordPress autonomamente ed in maniera gratuita?

Allora scarica gratuitamente gli ebook Blogging Box e Le 30+ cose da non fare con WordPress, inserisci la tua email qui sotto:
13584+
Scarica gratuitamente gli ebook!

Per maggiori informazioni guarda questa pagina per la Blogging Box e questa per le 30+ cose da non fare con WordPress.

Scarica gli ebook gratuiti

Vuoi creare e gestire il tuo blog WordPress autonomamente ed in maniera gratuita?

Allora scarica gratuitamente gli ebook Blogging Box e Le 30+ cose da non fare con WordPress, inserisci la tua email qui sotto:
13584+
Scarica gratuitamente gli ebook!

Per maggiori informazioni guarda questa pagina per la Blogging Box e questa per le 30+ cose da non fare con WordPress.
Unisciti agli oltre 10999 lettori
che seguono questo blog
3152
982
2251
4614