Stendhal, un template WordPress pulito, responsive e...gratis!

Transcript

1 Stendhal, un template WordPress pulito, responsive e...gratis! La passione per il design pulito e il senso del bello insito nel concept di questo progetto fanno capire che il tema che ti proponiamo oggi non poteva essere chiamato diversamente. Stendhal è il nome di uno scrittore francese notoriamente innamorato dell Italia e della sua arte. E noi - italianissimi fino alla cima dei capelli - ci siamo ispirati a questi sentimenti per progettare prima e sviluppare poi un corporate/portfolio theme in grado di offrire: armonia estetica usabilità facilità d uso flessibilità Ovviamente, è un tema responsive. Anzi, direi di più: è spudoratamente responsive, nel senso che forse più di altri sembra essere ancora più gradevole proprio quando lo apri in un iphone o in un ipad. Ma questo voglio che sia tu a vederlo con i tuoi occhi. Scarica subito la versione free di Stendhal e mettilo in funzione. 1 / 47

2 2 / 47

3 3 / 47

4 Caratteristiche tecniche generali Stendhal è uno di quei temi che se lo noti solamente, ma non hai tempo di esplorarlo, lo metti tra i preferiti, perché non vuoi smarrire la traccia di qualcosa che ti appare subito come un occasione importante di conoscere le cose ben fatte. Ma se hai tempo - c è poco da fare - lo navighi fino all indigestione. Il motivo è molto semplice: offre una quantità tale di super-dettagli e finezze di precisione grafiche, tipografiche, strutturali etc. che non puoi fare a meno di andare a verificare personalmente ogni sua feature. Naturalmente, come tutti i nostri temi, anche Stendhal può essere montato e impostato persino dai meno esperti grazie a un potente pannello di amministrazione che permette di gestire facilmente la configurazione di ogni singolo elemento. Logo Il logo è il primo elemento a cui deve pensare un web master nella fase in cui monta le pagine del suo sito. Ed è per questo che il pannello di Stendhal si apre proprio con questo tipo di configurazione. 4 / 47

5 La configurazione della prima sezione del pannello Le opzioni di configurazione della prima sezione del pannello (accessibili da Stendhal Free > Theme Options) sono molto avanzate. L utente può avere il controllo su: customizzazione del logo; tag-line; favicon: breadcrumb; layout del sito (questo è fantastico); comportamento responsive. 5 / 47

6 Footer Nella seconda tab del pannello troviamo la sezione dedicata al footer, dove l utente può scegliere diversi tipi di footer, oltre che personalizzare i testi e i link mostrati di default da Stendhal. 6 / 47

7 Pagine 404, archivio, categorie e ricerca Segue una sezione in cui l utente può configurare alcune preferenze riguardanti: la pagina 404, può decidere se attivarla la pagina archivio, può decidere se attivarla, quale titolo dare alla pagina e se mostrare i contenuti o un excerpt degli stessi la pagina categorie, come sopra la pagina ricerca, come sopra 7 / 47

8 Blog Centro nevralgico e vitale di un business moderno, il blog è uno strumento di formidabile comunicazione che oramai difficilmente può mancare nel tuo WordPress. Un tema deve possedere tante caratteristiche per essere un tema di qualità. Ma di sicuro non potrà mai esserlo se non permette all utente di personalizzare fortemente il suo blog con passaggi semplici e intuitivi. Il pannello di Stendhal è stato progettato per dare la massima autonomia di configurazione. 8 / 47

9 Il primo passaggio riguarda le categorie che si vogliono escludere: dalla blog page o dalla lista delle categorie che compare in sidebar 9 / 47

10 Nello screenshot si vede attiva solo la Uncategorized. Ma prova a immaginare tutte le tue categorie di argomenti. Un lungo elenco. Quali di queste vuoi far comparire nella home page e tenere nascoste nella blog page? E quali di queste non deve apparire nell elenco della sidebar? Sembra una caratteristica di poco conto. In realtà, è un opzione molto intelligente che può fare la differenza nella gestione dei contenuti. Seguono altre 7 opzioni che si attivano o disattivano semplicemente con lo switch on/off, più un campo testo. E sono: Show featured image, per attivare o disattivare sulla blog page un immagine di evidenza. Show featured image detail, per attivare o disattivare l immagine di evidenza anche nel single post. Show date, per mostrare la data nei post. Show author, per indicare l autore del post. Show comments, per mostrare il numero dei commenti nel post. Show read more button, per mostrare il pulsante read more che porta dalla pagina del blog al single post. Read more text: in questo campo puoi scrivere un testo alternativo a read more (es. continua, more info, go etc.) Show tags, per mostrare i tag nel post. Di default, tutte queste opzioni sono su on. 10 / 47

11 11 / 47

12 Testimonials Mostrare agli altri ciò che pensano i lettori/clienti è un buon modo di costruirsi credibilità e autorevolezza. Ancora meglio se le testimonianze sono strutturate in modo chiaro e professionale. Stendhal offre quattro modi diversi di mostrare i feedback, ma non preclude all utente la possibilità di impostare alcune scelte. Con due switch on/off e una scelta a tendina: Show Thumbnail: puoi decidere di mostrare oppure no la foto thumbnail del testimone. È facile come bere un bicchiere d acqua. Link to testimonial detail page: puoi decidere di linkare oppure no il sito del testimone. Testimonial text type: per mostrare tutto il feedback oppure solo una parte di esso. Da notare lo slide che indica il numero delle parole da mostrare per ogni testimonianza. 12 / 47

13 13 / 47

14 Custom Codes Abbiamo fatto molto per semplificare le fasi di configurazione del tema. Tuttavia, abbiamo tenuto conto anche dell esigenza degli utenti più avanzati, quelli che hanno esperienza di codice e intendono customizzare ulteriormente gli elementi del tema. Infatti, nell ultima sezione del pannello di Stendhal ci sono dei campi custom in cui puoi modificare sia lo stile che il javascript. 14 / 47

15 Sidebar Poter scegliere dove posizionare la sidebar è sicuramente uno dei punti di forza di Stendhal. Ma oltre a posizionarla, il pannello permette anche di sceglierne il tipo a seconda della pagina nella quale dovrà mostrare i suoi widget. 15 / 47

16 Sia per le pagine che per i post, il pannello offre subito due settaggi: Il pulsante switch, per abilitare o disabilitare una specifica sidebar per tutti i tipi di pagina. La scelta del posizionamento della sidebar (destra o sinistra) o di un layout senza sidebar. E come già detto, c è anche un menu a tendina per la scelta del tipo di sidebar. Services Stendhal è un tema pensato per dare visibilità a siti di tipo corporate/portfolio. Il che vuol dire che 16 / 47

17 una delle pagine più importanti di un sito che faccia uso di questo tema è la pagina dei servizi. Per questo, abbiamo realizzato appositamente un nostro custom post type. L utente può creare una o più pagine di servizi in modo semplice e professionale. Tra gli strumenti dell editor c è un pulsante per gli shortcode da usare su questa pagina. Senza scrivere una sola riga di codice, puoi configurare pulsanti, icone o mostrare i servizi nella modalità che preferisci. Molto semplice e intuitivo. 17 / 47

18 Menu Drag & Drop I menu di Stendhal sono compatibili con il sistema Drag & Drop introdotto nella versione 3.0 di WordPress. Per creare il menu di navigazione principale devi trascinare gli elementi nell area apposita. 18 / 47

19 Localizzazione Il tema è localizzato in lingua inglese. Utilizzando il file di traduzione che abbiamo rilasciato insieme al tema puoi tradurlo in ogni altra lingua necessaria. File di supporto Insieme al tema, rilasciamo un file di supporto che ti aiuta nell intero processo di configurazione del tema. 19 / 47

20 Per ovvie ragioni, non possiamo offrire supporto per ogni utente che abbia scaricato e messo in uso Stendhal, dato che sarebbe impossibile per noi tenere il passo di tutte le richieste senza penalizzare il nostro lavoro, considerando altresì il numero degli utenti che oggi ci segue e la possibilità che questo tema possa essere presente probabilmente anche nella directory ufficiale di WordPress. Per segnalare eventuali bug puoi utilizzare i commenti di questo articolo. La versione Premium di Stendhal Si poteva fare più di quanto abbiamo già fatto? Certo che sì. Non c è limite alla voglia di andare oltre. E infatti, per gli utenti più avanzati, con esigenze di maggiori performance e ulteriori funzioni, abbiamo sviluppato una versione premium di Stendhal. E qui di seguito ne vediamo le caratteristiche: Free Support VideoTutorials 8 tipi di slider Estensione delle opzioni del tema SEO Colori illimitati Più di 200 font della libreria di Google Uploader di Background + 50 backgrounds Illimitati moduli di contatto con validatore JavaScript Videogallery About Page 4 differenti stili di portfolio Gestore di Shortcode con più di 300 Shortcode Sample data Custom Widget 8 tipi di slider Ora che siamo nella dimensione premium, l utente non deve semplicemente montarsi un sito, ma scegliere il modo più adeguato per mostrare i suoi contenuti e lasciare il segno nella mente dei navigatori Sulla home page, questa esigenza si sintetizza facilmente in una tecnologia di codice che si chiama slider. Nella versione premium di Stendhal ci sono 8 differenti slider: 1. Revolution 2. Flex Slider Elegant 20 / 47

21 Flex Slider Flash Elastic Rotating Thumbnails Usquare 21 / 47

22 22 / 47

23 Estensione delle opzioni del tema Con la versione premium puoi avere il completo controllo su ogni singolo elemento di gestione, di amministrazione, di creazione e persino di promozione e indicizzazione del tuo sito. SEO Stendhal ti permette di ottimizzare il tuo sito e i tuoi contenuti per i motori di ricerca grazie a: un pannello appositamente creato per sito, pagine, post e custom post type; metabox SEO di Stendhal presenti in ogni pagina o post. 23 / 47

24 Colori illimitati Puoi editare facilmente i colori di ogni sezione o elemento, dal testo ai link, dagli slogan ai pulsanti etc. 24 / 47

25 Più di 600 font dalla libreria di Google Per una migliore e più piacevole tipografia delle tue pagine, puoi scegliere fra oltre 600 differenti font e metterle in uso su logo, titoli, slogan, testo etc. 25 / 47

26 Uploader di Background + 50 backgrounds Oltre all infinità di colori che puoi montare grazie al color picker, con Stendhal ha la possibilità di caricare facilmente un pattern o una qualsiasi immagine per personalizzare lo sfondo delle tue pagine. 26 / 47

27 Illimitati moduli di contatto con validazione Javascript Puoi creare un numero illimitato di moduli di contatto, uno per ogni tua esigenza, in modo semplice direttamente dai custom post type di Stendhal. 27 / 47

28 About Page Una delle pagine più importanti di un sito, forse una delle prime ad essere visitate dai navigatori per avere subito un idea di chi gestisce il portale, è l about page. Più tempo si dedica a questa pagina, migliore sarà l impatto dei lettori. E una questione di prima buona impressione. I nostri progettisti hanno lavorato molto sugli equilibri e sugli spazi per ottenere un risultato professionale come quello che vi mostriamo con Stendhal. 28 / 47

29 Il tema permette di scegliere anche uno stile diverso per mostrare il proprio team. E l U-square Style. Eccolo: 29 / 47

30 13 differenti stili di portfolio Abbiamo già detto che Stendhal è un portfolio theme. Ma non abbiamo ancora detto che a differenza di altri permette di mostrare i propri lavori/progetti in 13 modi differenti. Vediamoli. Simply Con uno slider di immagini a sinistra e descrizione e info a destra. Ma c è altro da vedere nella pagina per cui vale la pena di scegliere questa soluzione 30 / 47

31 Fancy Quattro thumbnail per ogni riga. Una soluzione classica ma sempre valida. 31 / 47

32 Thumbs Se cerchi una soluzione più adorabile a primo acchito, allora non puoi trascurare la Thumbs. 32 / 47

33 Pinterest Non servono molte parole per spiegare questa soluzione. Pinterest, oltre che un social, è stato per molti anche uno stile nuovo di mostrare i contenuti. E noi ve lo proponiamo con questo tipo di layout portfolio: 33 / 47

34 Slide Detail Prova a passare il mouse sulle thumbnail e dimmi: cosa si prova? 34 / 47

35 Filterable Le etichette per selezionare la categoria di progetti sono davvero deliziose. 35 / 47

36 A due colonne Ordinato e notevole. Uno layout per chi ha belle immagini da mostrare subito. 36 / 47

37 A 3 colonne Una colonna in più allo stile di prima. Si riducono le immagini, ma si aumenta il numero dei progetti 37 / 47

38 esposti. A 4 colonne E ancora una colonna in più, per dare una visione più generale del tuo portfolio clienti/lavori. 38 / 47

39 Big Image E se il progetto è veramente over the top? Bè, in tal caso, questa soluzione è ideale: 39 / 47

40 40 / 47

41 Slider A volte servono soluzioni di navigabilità ed economia degli spazi. Eccola: Project detail #1 e 2 E se invece volessimo dare più informazioni sul progetto sin da subito? Niente paura. Stendhal aggiunge alle numerose soluzioni portfolio anche due layout per i dettagli. Vediamoli: 41 / 47

42 42 / 47

43 Gestore di Shortcode con più di 300 Shortcode Con un solo clic puoi aggiungere elementi di estetica, di usabilità o di contenuto alle tue pagine web (video, slider, bottoni, tabs etc.). 43 / 47

44 44 / 47

45 Sample data Con un semplice clic puoi importare il nostro file demo e avere in solo istante il tuo sito esattamente uguale alla nostra preview (per poi modificare i contenuti in base alle tue esigenze). Custom Widget Con l installazione di Stendhal installi anche una serie di widget (ultimi progetti, testimonianze etc.) non presenti nel tuo WordPress di base. 45 / 47

46 Free Support 46 / 47

47 Con la versione Premium avrai assistenza ogni volta che ne avrai bisogno. Ti sarà sufficiente aprire un ticket. E il team di YITHEMES si occuperà di te. VideoTutorials Anche per la versione premium, la configurazione è veramente facile, grazie ai nostri video tutorial dettagliati che ti guidano passo-passo nella costruzione del tuo sito WordPress. Conclusioni A questo punto, non resta che mettere alla prova Stendhal e capire se con la sua grafica, con le sue soluzioni, con le sue mille funzioni possa concretamente soddisfare al meglio le tue esigenze. Noi siamo pronti a scommettere di sì, perché conosciamo la sua flessibilità, ma soprattutto sappiamo come è fatto il suo pannello di controllo, facile da usare, intuitivo e strutturalmente concepito per tutti, anche per chi ha scarsa esperienza con gli strumenti di WordPress. Ma facciamo così: fatti un giro sulla preview. E se poi credi che Stendhal possa essere per te una buona soluzione, allora scaricati la versione free, installala e comincia usarla. Del resto, se le cose devono capitare, capitano e basta. E se questo tema è nato per essere il tuo tema, te ne accorgerai subito. Buona esplorazione. 47 / 47 Powered by TCPDF (