Tempo stimato di lettura: 6 minuti

Oggi ho deciso di descrivere tutti i cambiamenti fatti su robertobonfa.it; cambiamenti che possono essere più o meno visibili.

robertobonfa.it si è rifatto totalmente il look e oggi vado a presentarvi alcune migliorie che noterete navigando queste pagine. Direi di partire da quelli più ovvi: il template del sito è cambiato e ho provveduto a modificare interamente i colori e molte opzioni, in modo da rendere la navigazione piacevole (spero) e anche in modo da incontrare le mie preferenze.

Il template è totalmente “responsive”, ciò significa che riducendo la finestra del vostro browser, il sito muterà di aspetto, così come se lo visiterete da smartphone o tablet. Il template “padre” è un template a pagamento e si chiama X-Theme e potete acquistarne una licenza su codecanyon.
Ho provveduto personalmente ad alcune migliorie anche sotto questo aspetto: ad esempio, se visualizzate il sito da smartphone con risoluzione ridotta, lo slider dei post sparirà e riapparirà solo ad una data risoluzione (qui sotto potete visualizzare le 3 risoluzioni: Desktop – Tablet – Smartphone.

[block_grid type=”two-up”] [block_grid_item] [image class=”robertobonfa_new_look” src=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Desktop-view.png” alt=”robertobonfa – Desktop view” type=”thumbnail” link=”true” href=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Desktop-view.png” title=”Desktop view”] [/block_grid_item] [block_grid_item] [image class=”robertobonfa_new_look” src=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Tablet-view.png” alt=”robertobonfa – Tablet view” type=”thumbnail” link=”true” href=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Tablet-view.png” title=”Tablet view”] [/block_grid_item] [block_grid_item] [image class=”robertobonfa_new_look” src=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Smartphone-view.png” alt=”robertobonfa – Smartphone view” type=”thumbnail” link=”true” href=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Smartphone-view.png” title=”Smartphone view”] [/block_grid_item] [/block_grid] [lightbox selector=”.robertobonfa_new_look” deeplink=”true” opacity=”0.875″ prev_scale=”0.75″ prev_opacity=”0.75″ next_scale=”0.75″ next_opacity=”0.75″ orientation=”horizontal” thumbnails=”true”]

Le modifiche estetiche su robertobonfa.it sono quelle che più riuscirete a notare, ma vi posso assicurare che c’è stato un grosso lavoro di ottimizzazione e moltissime modifiche non estetiche che mi hanno portato via molto tempo, ma credo che queste modifiche rendano più piacevole la navigazione sul sito.
Come vedrete dalle due immagini seguenti, il sito è stato ben ottimizato…

[block_grid type=”two-up”] [block_grid_item] [image class=”robertobonfa_speedtest” src=”http://www.robertobonfa.it/wp-content/uploads/2016/02/gtmetrix.png” alt=”robertobonfa – GTMetrix Speed Site Test” type=”thumbnail” link=”true” href=”http://www.robertobonfa.it/wp-content/uploads/2016/02/gtmetrix.png” title=”GTMetrix”] [/block_grid_item] [block_grid_item] [image class=”robertobonfa_speedtest” src=”http://www.robertobonfa.it/wp-content/uploads/2016/02/tools_pingdom.png” alt=”robertobonfa – tools_pingdom Speed Site Test” type=”thumbnail” link=”true” href=”http://www.robertobonfa.it/wp-content/uploads/2016/02/tools_pingdom.png” title=”tools_pingdom”] [/block_grid_item] [/block_grid] [lightbox selector=”.robertobonfa_speedtest” deeplink=”true” opacity=”0.875″ prev_scale=”0.75″ prev_opacity=”0.75″ next_scale=”0.75″ next_opacity=”0.75″ orientation=”horizontal” thumbnails=”true”]

Un’altra “news” è il grosso + che potete trovare in alto a destra sul blog, in ogni tipo di visualizzazione.

[block_grid type=”two-up”] [block_grid_item] [image class=”robertobonfa_header_widget” src=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Header-Widget.png” alt=”robertobonfa – Header Widget” type=”thumbnail” link=”true” href=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Header-Widget.png” title=”Header Widget”] [/block_grid_item] [block_grid_item] [image class=”robertobonfa_header_widget” src=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Header-Widget_2.png” alt=”robertobonfa – Header Widget opened” type=”thumbnail” link=”true” href=”http://www.robertobonfa.it/wp-content/uploads/2016/02/Header-Widget_2.png” title=”Header Widget opened”] [/block_grid_item] [/block_grid] [lightbox selector=”.robertobonfa_header_widget” deeplink=”true” opacity=”0.875″ prev_scale=”0.75″ prev_opacity=”0.75″ next_scale=”0.75″ next_opacity=”0.75″ orientation=”horizontal” thumbnails=”true”]

Altra modifica su robertobonfa.it, rispetto a prima, è il menu di navigazione che ora comprende molti più link che danno accesso veloce a tutto il sito e alle sue sezioni…

robertobonfa - menu

Ulteriori modifiche sono, come già detto sopra, l’inserimento di uno slider con alcuni articoli in evidenza nella homepage:

robertobonfa - slider

Aggiunti i TAGS con cui sono etichettati gli articoli scritti (di default, il template non lo prevedeva):

robertobonfa - tags

Inserita la condivisione (nativa) degli articoli; a fondo di ogni articolo troverete la possibilità di condividere il post che avrete letto:

robertobonfa - condivisione

Implementati – nel footer (fondo pagina) del sito – i link ai miei profili social:

robertobonfa - social

Aggiunto anche un sistema di commenti che è più “professionale” e social, ossia disqus (indiscusso leader dei sistemi di commenti) con un plugin modificato (non quello standard):

robertobonfa - disqus

Infine un’altra piccola cosa… quando scorrerete una pagina del sito, ad un certo punto, in basso sulla destra, comparirà il “Fly to Top”, ossia un pulsante che vi permetterà di tornare a inizio pagina in millesimo di secondo (la prossima immagine è una GIF animata…):

robertobonfa - fly to top

Le attuali modifiche su robertobonfa.it sono tutte qui, per ora; a breve integrerò un sistema di punteggio per le recensioni dei prodotti e altro ancora…
Spero realmente che tutte queste modifiche vi piacciano e vi troviate bene.

Buona navigazione!

(Visited 1 times, 1 visits today)