FolioElements è un bellissimo template WordPress con in quale realizzare siti web stile portfolio. Il suo campo di applicazione è vastissimo. Lo si può utilizzare dal semplice photoblog amatoriale al sito di un fotografo professionista, di un pittore, di uno scultore o di un architetto. Quello che mi ha colpito maggiormente di questo tema wordpress è la semplicità di installazione e l’essenzialità delle sue funzioni.

Installazione e Configurazione

Il pacchetto di installazione prevede la cartella “folioelements” nella quale sono contenuti tutti i file del template e la cartella “Required Plugins” con al suo interno 3 sotto cartelle. In quest’ultime si trovano 2 plugin necessari per il corretto funzionamento del tema ed il file “requirements_check.php” che non fa altro che testare la compatibilità del server ospitante con gli scripts del tema stesso.

Caricate, tramite un qualsiasi programma FTP, la cartella “folioelements” nella directory “/wp-content/themes/“. Fate la stessa identica cosa con le cartelle “simple-post-thumbnails”, “simple-video-embedder”, “requirements-check” ma questa volta caricatele nella directory dei plugin “/wp-content/plugins/“.

Attivate il plugin “requirements-check” e vedete se è tutto ok. In caso affermativo passate all’attivazione degli altri due.

• simple-post-thumbnails – E’ un plugin che consente di caricare un’immagine da associare come anteprima ad un articolo. Dopo averlo attivato andate nel suo pannello opzioni e settate le dimensioni dell’immagine in 360×238 pixel (width x height della figura 1). E’ un passaggio semplicissimo ma che consente una visualizzazione ottimale dell’anteprima. Per inserire l’immagine basterà caricarla durante la stesura dell’articolo (vedi figura 2)
• simple-video-embedder – Identico al precedente con l’unica differenza che consente il caricamento di un video (vedi figura 2).

Figura 1

Figura 2

Personalizzazione del menu di navigazione

FolioElements non ha un menù dinamico per mostrare le pagine o le categorie come un semplice blog o come la maggior parte dei template wordpress. Per default visualizza solo due pagine: la “about” e la “contact“. Ammesso che abbiate la fortuna di averle entrambi, rimane il fatto che non credo possano bastarvi. Per personalizzarle basta aprire il file header.php con qualsiasi editor di testo e trovare questo codice verso la riga 46:

<li><a href=”<?php get_content(‘page’, ‘about’); ?>” rel=”facebox” title=”About”>About</a></li> <li><a href=”<?php get_content(‘page’, ‘contact’); ?>” rel=”facebox” title=”Contact”>Contact</a></li>

e modificarlo con

<li><a href=”<?php get_content(‘page’, ‘NOMETUAPAGINA’); ?>” rel=”facebox”  title=”titolopagina”>NOMETUAPAGINA</a></li>
<li><a href=”<?php get_content(‘page’, ‘NOMETUAPAGINA’); ?>” rel=”facebox” title=”titolopagina”>NOMETUAPAGINA</a></li>

Ovviamente, qualora vogliate aggiungere un terzo link nel menu di navigazione basterà semplicemente aggiungere questo codice sotto al precedente:

<li><a href=”<?php get_content(‘page’, ‘NOMETERZAPAGINA’); ?>” rel=”facebox” title=”titolopagina”>NOMETERZAPAGINA</a></li>

Tutto qui.

Personalizzare il logo di FolioElements

Per modificare il logo basta creare una qualsiasi immagine 1600×1200 pixel, chiamarla bg.jpg e caricarla sul server nella cartella “vostrodominio/wp-content/themes/folioelements/images/” al posto di quella del template. Vi consiglio comunque di controllare bene le dimensioni del vostro logo e di attenervi il più possibile all’immagine di default altrimenti rischiate sovrapposizioni con il resto della slideshow nella home page. Un giusto compromesso del logo è dimensionarlo al max 275×145 pixel.

Demo

Download Folio Elements (52)