Penso che lo slideshow dei post “in evidenza” di questo blog sia ben visibile.. Bene, oggi voglio spiegare come è stato realizzato..

Tutto ruota intorno al plugin Featured Content Gallery, il quale non fa altro che creare uno slideshow con alcuni post che noi gli andiamo ad indicare. L’installazione è semplicissima, basta scaricare l’archivio compresso e decomprimerlo, per poi uppare la directory featured-content-gallery nella directory /wp-content/plugins del server; oppure, più semplicemente, installarlo automaticamente online con l’apposita funzione dal pannello di controllo di WP.. 😉

Veniamo alla configurazione, per prima cosa ovviamente il plugin va attivato, poi va inserita la seguente linea di codice nel punto in cui vogliamo piazzare il nostro slideshow, quindi da Aspetto -> Editor andate nel file del vostro template più appropriato ed inserite:

<?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?>

A questo punto andiamo nel Setup del plugin (dal menu Impostazioni -> Featured Content Gallery), questo è ciò che vedremo:

Come vedete, le opzioni sono estremamente intuitive, si tratta semplicemente di dichiarare quale categoria deve essere collegata alla gallery (o quali post), le dimensioni della gallery stessa, il colore di bordo e sfondo, il numero di parole visualizzate nella descrizione e così via..

Molto importante, la vostra gallery ancora non funziona!! Per includere effettivamente gli articoli (attenzione, devono essere almeno due perchè tutto funzioni correttamente), dovete includere un campo personalizzato ai post. Come??

Semplice, nell’editor che avete sempre usato per scrivere i vostri post, proprio sotto la finestra di inserimento, esiste una finestra “Campi personalizzati“; bene, in questa finestra cliccate su Aggiungere nuovo e poi come nome usate articleimg e come valore l’URL dell’immagine che dovrà apparire nella gallery, poi cliccate su Aggiungi campo personalizzato. Ovviamente questo va fatto per ogni post da includere in gallery (nel mio caso, ogni articolo della categoria in evidenza, compreso questo)..

A questo punto è tutto a posto, la gallery funziona!!

O no?!?!?!?

Dopo aver configurato il tutto, mi sono reso conto che il mio blog si era ridotto ai soli 5 articoli compresi nella gallery!!

Questo problema non si presenta sempre, come descritto nel forum ufficiale del plugin, è un problema dovuto all’inserimento della linea di codice relativa al plugin nel file header.php del template (cosa che ovviamente avviene per questo blog); in tal caso (e solo in tal caso, altrimenti il plugin funziona subito!!) la soluzione consiste nel modificare il file gallery.php del plugin.

Andate allora in Plugin -> Editor e nel box in alto a destra selezionate il plugin Featured Content Gallery, cliccate su Seleziona e poi cliccate sul file featured-content-gallery/gallery.php, nel box accanto semplicemente sovrascrivete l’intero contenuto con il seguente:

<div id="featured">
 <script type="text/javascript">
  function startGallery() {
   var myGallery = new gallery($('myGallery'), {
    timed: true
   });
  }
  window.addEvent('domready',startGallery);
 </script>

 <style type="text/css">
  .jdGallery .slideInfoZone
  {
    height: <?php echo get_option('gallery-info'); ?>px;
  }
 </style>

 <div id="myGallery">
 <?php
  $imgthumb = get_option('gallery-use-thumb-image') ? "thumbnailimg" : "articleimg";
  $wordquantity = get_option('gallery-rss-word-quantity') ?  get_option('gallery-rss-word-quantity') : 100;
  if (get_option('gallery-way') == 'new')   {//new way
   $arr = split(",",get_option('gallery-items-pages'));
  if (get_option('gallery-randomize-pages'))
   {
    shuffle($arr);
   }
  foreach ($arr as $post_or_page_id)
   {
    get_a_post($post_or_page_id); ?>
    <div>
     <h2><?php the_title() ?></h2>
      <?php
       if(get_option('gallery-use-featured-content')) {?>
        <p><?php $key="featuredtext"; echo get_post_meta($post->ID, $key, true); ?></p>
        <?php
       } else {
        ?>
        <p><?php the_content_rss('', 0, '', $wordquantity); ?></p>
        <?php
       }
      ?>
      <a href="<?php the_permalink() ?>" title="Read More"></a>
      <img src="<?php $key="articleimg"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" />
      <img src="<?php $key=$imgthumb; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" />
      </div>
      <?php
     } ?>
     </div>
     <?php
    }
   else { ?>
    <?php $my_query = new WP_Query('category_name=' . get_option('gallery-category') . '&showposts=' . get_option('gallery-items'));   ?>
    <?php while ($my_query->have_posts())
   {
   $my_query->the_post();  ?>
   <div>
   <h2><?php the_title() ?></h2>
   <?php
   if(get_option('gallery-use-featured-content')) {?>
    <p><?php $key="featuredtext"; echo get_post_meta($post->ID, $key, true); ?></p>
    <?php
   } else {
    ?>
    <p><?php the_content_rss('', 0, '', $wordquantity); ?></p>
    <?php
   }
   ?>
   <a href="<?php the_permalink() ?>" title="Read More"></a>
   <img src="<?php $key="articleimg"; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" />
   <img src="<?php $key=$imgthumb; echo get_post_meta($post->ID, $key, true); ?>" alt="<?php $key="alttext"; echo get_post_meta($post->ID, $key, true); ?>" />
   </div>
   <?php } ?>
   </div>
   <?php
  }?>

</div>

A questo punto avete finito.. Cliccate su Aggiorna file, selezionate gli articoli da evidenziare e godetevi la vostra gallery!! 😉

Alla prossima..

Share
Molto scarsoScarsoSufficienteBuonoOttimo (2 voti, media: 5,00 su 5)
Loading...

Licenza

Creative Commons License
RedBlue's Blog di RedBlue è rilasciato sotto licenza Creative Commons 2.5 Italia.

Badges

Cionfs'Forum CMS Check PageRank

Other

Se hai trovato utile questo blog, supportalo con una piccola donazione per l'hosting..


Locations of visitors to this page