FotoPixel Tema

Il Tema FotoPixel può essere installato in due modi

• Installazione Automatica - Viene installato il sito identico nella demo, completo delle pagine e plugin preconfigurati. Dopo aver installato il sito con il Tema, si deve solo adattare il contenuto alle proprie esigenze. Per ulteriori informazioni consulta la guida dettagliata https://itroom.it/Sito-con-WordPress

• Installazione Manuale - Scarica il Tema ed installa con l'installer di WordPress.

• Effettua il login nel pannello amministrativo di WordPress e prosegui in Aspetto > Temi e clicca pulsante Aggiungi nuovo. Successivamente si apre il pannello come nell'immagine successiva. Clicca su Carica Tema per caricare
  

Il Tema supporta di default le seguenti posizioni

2 posizioni del menu

6 posizioni Widget

Il Tema FotoPixel include diversi strumenti di configurazione che permettono di personalizzare l'aspetto e le funzioni del Tema. Gli strumenti sfruttano la funzione Customizer di Wordprerss che permette di apportare le modifiche nella modalità online - senza ricaricare la pagina

• Nel pannello amministrativo di Wordpress proseguite in Aspetto > Temi e cliccate su pulsante Personalizza
  
• 
  Si apre il pannello che contiene gli strumenti del Tema
  
• 
  Gli strumenti sono suddivisi nelle categorie e possono essere configurati secondo le proprie esigenze

Il Tema FotoPixel è completamente gratuito, tuttavia per ottenere gli aggiornamenti automatici del tema e il supporto da parte nostra, si deve essere in possesso della chiave personale e la chiave del tema, entrambe vengono fornite gratuitamente a tutti coloro che possiedono almeno un pacchetto hosting su Itroom.

• Le chiavi sono personali e possono essere prelevate dal proprio account su Itroom > Template Keys
  
• 
  Una volta in possesso delle chiavi, effettua login nel tuo pannello amministrativo WordPress e prosegui in aspetto > temi > personalizza e clicca su Attivazione Tema
  
• 
  Negli appositi campi inserisci le chiavi e clicca su pubblica
  

• L'opzione "Denominazione Sito", permette di impostare le impostazioni base del sito. Per accedere ai parametri è sufficiente cliccare l'apposita voce nel customizer
  
• 
  Una volta all'interno dell'opzione, è possibile selezionare il proprio logo, l'icona del sito, titolo e slogan
  

Nelle opzioni di configurazione del Tema FotoPixel sono incluse diverse configurazioni che permettono di impostare il logo del sito e il menu sfruttando le opzioni disponibili.

• 

• All'interno ci sono due sotto categorie che a loro volta contengono le impostazioni di Menu principale e Logo e Slide Menu & Logo
  

• Seleziona il tipo di menu
  Il menu principale può essere di 3 tipi e l'impostazione "Seleziona il tipo di menu" permette di impostare la tipologia di menu

  • Classic - Il menu si trova nella sua posizione e rimane sempre la

  • Slide - Il menu si trova nella sua posizione e quando la pagina si scrolla in basso il menu appare in alto (secondo i parametri impostati nel tab Slide Menu). Quando il visitatore scrolla la pagina in alto il menu ritorna nella sua posizione

  • Fixed - Il menu si posiziona in alto della pagina e rimane sempre la, anche quando la pagina si scrolla verso il basso

• Allineamento Menu
  L'opzione permette di scegliere l'allineamento del menu

  • Sinistra - Il menu sarà allineato a sinistra

  • Destra - Il menu sarà allineato a destra

• Larghezza del blocco Logo
  L'opzione permette di impostare larghezza del blocco del logo e allineare il logo stesso. Seleziona il numero da 1 a 12 che determina la larghezza del blocco logo e di conseguenza lo spazio per il menu principale. Inoltre, imposta l'allineamento del logo (centro, destra, sinistra). il piccolo tool mostra come si posizionano entrambi i blocchi
  

  • 

• Effetto del logo e durata dell'animazione
  L'opzione permette di impostare l'effetto di apparizione del logo scegliendo più adatto. Oltre all'effetto è possibile impostare la sua durata in secondi oppure in millisecondi
  

  • 

• Passiamo alla sotto categoria Slide Menu & Logo
  

• Le opzioni in questa sezione valgono solo se è impostata la tipologia del menu principale "Slide" e si attivano quando la pagina si scrolla verso il basso e appare il menu di tipo Slide. Da evidenziare che alcune opzioni sono simili a quelle citate nella sotto categoria "Menu Principale e Logo" in questo articolo e li saltiamo per non spiegare le stesse cose

• Tempo dell'effetto di animazione
  L'opzione permette di impostare il tempo dell'animazione di apparizione del menu
  

  • 

• Logo in Slide Menu
  Le opzioni permettono di attivare o meno il logo nello slide menu ed impostare i parametri a proprio piacere. Gran parte dei parametri nell'immagine sono simili a quelli già spiegati
  

  • 

• Immagine del logo e posizionamento
  Le opzioni di seguito permettono di selezionare il logo che viene usato nello Slide Menu, attribuendo altezza, larghezza dell'immagine e posizionarla secondo le proprie esigenze usando le opzioni che determinano la distanza da destra e dall'alto
  

  • 

Il Tema FotoPixel include la funzionalità per visualizzare i pulsanti dei più comuni social network, skype e watsapp. Vediamo nel dettaglio gli strumenti disponibili.

• Nel customizer del Tema cliccate su Configurazione dei social
  

• All'interno della configurazione troviamo le sotto categorie con l'impostazione generale e per ciascun social network o link
  

• Configurazione Generale
  L'opzione include alcuni parametri che influiscono sull'intero blocco dei pulsanti, come è mostrato nell'immagine. Di seguito analizziamo ogni parametro
  

  • 

  • Attiva o disattiva i pulsanti social - Attiva o disattiva intero blocco dei pulsanti social

  • Seleziona la posizione dei pulsanti social - Permette di scegliere la posizione del blocco dei pulsanti che può essere posizionato a destra, a sinistra dello schermo oppure in una delle posizioni di Footer-X.

  • Seleziona le dimensioni dei pulsanti social - Permette di impostare la grandezza dei pulsanti, le dimensioni sono in pixel.

  • Colore sfondo - Lo sfondo del blocco che contiene le immagini.

• Configurazione pulsanti social
  Le impostazioni dei social network disponibili ed elencati qui sotto sono simili e in questa sezione analizziamo solo facebook
  

  • Facebook

  • Istagram

  • YouTube

  • Twitter

  • Linkedin

  • Pinterest

  • VK

  • OK

  • 

  • Attiva o disattiva Facebook - Permette di visualizzare o nascondere il pulsante

  • Colore pulsante Facebook - Permette di scegliere il colore del pulsante.

  • Link Facebook - Permette di inserire il link della propria pagina.

• Configurazione Whatsapp
  il pulsante Watsapp permette di aprire la chat di whatsapp al numero impostato nella configurazione
  

  • 

  • Link Whatsapp - All'interno è presente un link su api di whatsapp che ha gia un numero messo a caso. Per impostare il proprio numero sostituire la parte finale numerica con il proprio numero e prefisso internazionale senza il segno +
    

  • Il numero da inserire - il numero di telefono è 34812345678 e il prefisso d'Italia è +39, da inserire quindi 3934812345678.

  • Esempio del valore da inserire - https://api.whatsapp.com/send?phone=3934812345678

• Configurazione Skype
  il pulsante Skype permette di aprire Skype per contattare il contatto inserito nella configurazione
  

  • 

  • Link Skype - All'interno è presente un link che lancia Skype aprendo il contatto inserito. Per impostare il proprio contatto sostituire la frase TUO_USERNAME con il proprio username di Skype
    

  • Cosa inserire - Il proprio username è mario_rossi

  • Esempio del valore da inserire - skype:mario_rossi?chat

Il Tema FotoPixel offre una funzione di Cookie e Privacy Alert che si adatta alla nuova legge Europea sulla privacy e sull'uso di cookie sui siti web. Si tratta di un blocco dell'avviso che appare al visitatore con la notifica dell'uso di cookie e info sulla privacy. L'intero blocco può essere personalizzato con il proprio titolo, messaggio, pulsanti e i link direttamente dal pannello di configurazione.

• Nel customizer del Tema cliccate su Cookie e Privacy Alert
  

• All'interno della configurazione troviamo diverse opzioni che permettono di configurare le funzioni di Cookie e Privacy Alert

• Attivazione
  L'opzione permette di attivare o disattivare Cookie e Privacy Alert
  

  • 

• Titolo e Testi
  Le opzioni permettono di personalizzare il titolo, testi e link
  

  • 

  • Titolo per Cookie & Privacy - Il titolo di intero blocco, il titolo predefinito è "Questo sito web utilizza i cookie"

  • Testo del messaggio - Il messaggio che viene visualizzato. Il messaggio predefinito che sarà visualizzato è "Questo sito utilizza cookie per una corretta navigazione. Chiudendo questo banner o proseguendo la navigazione, acconsenti al loro utilizzo"

  • Testo per Maggiori Informazioni - Il testo che viene visualizzato nel pulsante "Maggiori Informazioni".

  • Pagina per Maggiori Informazioni - L'opzione permette di scegliere la pagina che contiene le informazioni su Cookie e Privacy. La pagina viene collegata al pulsante "Maggiori Informazioni", cliccandoci si apre la pagina scelta. .

• Stili dei pulsanti e pulsante Accetto

  • 

  • Stile pulsante Maggiori Informazioni - L'opzione permette di scegliere uno stile del pulsante Maggiori Informazioni

  • Testo visualizzato per Accetto - Il testo che viene visualizzato nel pulsante Accetto. Una volta cliccato sul pulsante il blocco sparisce e non viene mostrato. Da evidenziare che il blocco viene mostrato sempre durante la navigazione nella modalità customizer, anche dopo il click sul pulsante

  • Stile pulsante Accetto - L'opzione permette di scegliere uno stile del pulsante Accetto

• Configurazione di apertura del blocco Cookie e Privacy Alert
  L'opzione permette di personalizzare gli effetti di apertura del blocco

  • 

  • Tempo di attesa prima di mostrare - L'opzione permette di scegliere il tempo di attesa dell'apertura del blocco

  • Effetto per Apertura - L'opzione permette di scegliere l'effetto animato di apparizione del blocco

  • Tempo dell'effetto di animazione di Apertura - L'opzione permette di impostare la durata dell'effetto di animazione dell'apertura del blocco

• Configurazione di chiusura del blocco Cookie e Privacy Alert
  L'opzione permette di personalizzare gli effetti di chiusura del blocco

  • 

Le impostazioni presenti nella categoria Pagina Articoli/Blog permettono di personalizzare alcune opzioni nelle pagine di tipo Articoli/Blog

• Le impostazioni di seguito permettono di personalizzare l'aspetto delle funzioni mostrate nella seguente immagine
  

• Nel customizer del Tema, cliccate su Pagina Articoli/Blog
  

• Configurazione Articoli/Blog
  

  • 

  • Seleziona il numero di articoli per linea - L'opzione permette di selezionare il numero degli articoli che vengono visualizzati nella stessa linea

  • Immagine Default - L'opzione permette di impostare l'Immagine di default che viene visualizzata nell'articolo se quest'ultimo non ha l'immagine impostata

Le impostazioni presenti nella categoria Pagina Articoli permettono di personalizzare alcune opzioni nelle pagine di tipo Articoli

• Le impostazioni di seguito permettono di personalizzare l'aspetto delle funzioni mostrate nella seguente immagine
  

• Nel customizer del Tema, cliccate su Pagina Articolo
  

• Configurazione Articoli
  Le opzioni permettono di attivare o disattivare la visualizzazione della info su autore, data di creazione e navigazione
  

  • 

La pagina 404 viene mostrata quando il visitatore visita un link del sito non funzionante, ad esempio link di una pagina che non esiste più. Avere la pagina 404 ben formata aiuta a non perdere il visitatore. Di seguito vediamo le impostazioni della configurazione della pagina 404 del tema RistoShop

• Esempio della pagina 404
  

• Nel customizer del Tema cliccate su Pagina 404
  

• Immagine 404
  L'opzione permette di selezionare/caricare la propria immagine che viene visualizzata nella pagina 404
  

  • 

• Il titolo della pagina 404
  L'opzione permette di impostare il titolo personalizzato della pagina 404
  

  • 

  • Impostazione di default - Pagina che hai cercato non esiste...

• Il testo prima del campo ricerca
  Nella pagina 404 di default viene visualizzato il campo "Cerca". l'impostazione di seguito permette di impostare il testo che viene visulizzato prima del campo "Cerca"
  

  • 

  • Impostazione di default - Pagina che hai cercato non esiste...

• Configurazione articoli nella pagina 404
  Le funzionalità di seguito permettono di configurare la visualizzazione degli articoli nella pagina 404
  

  • 

  • Il testo prima dei post (se attivati) - L'opzione permette di personalizzare il testo che viene visualizzato prima degli articoli. Il testo predefinito è "Forse ti interessa leggere uno dei nostri ultimi post"

  • Attivare posts nella pagina 404 - L'opzione permette di attivare o disattivare la visualizzazione degli articoli nella pagina 404

  • Nome di categoria articoli - Scrivete il nome della categoria degli articoli, dalla quale vengono visualizzati gli articoli. Il nome della categoria deve esistere realmente e potete vedere nel amministrativo di Wordpress > Articoli > Categorie

  • Seleziona il numero di articoli - Il numero di articoli che vengono visualizzate. l'impostazione predefinita è 3

Il Tema FotoPixel include diversi Template che permettono di selezionare il layout della pagina secondo le proprie esigenze. Il template può essere scelto durante la creazione o la modifica di una pagina, nella sezione documento > attributi della pagina > template.

• 

• Template predefinito - Include il titolo della pagina e sidebar left e right

• Template senza sidebars e titolo - Non viene mostrato il titolo della pagina e non vengono caricati sibebars

• Template senza sidebars laterali - Non vengono caricati sibebars

• Template con solo sidebar left - Attivo solo sidebar left

• Template con solo sidebar right - Attivo solo sidebar right

Nel customizer del Tema FotoPixel troviamo l'opzione configurazione Sidebars che permette di personalizzare il layout di sidebars nei diversi template del tema.

• Nel customizer del Tema cliccate su Configurazione sidebars
  

• All'interno della configurazione troviamo i parametri per ogni template del tema
  

• Opzioni disponibili
  A seconda della pagina scelta, le impostazioni possono variare e influiscono solo sulle pagine della specifica tipologia . Di seguito analizziamo la pagina Categoria di Articoli che ha tutte le opzioni disponibili
• Quadri L-C-R
  I quadri di vari colori con lettere al centro si decodificano nel seguente modo:

  • L - Sidebar Left

  • C - Content

  • R - Sidebar Right

  Le opzioni di seguito permettono di attivare o disattivare lo specifico sidebar ed impostare la larghezza di sidebar

  • 

  • Mostrare o no Sibebar Left - Attiva o disattiva Sibebar Left

  • Mostrare o no Sibebar Right - Attiva o disattiva Sibebar Right

  • Larghezza di Sidebar Left - Imposta la larghezza di sidebar left

  • Larghezza di Sidebar Right - Imposta la larghezza di sidebar left

Footer - è Il blocco inferiore del sito nel quale può essere visualizzato un menu con il nome footer-menu e quattro blocchi per widget. Le impostazioni nella sezione Configurazione Footer permettono di attivare o disattivare le posizioni per widget ed impostare la larghezza.

• Nel customizer del Tema cliccate su Configurazione footer
  

• Cofigurazione Footer
  I parametri di seguito attivano o disattivano una specifica posizione del widget e attribuiscono la larghezza della posizione
  
• Quadri F-1, F-2, F-3, F-4
  I quadri di vari colori con lettere al centro sono le posizioni dei widget e si decodificano nel seguente modo:

  • F-1 - Footer-1

  • F-2 - Footer-2

  • F-3 - Footer-3

  • F-4 - Footer-4

  Le opzioni di seguito permettono di attivare o disattivare una specifica posizione ed impostare la larghezza della posizione per widget

  • 

  • Attivare o no Footer-X - Attiva o disattiva la posizione Footer-X

  • Larghezza di Footer-X - Imposta la larghezza della posizione Footer-X

  • *Per non ripetere le stesse opzioni, al posto di X si intende il numero della posizione (Footer-1, Footer-2, ecc.)

  • **Se attivo il menu footer-menu, quest'ultimo si posizia prima di F-1 con le dimensioni impostate a 3, tenete quindi presente che la larghezza massima del footer è 12.

Nel sito dimostrativo del Tema RistoShop, il quale viene installato con "Installazione Automatica", sono stati usati i seguenti plugin. La documentazione su ciascun plugin la potete trovare sul sito ufficiale del produttore

• Contact Form 7 - Usato per la creazione del form contatti
  Link sulla pagina del plugin: https://it.wordpress.org/plugins/contact-form-7/

• Appointment Hour Booking - Usato per la creazione del sistema di prenotazione del servizio fotografico
  Link sulla pagina del plugin: https://wordpress.org/plugins/appointment-hour-booking/

• Gallery Lightbox - Usato per la creazione di Fotogallery
  Link sulla pagina del plugin: https://it.wordpress.org/plugins/gallery-lightbox-slider/

• Smart Slider - Usato per la creazione dello Slider nella home del sito
  Link sulla pagina del plugin: https://wordpress.org/plugins/smart-slider-3/

*Alcuni plugin, se non supportano la lingua Italiana, vengono tradotti dai nostri sviluppatori e la traduzione viene integrata nel sito dimostrativo e nelle installazioni con "installazione automatica" del tema.