GNU/Linux >> Linux Esercitazione >  >> Panels >> cPanel

Come aggiungere elementi di pagina utilizzando InstantSite

Nota: Questa guida è per InstantSite legacy acquistato prima del 18 agosto 2020. Se hai il nostro nuovo InstantSite, consulta le guide specifiche per il nostro nuovo builder che si trovano qui.

Un elemento è un singolo componente di una pagina web; questo potrebbe essere un'immagine, un modulo o una casella di testo, ad esempio. Questa guida è progettata per mostrare ai clienti LCN InstantSite per cosa viene utilizzato ogni tipo di elemento e come aggiungere elementi a una pagina.

Se stai cercando maggiori informazioni su un elemento specifico, puoi scegliere dall'elenco seguente:

  • Testo
  • Immagine
  • Galleria
  • Modulo
  • Pulsante
  • Mappa
  • Video incorporato
  • Icona
  • Separatore

Iniziamo...

Testo

Un testo element crea una casella di testo in cui puoi aggiungere frasi e paragrafi in qualsiasi punto della pagina. Puoi cambiare lo stile del testo elemento seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

    1. Accedi all'editor di InstantSite.
    2. Nel riquadro di sinistra, fai clic su Più .
    3. Fai clic su Testo dal menu a tendina.
    4. La casella di testo verrà posizionata nella riga e nella colonna attualmente selezionate. Se nessuna riga o colonna è selezionata, la casella di testo verrà aggiunta in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

    1. Per modificare il testo nel tuo testo elemento, fai semplicemente doppio clic sulla casella di testo. Questo aprirà l'editor di testo e ti consentirà di modificare il testo, la dimensione del carattere, il formato e molto altro.

Nota :per ulteriori informazioni sul funzionamento dell'editor di testo e sulla personalizzazione che offre, visita la nostra guida Come utilizzare l'editor di testo in InstantSite.

  1. Una volta apportate le modifiche al testo, fai clic su Salva nell'editor di testo o fare clic fuori dal campo di testo e le modifiche verranno salvate automaticamente.

Immagine

L'immagine l'elemento viene utilizzato per aggiungere immagini. Puoi scegliere dalla nostra libreria di immagini gratuite o caricarne una tua. Puoi cambiare lo stile dell'immagine elemento seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

    1. Accedi all'editor di InstantSite.
    2. Nel riquadro di sinistra, fai clic su Più .
    3. Fai clic su Immagine dal menu a discesa.
    4. Scegli un'immagine da Le mie immagini , Immagini modello o Immagini gratuite di InstantSite . Se non riesci a trovare un'immagine che ti piace, carica semplicemente la tua facendo clic su Carica immagine e scegliendo un'immagine dal tuo computer.
    5. Dopo aver selezionato l'immagine, fai clic su Aggiungi alla pagina .
    6. L'immagine verrà posizionata nella riga e nella colonna attualmente selezionate. Se non viene selezionata alcuna riga o colonna, l'immagine verrà aggiunta in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

  1. Puoi ridimensionare l'immagine semplicemente facendo clic e trascinando il bordo verde attorno all'immagine sezione.

Galleria

A volte un'immagine semplicemente non lo taglia. La galleria viene utilizzato per aggiungere una galleria di immagini al tuo sito web. Puoi aggiungere una griglia di immagini o un carosello di immagini a scorrimento. Puoi cambiare lo stile della galleria elemento seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

    1. Accedi all'editor di InstantSite.
    2. Nel riquadro di sinistra, fai clic su Più .
    3. Fai clic su galleria dal menu a discesa.
    4. La galleria verrà posizionata nella riga e nella colonna attualmente selezionate. Se non viene selezionata alcuna riga o colonna, la galleria verrà aggiunta in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

  1. Fai clic su Aggiungi immagine dalla galleria elemento.
  2. Scegli più immagini da Le mie immagini , Immagini modello o Immagini gratuite di InstantSite . Se non riesci a trovare nessuna immagine che ti piace, carica semplicemente la tua facendo clic su Carica immagine e scegliendo più immagini dal tuo computer.
  3. Una volta selezionate tutte le immagini che desideri nella galleria, fai clic su Conferma .
  4. Puoi ridimensionare la galleria semplicemente facendo clic e trascinando il bordo verde attorno alla galleria elemento.

Modulo

Il modulo element può essere utilizzato per aggiungere un modulo di contatto a qualsiasi pagina del tuo InstantSite. Puoi utilizzare questo elemento per creare un modulo di contatto e-mail o per raccogliere indirizzi e-mail dai tuoi clienti. Puoi cambiare lo stile del modulo elemento seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

    1. Accedi all'editor di InstantSite.
    2. Nel riquadro di sinistra, fai clic su Più .
    3. Fai clic su Modulo dal menu a discesa.
    4. Il modulo verrà posizionato nella riga e nella colonna attualmente selezionate. Se non viene selezionata alcuna riga o colonna, il modulo verrà aggiunto in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

  1. Il nome di ogni campo può essere modificato facendo doppio clic sul testo.
  2. Per aggiungere altri campi, fai clic sull'ingranaggio in alto a destra dell'elemento del modulo e fai clic su Aggiungi nuovo campo . Seleziona un Input campo o un'Area di testo .
    • Campi di immissione vengono utilizzati per campi semplici come Nome, Email o Numero di telefono in cui è probabile che la risposta sia breve e nello stesso formato.
    • Aree di testo sono usati per frasi e paragrafi più lunghi. Questo verrebbe in genere utilizzato dai tuoi clienti per descrivere un problema o per spiegare perché ti stanno contattando.
  3. Il pulsante utilizzato per inviare il modulo può essere modificato facendo clic sull'ingranaggio in alto a destra dell'elemento del modulo e immettendo il nuovo testo nel testo del pulsante campo. Ad esempio Invia .
  4. Infine, dovrai modificare l'indirizzo a cui viene inviato il modulo di contatto una volta inviato. Questo può essere modificato facendo clic sull'ingranaggio nella parte superiore del Modulo e inserendo il tuo indirizzo email in Invia email a campo.

Pulsante

Il pulsante viene utilizzato per aggiungere pulsanti cliccabili al tuo InstantSite. Spesso utilizzati per inviti all'azione, sono un ottimo modo per dire ai tuoi clienti quale azione dovrebbero intraprendere su una pagina. Puoi cambiare lo stile del pulsante elemento seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

    1. Accedi all'editor di InstantSite.
    2. Nel riquadro di sinistra, fai clic su Più .
    3. Fai clic sul pulsante dal menu a discesa.
    4. Il pulsante verrà posizionato nella riga e nella colonna attualmente selezionate. Se non viene selezionata alcuna riga o colonna, il pulsante verrà aggiunto in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

  1. Puoi ridimensionare il tuo pulsante semplicemente facendo clic e trascinando il bordo verde attorno al pulsante elemento.
  2. Puoi modificare il testo nel pulsante facendo clic sull'ingranaggio nella parte superiore del pulsante elemento e modificando il testo nel testo campo.

Mappa

La mappa viene utilizzato per aggiungere una mappa al tuo InstantSite. Spesso utilizzato per le pagine di contatto/chi siamo, la mappa element è un modo semplice per mostrare ai tuoi clienti dove ha sede la tua attività. Puoi cambiare lo stile della mappa elemento seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

    1. Accedi all'editor di InstantSite.
    2. Nel riquadro di sinistra, fai clic su Più .
    3. Fai clic su Mappa dal menu a discesa.
    4. La mappa verrà posizionata nella riga e nella colonna attualmente selezionate. Se non viene selezionata alcuna riga o colonna, la mappa verrà aggiunta in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

  1. Per modificare la posizione sulla mappa, fai clic sull'ingranaggio nella parte superiore della mappa e inserisci il tuo codice postale in Località campo. Fai clic su Cerca accanto al campo e la mappa si adatterà automaticamente alla tua posizione.
  2. Puoi anche inserire testo aggiuntivo da visualizzare sopra l'icona della tua posizione inserendo una descrizione nelle Descrizioni popup campo sotto l'ingranaggio in alto a destra della Mappa elemento.

Video incorporato

Il video incorporato element ti consente di aggiungere video che sono ospitati su altre piattaforme come YouTube, al tuo InstantSite. Puoi modificare lo stile del video incorporato elemento seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

    1. Accedi all'editor di InstantSite.
    2. Nel riquadro di sinistra, fai clic su Più .
    3. Fai clic su Video incorporato dal menu a discesa.
    4. Nel codice di incorporamento campo, inserisci l'URL di incorporamento fornito dalla piattaforma che ospita il video. Ad esempio:
<iframe width="560" height="315" src="https://www.youtube.com/embed/-3Rx4qONJhQ?ecver=1" frameborder="0" allowfullscreen></iframe>
    1. Dalle Proporzioni menu a discesa, seleziona 16:9 o 4:3 .

Nota :Il formato 16:9 è ciò che è tradizionalmente noto come widescreen, mentre 4:3 sarebbe quello che avrebbe usato il tuo vecchio televisore degli anni '90.

  1. Fai clic su Conferma per aggiungere il tuo video incorporato.
  2. Il video incorporato verrà posizionato nella riga e nella colonna attualmente selezionate. Se non viene selezionata alcuna riga o colonna, il video incorporato verrà aggiunto in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

Icona

L'icona element è un ottimo modo per aggiungere elementi visivi che catturano l'attenzione al tuo sito web. Sono spesso utilizzati accanto al numero di telefono e agli indirizzi e-mail, consentendo ai tuoi visitatori di scansionare la tua pagina web e trovare facilmente ciò che stanno cercando. Puoi modificare lo stile dell'elemento icona seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

    1. Accedi all'editor di InstantSite.
    2. Nel riquadro di sinistra, fai clic su Più .
    3. Fai clic su Icona dal menu a discesa.
    4. Cerca l'icona che desideri aggiungere dall'elenco fornito e fai clic su Conferma .
    5. L'icona verrà posizionata nella riga e nella colonna attualmente selezionate. Se non viene selezionata alcuna riga o colonna, l'icona verrà aggiunta in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

Separatore

Il separatore viene utilizzato per separare le sezioni sul tuo InstantSite. Forniscono una linea continua attraverso la pagina. Puoi modificare lo stile del separatore elemento seguendo la nostra guida Come applicare uno stile ai singoli elementi nella guida di InstantSite.

  1. Accedi all'editor di InstantSite.
  2. Nel riquadro di sinistra, fai clic su Più .
  3. Fai clic su Separatore dal menu a tendina.
  4. Il separatore verrà posizionato nella riga e nella colonna attualmente selezionate. Se non viene selezionata alcuna riga o colonna, il separatore verrà aggiunto in fondo alla pagina.

Nota :per ulteriori informazioni sul funzionamento di righe e colonne in InstantSite, visita la nostra guida Comprensione di righe e colonne in InstantSite.

Questo è tutto! Ora sai come funzionano tutti gli elementi di InstantSite e come aggiungerli.


cPanel
  1. Come aggiungere Indicator-datetime al pannello?

  2. Come aggiungere e rimuovere pagine e modificare le impostazioni in InstantSite

  3. Come aggiungere un dominio su Cloud hosting utilizzando cPanel

  4. Come aggiungere elementi di pagina utilizzando InstantSite

  5. Come aggiungere un record in cPanel utilizzando l'editor di zona DNS?

Come ridimensionare le immagini usando Python

Come convertire PDF in immagini usando Gimp

Come aggiungere la protezione tramite password per una directory utilizzando cPanel

Come creare un'immagine in miniatura usando cPanel

Converti immagine in testo

Come ottenere il testo di una pagina usando wget senza html?