Webfolio è un meraviglioso tema wordpress premium, scaricabile gratuitamente da questo sito, con il quale progettare e realizzare siti web altamente professionali. Per la sua struttura e per il suo layout si presta meravigliosamente per siti portfolio e business con un’evidente design web 2.0. Dotato di molteplici funzioni, è predisposto per una slideshow in homepage da cui visualizzare i contenuti in evidenza. Gestisce, tramite un template interno, una gallery per portfolio o showcase. Webfolio è completamente Seo Friendly grazie ad un accurata scrittura del codice ed è altamente personalizzabile mediante un comodo pannello di controllo.

Z95UADWCMG3Y

Cominciamo ad esplorare questo tema wordpress di qualità.

Caratteristiche e Funzionalità

• Widget ready;
• Pannello Opzioni del Tema dal quale settare facilmente le funzioni principali;
• Cufon Font Replacement Support ( http://cufon.shoqolate.com/generate/ );
• Immagini ridimensionate automaticametne tramite lo script TimThumb ( http://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/);
• Bellissima slide in home page grazie al plugin incorporato Stepcarousel JQuery Slider ( http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm );
• Immagini visualizzate con JQuery Lightbox ( http://leandrovieira.com/projects/jquery/lightbox/ );
• Menu animato tramite JQuery Superfish Dropdown Menus ( http://plugins.jquery.com/project/Superfish ;
• Moduli gestiti da JQuery;
• Modulo contatti basato su Ajax;
• Controllo live delle email inserite;

Pannello Opzioni Webfolio

WebFolio presenta un proprio pannello di controllo raggiungibile dalla dashboard ( Aspetto > Webfolio Options) nella quale si potranno gestire quasi tutte le funzionalità del tema senza modificare una sola riga di codice:

1. Il Logo del sito web - Basterà inserire la url completa dell’immagine ed il testo per il tag ALT.

2. Cufon Text Replacement – Webfolio usa di default il font “Fertigo Pro” per i tag H1, H2, e per la top tagline. Per fare ciò sfrutta uno script che consente di sostiruire ogni singolo carattere inserito con delle immagini che ne riproducono la scritta. Il tutto, comunque, può essere tranquillamente disabilitato impostando a ‘NO’ la relativa opzione. Questo farà si che i tag di cui sopra saranno visualizzati con il più classico font Arial. Questa potenzialità del tema webfolio consente di utilizzare font personalizzati per i tag citati senza rischiare che i visitatori che non ce l’hanno installati sui propri PC non vedano esattamente i testi. Per fare tutto ciò bisogna generare il proprio font cufon e cambiare il percorso nella pagina header.php. Di seguito il link allo script originale per creare lo script per il proprio font: http://cufon.shoqolate.com/generate/

3. Portfolio Category ID – Specificare la categoria che verrà utilizzata per la creazione della pagina Portfolio. Guardare la demo per vedere l’effetto ottenuto.

4. Indirizzo Email per la pagina Contatti – Inserire l’indirizzo di posta elettronica che verrà automaticamente gestito dallo script Ajax della pagina contatti (solitamente si mette la mail di gestione del sito).

5. Escludere determinate Pagine e Categorie dal menu navigazione Top e dal footer – Webfolio consente di creare dei box di testo legati a delle specifiche pagine (ad esempio ‘Servizi’, ‘About’, ‘Info’ della demo) pertanto potrebbe essere superfluo che le stesse pagine o categorie appaiano anche nel menu top della header o nel footer. Per gestire al meglio il tutto Webfolio permette di decidere autonomamente quali pagine e categorie visualizzare. Basta soltanto conoscere l’ID e gestirle tramite le Opzioni del Tema Webfolio .

6. Boxes nella homepage – Dopo aver semplicemente creato le pagine queste saranno selezionabili dal pannello delle opzioni di Webfolio ed il loro contenuto visualizzato direttamente nella home page. Questi box potranno essere rimossi in qualsiasi momento dalla homepage.

7. Social Networking - Da questo menu si può abilitare o disabilitare il box nel footer dedicato ai Social Network. Qualora non si voglia utilizzare questa funzione si hanno a disposizione ben 3 spazi liberi per inserirci tutti i widget di wordpress che si vuole. If enabled you have to eneter your social links. It is not necessary to have them all set.

8. Add Google Analytics code – In questo campo si può inserire l’eventuale codice Analytics di Google per tracciare le visite al sito web.

Settaggio delle Slider in homepage

Per visualizzare la Slide con gli articoli in evidenza (feature) ci sarà bisogno di:

1. Inserire un testo riassuntivo nell’editor dei post;

2. Aggiungere un campo personalizzato chiamato ‘featured‘ con valore ‘1‘.

3. Aggiungere un campo personalizzato chiamato ‘featured_image‘ e valorizzarlo con l’intera URL dell’immagine che si vorrà inserire nello slider stesso. L’immagine, per essere perfettamente integrata con il layout del sito ,dovrà avere le seguenti dimensioni: 600 x 337 px.

Pagina Portfolio

Per mostrare l’eventuale pagina portfolio o showcase il tema wordpress WebFolio utilizza una pagina apposita, la portfolio.php, con la quale estrapola le thumbnails degli articoli in maniera automatica (si serve dello script timthumb). L’immagine prelevata per le anteprime sarà la prima inserita nel post nell’articolo pertanto, basterà semplicemente inserirne una con l’apposito pulsante ‘Aggiungi Media’ durante l’editor dell’articolo.

Pagina Contatti

WebFolio ha un semplice ma potente template nativo, gestito in Ajax, per l’eventuale pagina ‘Contatti’ del sito. Per crearla non bisognerà far altro che aggiungere una nuova pagina e scegliere il template ‘Contact’ dal menù a destra.

Lightbox

Per aggiungere l’effetto Lightbox alle immagini basta semplicemente aggiungere il tag class=”lightbox” alla classe  dell’immagine stessa durante il suo inserimento.

Installazione e Personalizzazione del Tema

• Scaricate il file zip;
• scompattate il contenuto nel vostro hard disk;
• Copiate, tramite FTP, il solo contenuto della cartella “webfolio” nella directory “wp-content/themes/” del vostro sito;
• attivate il tema  nell’area “Aspetto” della vostra Dashboard;
• personalizzate seguendo le istruzioni di cui sopra

Licenza

• Il tema WebFolio è Gratis sotto Licenza Creative Commons.
• Autore

Demo

Download Webfolio (409)