FotoPixel Tema

Fotopixel Tema WordPress

Descrizione del Tema FotoPixel per WordPress

FotoPixel è un Tema WordPress sviluppato e disegnato appositamente per uno studio fotografico o per un fotografo. I colori chiari e leggeri utilizzati nel Tema, mettono in evidenza e concentrano i visitatori sui lavori fotografici, sul contenuto del sito e sui servizi offerti. La pagina blog, creata appositamente per visualizzare l'immagine dell'articolo con l'effetto animato all'avvicinamento del mouse, rende la visualizzazione del blog interessante e moderno.

Nel sito dimostrativo del Tema per fotografo, sono stati usati alcuni plugin che estendono le funzionalità di WordPress e permettono di visualizzare le immagini in slideshow, mostrare il proprio portfolio in una fotogallery e potenziali clienti possono ordinare un servizio fotografico per una specifica data e ora.

Link utili

Versione attuale: 1.0
Demo di FotoPixel Tema e Sito Download
Crea il sito con FotoPixel Tema
Crea il sito con FotoPixel Tema
Crea il tuo sito con il Tema FotoPixel installando il sito identico della demo e adattando il contenuto alle tue esigenze, creando così il sito WordPress in breve tempo. Consulta la seguente pagina per i dettagli.
https://itroom.it/Sito-con-WordPress
Aggiornamento automatico
Aggiornamento automatico
Attiva nel tuo pannello hosting l'aggiornamento automatico del Tema FotoPixel e dimentica gli aggiornamenti manuali. Si richiedono le chiavi per l’aggiornamento del tema che puoi prelevare gratuitamente nel tuo account su Itroom.
https://itroom.it/clienti/template-keys.php
Assistenza gratuita
Assistenza gratuita
Se riscontri qualche difficoltà con FotoPixel Tema, puoi sempre contare sulla nostra assistenza che ti viene fornita direttamente dagli sviluppatori del Tema. Devi semplicemente aprire un ticket nella tua area cliente e riportare il problema.
Changelog di FotoPixel
Versione 1.0
Rilascio primo release 30/10/2020
Come installare il Tema FotoPixel

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
    Installa tema ristoshop
Panoramica del tema e dei strumenti di configurazione

Il Tema supporta di default le seguenti posizioni

2 posizioni del menu

  • Top Menu

  • Footer Menu

6 posizioni Widget

  • Sidebar Left

  • Sidebar Right

  • Footer 1

  • Footer 2

  • Footer 3

  • Footer 4

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
    Personalizza tema FotoPixel

  • Si apre il pannello che contiene gli strumenti del Tema

    Strumenti di personalizzazione tema FotoPixel

  • Gli strumenti sono suddivisi nelle categorie e possono essere configurati secondo le proprie esigenze
Attivazione FotoPixel Tema

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
    Le chiavi aggiornamento tema

  • Una volta in possesso delle chiavi, effettua login nel tuo pannello amministrativo WordPress e prosegui in aspetto > temi > personalizza e clicca su Attivazione Tema

    Attivazione tema FotoPixel

  • Negli appositi campi inserisci le chiavi e clicca su pubblica

    Attivazione tema FotoPixel
Denominazione Sito

  • L'opzione "Denominazione Sito", permette di impostare le impostazioni base del sito. Per accedere ai parametri è sufficiente cliccare l'apposita voce nel customizer
    Denominazione Base del sito

  • Una volta all'interno dell'opzione, è possibile selezionare il proprio logo, l'icona del sito, titolo e slogan

    Impostazioni di Denominazione Base
Configurazione del menu e logo

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.

  • Configurazione Menu e logo FotoPixel Tema

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

Menu principale e 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
    • Larghezza blocco logo

  • 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
    • Seleziona effetto del logo e durata

Slide Menu & Logo
  • Passiamo alla sotto categoria Slide Menu & Logo
    Configurazione slide menu e 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
    • Tempo anumazione 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
    • Impostazioni logo slide menu

  • 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
    • Posizionamento logo

Configurazione dei pulsanti social

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
    Configurazione social

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

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

    • 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

    • Configurazione Facebook

    • 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
    • Configurazione Whatsapp

    • 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
    • Configurazione Skype

    • 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

Cookie & Privacy Alert

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
    Configurazione Cookie e Privacy

  • 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
    • Attivazione Cookie e Privacy Alert

  • Titolo e Testi
    Le opzioni permettono di personalizzare il titolo, testi e link
    • Personalizzazione titolo e testi di Cookie e Privacy Alert

    • 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
    • Stili pulsanti Cookie e Privacy Alert

    • 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
    • Gli effetti apertura Cookie e Privacy Alert

    • 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
    • Gli effetti chiusura Cookie e Privacy Alert

Pagina Articoli/Blog

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
    Pagina Articoli/Blog esempio

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

  • Configurazione Articoli/Blog
    • Numero di articoli per linea

    • 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

Pagina Articolo

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
    Pagina Articoli esempio

  • Nel customizer del Tema, cliccate su Pagina Articolo
    Pagina Articolo

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

Pagina 404

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
    Pagina 404 esempio

  • Nel customizer del Tema cliccate su Pagina 404
    Pagina 404 configurazione

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

  • Il titolo della pagina 404
    L'opzione permette di impostare il titolo personalizzato della pagina 404
    • Titolo 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"
    • Testo prima del campo cerca 404

    • 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
    • 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

Template disponibili

Il Tema FotoPixel include diversi Template che permettono di selezionare il layot 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.

  • FotoPixel Templates

  • 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

Configurazione Sidebars

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
    Configurazion sidebars

  • All'interno della configurazione troviamo i parametri per ogni template del tema
    configurazion sidebars sulle pagine

  • Opzioni disponibili
    A secondo 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 varie 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
    • Opzioni della configurazione

    • 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

Configurazione Footer

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
    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
    • opzioni di configurazione footer

    • 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.

Plugin usati nel sito dimostrativo e nelle installazioni automatici

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

*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.

Tutti i prezzi sono da intendersi IVA esclusa
Copyright © 2011 - 2020 Itroom