Introduzione
Usare Sitely
Elementi
Come fare
È disponibile un tutorial video per questo argomento, clicca qui per vederlo.
I Campi Intelligenti sono uno strumento versatile che consente la visualizzazione dinamica del testo, servendo a vari scopi in diversi scenari. Puoi utilizzarli per compiti che vanno dalla visualizzazione di informazioni su date/ore (ad esempio, etichette di copyright che si aggiornano automaticamente) all'estrazione dei dati EXIF da una foto, fino alla visualizzazione di formule matematiche o animazioni testuali.
Quando lavori con i Campi Intelligenti, si integrano perfettamente negli elementi di testo e nei pulsanti, presentando un'interfaccia a forma di bolla per una facile modifica. Basta cliccare sulla bolla per aprire le impostazioni del Campo Intelligente e apportare ulteriori aggiustamenti.
Per inserire i Campi Intelligenti, puoi accedere all'opzione "Campi Intelligenti" nel menu "Inserisci", oppure utilizzare il pulsante dedicato etichettato "Inserisci Campo Intelligente..." che si trova nell'Inspector di Stile mentre modifichi il testo. Una volta inseriti, i Campi Intelligenti possono essere modificati, copiati, incollati o eliminati proprio come il testo normale.
Quando visualizzi l'anteprima nel browser o guardi il sito pubblicato, i Campi Intelligenti funzioneranno pienamente come previsto, fornendo contenuti dinamici e interattivi ai tuoi utenti.
Quando aggiungi un Campo Intelligente al tuo riquadro di testo, hai a disposizione diverse tipologie di campi. Questi sono mostrati di seguito.
Una delle opzioni più comunemente utilizzate sarà il Campo Intelligente ‘Calcolatrice’. Quando viene inserito in un riquadro di testo, appare in questo modo.
Cliccando sulla bolla ‘Calcolatrice’ si aprirà una finestra dove potrai inserire il tuo calcolo. Ecco come appare.
Il menu a discesa ‘Seleziona valore…’ mostrerà un elenco di tutti i campi di input sulla pagina attuale. Questi possono essere selezionati per essere inclusi nel tuo calcolo. Quando un campo è incluso, verrà visualizzato come una bolla contenente il nome del campo. Per eseguire un calcolo utilizzando i campi, basta posizionare un operatore matematico tra le bolle dei campi di input. Ecco un esempio di semplice addizione.
‘addend1’ e ‘addend2’ sono campi di input sulla pagina. Questi campi sono normali elementi di ‘Input di Testo’ che si trovano nella cassetta degli attrezzi di Sitely. Entrambi sono stati impostati su ‘Richiedi un Numero’. L'operatore ‘+’ tra di essi indica a Sitely di sommare i due numeri. Di seguito sono riportati alcuni esempi di formule matematiche di base che possono essere impostate in un Campo Intelligente ‘calcolatrice’.
Simple Math
Multiplication:
Multiplicand
Multiplier
Result
Smartfield Formula
Subtraction:
Minuend
Subtrahend
Difference
Addition:
Addend 1
Addend 2
Sum
Dividend
Divisor
Quotient
Division:
(enter some numbers in the fields to see the calculations working.)
Ecco un esempio pratico:
Un rivenditore di piastrelle in ceramica potrebbe avere un elenco di prodotti, ciascuno con un'opzione per calcolare quante piastrelle potrebbero essere necessarie per coprire una determinata area del pavimento. Ecco un tipico elenco su una pagina web del catalogo che esegue questa funzione.
Indian-Style Ceramic floor tiles
600 cm 600 cm
Enter your floor dimension in metres to see how many tiles you need.
Width
Length
Number of tiles
Tiles
We recommend ordering an extra
To cover potential breakages
Il campo ‘Numero di Piastrelle’ è un campo intelligente contenente il seguente calcolo.
Le variabili 'larghezza' e 'lunghezza' corrispondono ai campi di input sulla pagina dove gli utenti inseriscono le dimensioni. La costante 10.000 rappresenta il fattore di conversione da metri quadrati a centimetri quadrati. Allo stesso modo, la costante 3.600 indica il numero di centimetri quadrati in ogni piastrella.
Il calcolo per le 'piastrelle extra' rispecchia quello del 'numero di piastrelle', ma con un passaggio aggiuntivo per incorporare un margine di sicurezza del 10%. Questo significa aggiungere *(10/100) alla formula per garantire una copertura sufficiente oltre al requisito di base.
Le possibilità di calcolo possono essere ulteriormente ampliate tramite l'uso del Campo Intelligente ‘Formula Matematica’. Per utilizzare questa opzione è necessaria una certa conoscenza della sintassi MathJax. C'è un link a una guida di riferimento all'interno della finestra delle formule quando questa opzione è selezionata.
Campi Informativi
Questi includono cose come la data EXIF estratta da un file immagine. Di seguito sono riportati i dettagli EXIF estratti dall'immagine a sinistra.
Exposure time: N/A
Aperture: N/A
ISO Speed: N/A
Focal Length: N/A
Camera Model: N/A
Lens Model: N/A
Altri campi informativi includono il titolo della pagina visualizzata, così come i dati di data e ora.
Opzioni di Conteggio
Il Campo Intelligente Countdown ti consente di impostare un timer di conto alla rovescia per quando un determinato evento accadrà in futuro. Con le opzioni di conto alla rovescia, puoi impostare varie azioni che dovrebbero avvenire quando il conto alla rovescia si ferma. Queste sono mostrate di seguito.
Below is the same information with a Flip-board effect applied showing the years, months, days, hours minutes and seconds until Christmas day 2030:
With countdown options, you can set various actions that should happen when the countdown stops. These are shown below.
È incluso anche un "Campo Intelligente" di tipo 'Contatore'. Questo conteggia fino a un numero finale specifico a intervalli preimpostati.
0
Utilizzare i Campi Intelligenti come etichette per i pulsanti
Quando aggiungi un elemento pulsante alla pagina, puoi scegliere di avere l'etichetta del pulsante come un Campo Intelligente. Facendo doppio clic sul pulsante, verrà evidenziata la sua etichetta predefinita e ti verrà data l'opzione di inserire un Campo Intelligente nell'Inspector di Stile. Il pulsante qui sotto ha la data corrente come etichetta.
Effetto Testo da Macchina da Scrivere
Il pannello dei Campi Intelligenti ti consente di includere un campo per l'effetto testo da macchina da scrivere sulla tua pagina. Questo Campo Intelligente offre opzioni aggiuntive per animare il testo.
|
Questo Campo Intelligente offre opzioni aggiuntive per animare il testo.
Altre opzioni
Ci sono altri Campi Intelligenti disponibili, ma questi riguardano determinate funzionalità che potresti, o meno, aggiungere al tuo sito web. Ad esempio, ci sono Campi Intelligenti per siti legati ai blog che visualizzano il Nome dell'Autore del Post e le Date/Ore dei Post. Queste opzioni diventeranno disponibili solo quando incorporerai un blog nel tuo sito web.
Quick Video Tutorial
Segnalaci difetti di questa documentazione e li risolveremo al più presto!
Aggiornato per Sitely 5.6
