Sezione titolo

Puoi aggiungere un Titolo Sezione alla tua pagina direttamente in modo da poter aggiungere una descrizione per la pagina. Quando si desidera visualizzare un'immagine e il relativo testo su di essa, è possibile utilizzare questa sezione.

L'immagine caricata qui non supporta la modalità lightbox. Può essere ridimensionato trascinando gli angoli dell'immagine.

Questa sezione può essere utilizzata principalmente per una pagina Chi sono/noi. Puoi anche collega l'immagine a qualsiasi pagina desideri.

Aggiungi una sezione del titolo:

È possibile aggiungere una sezione a una pagina. Puoi aggiungere una sezione a una pagina già esistente oppure crea una nuova pagina all'interno del tuo sito web.
Sulla tua pagina, Fare clic sul blu + icona per aggiungere a Nuova sezione alla tua pagina.

Ora vedrai il categorie di sezione sul lato sinistro.
Scegliere il Sezioni eroiche (1) opzione e selezionare Titolo (2) scheda.

Scegli qualsiasi disposizione della sezione (3) e cliccaci sopra per aggiungerlo alla tua pagina.
Man mano che la sezione viene aggiunta, puoi modificare il testo e caricare qualsiasi immagine.

Gestione del contenuto

Dopo aver aggiunto la sezione:

Clicca sul Modifica contenuto Pulsante (1).

Questo aprirà il Pannello elemento titolo (2).

Da qui puoi:

Carica un'immagine principale (1) per il blocco Titolo.
Carica un'immagine secondaria (2) per il blocco Titolo (solo sui layout selezionati).

Aggiungere un Titolo (3), Sottotitolo (4), e Descrizione (5) del blocco Titolo. Prima di aggiungere la descrizione, controlla Questo articolo.

Aggiungi qualsiasi tipo di vetro (6) alla sezione del titolo. Puoi aggiungere un pulsante/link immagine/icona social/link testo. Scopri di più.
Salva (7) le tue modifiche.

Gestisci elementi

La sezione del titolo include un Scheda Elementi che ti consente di gestire la visibilità di vari elementi all'interno della sezione con facilità. Utilizzando semplici interruttori a levetta, puoi abilitare o disabilitare elementi specifici senza dover eliminare o modificare gli elementi stessi.

Fare clic su Modifica contenuto Pulsante (1).

Scegliere il Elementi (2) scheda.
Dopo aver apportato le modifiche, premi il pulsante Salva Pulsante (3).

Opzioni degli elementi

Mostra immagine: Attiva/disattiva la visibilità delle immagini.
Mostra Titolo: Controlla se il titolo viene visualizzato.
Mostra Sottotitolo: Abilita o disabilita i sottotitoli.
Mostra descrizione: Gestisci la visibilità delle descrizioni degli articoli.
Mostra i pulsanti: Decidere se visualizzare i pulsanti per i singoli elementi.

Cambia layout

Clicca sul Modifica contenuto Pulsante (1).

Scegliere il disposizione (2) scheda.
Seleziona il Lfuori (3) per la tua sezione e Salva (4) le modifiche.

Pro Tip

Per creare una sezione a larghezza intera, scegli qualsiasi layout compreso tra 11 e 16.

Adatta layout testo

La sezione Adatta testo automaticamente è un potente strumento per creare contenuti di testo dinamici e reattivi sul tuo sito web Pixpa.

Ciò consente di impostare una dimensione massima del carattere e il testo verrà ridimensionato automaticamente in base alle dimensioni dello schermo, allo spazio e alla lunghezza del testo disponibili, garantendo leggibilità e appeal estetico ottimali.

Aggiungi la sezione Adattamento automatico alla pagina

Clicca sul blu + icona per aggiungere a Nuova sezione alla tua pagina.

Scegliere il Sezioni degli eroi (1) categoria e fai clic su Titolo (2) scheda.

Tra i layout disponibili nella sezione Titolo, scorri fino in fondo e Seleziona uno qualsiasi dei layout evidenziati nello screenshot. secondo la tua preferenza.

Sezione Modifica adattamento automatico

Clicca sul Modifica blocco di testo Adatta automaticamente pulsante nell'angolo in alto a destra della sezione.
Sotto il Contenuti scheda, è possibile specificare il contenuto del testo per la sezione utilizzando 1st, 2nd e 3rd campi di testo.
La dimensione del carattere del testo verrà regolata automaticamente in base alle dimensioni dello schermo e alla lunghezza del testo. Finalmente, Salva (4) le modifiche.

Sezione Adattamento automatico stile

Personalizza lo stile della sezione da Style scheda. Qui troverai le seguenti opzioni:

Altezza riga: specificare lo spazio verticale tra le righe di testo.
Dimensione massima carattere: imposta la dimensione massima del carattere che il testo può raggiungere.
Allineamento testo: allinea il testo orizzontalmente all'interno della sezione.
Famiglia di caratteri: scegli la famiglia di caratteri come Titolo 1, Titolo 2, Paragrafo, ecc.

Note:

La dimensione del testo non seguirà la dimensione specificata della sezione di progettazione ma si adatterà in base allo spazio disponibile e alla lunghezza del testo.

Layout della sezione di copertina

Il layout della sezione Copertina può essere utilizzato quando si desidera aggiungere testo, un pulsante e uno sfondo alla sezione. La sezione Copertina è il layout più semplice e può essere personalizzata con estrema facilità.

È inoltre possibile incorporare codici personalizzati all'interno di questo layout utilizzando l'opzione "snippet di codice personalizzato". Scopri di più.

Aggiungi il layout della sezione Copertina alla pagina:

Sulla tua pagina, Fare clic sul blu + icona per aggiungere una nuova sezione.

Ora vedrai il categorie di sezione sul lato sinistro.
Scegliere il Sezioni degli eroi (1) categoria e fai clic su Titolo (2) scheda.

Tra i layout disponibili nella sezione Titolo, scorri fino in fondo e Seleziona il layout indicato nello screenshot.

Scopri di più sui aggiunta e modifica di frammenti nel layout della sezione Copertina.

Le opzioni di stile

Clicca sul Modifica contenuto Pulsante (1).

Scegliere il Style (2) scheda.
Cambia lo stile per gli elementi della sezione e Salva (3) le tue modifiche.

Avrai più opzioni di stile per la sezione:

Opzioni stile immagine
Maschera di forma
Opzioni bordo immagine
Allineamento e colore
Opzioni di spaziatura
Dimensione del testo
Pulsanti e collegamenti

Immagini

Scegliere il Imetà Ritaglia per l'immagine. È possibile impostare l'immagine come Quadrato, Cerchio, Orizzontale, Verticale e Dinamico.
Scegliere di avere un raggio d'angolo comune o un raggio d'angolo diverso per ciascun lato degli elementi dell'elenco e impostare un numero (in px) per il Raggio dell'angolo delle immagini delle voci dell'elenco.
Usando il raggio dell'angolo campo, è possibile creare diverse forme di immagine. Nel caso in cui specifichi 500 px qui, l'immagine verrebbe visualizzata a forma di cerchio.
Nel caso in cui tu abbia scelto gli angoli divisi, puoi impostare un raggio dell'angolo diverso per ogni angolo. Saperne di più.
Scegli Animare le immagini al passaggio del mouse cliccando su Sì.
Scegli tra i diversi Stile di animazione per le immagini al passaggio del mouse.

Quando viene applicato il layout Titolo a larghezza intera, verrà visualizzata questa opzione aggiuntiva:

Specificare il colore di sovrapposizione: Questo ti consente di applicare un sovrapposizione di colore in tutta la sezione del titolo. Puoi scegliere qualsiasi colore utilizzando il selettore colore e controllarne la trasparenza utilizzando il cursore dell'opacità, per migliorare la visibilità del testo o creare un'atmosfera visiva specifica.

Maschera di forma

Maschera di forma: Abilitando questa opzione, si applica una maschera di forma all'immagine nella sezione Titolo. Una volta abilitata, la forma selezionata ritaglierà visivamente l'immagine in quella forma.
Seleziona forma: Scegli tra varie forme predefinite da applicare alla tua immagine. Ciò ti consente di stilizzare creativamente il tuo contenuto visualizzando l'immagine in una forma unica come arrotondata, a diamante, a goccia, ecc.

Note

L'opzione Maschera forma dipende dal layout – Potrebbe non apparire nei layout in cui il testo, come il titolo o il sottotitolo, viene visualizzato sopra l'immagine.
L'impostazione Stretch dipende da più fattori – comprese le impostazioni relative a dimensione immagine, allineamento e ritaglio definite nella scheda Stile.
Se Ritaglia immagine è impostato su Originalele dimensioni effettive dell'immagine determineranno se verrà allungata verticalmente o orizzontalmente.

Opzioni bordo immagine

Abilita/Disabilita bordo intorno alle immagini spostando l'interruttore.
Scegli di avere a confine comune su tutti i lati delle immagini oppure è possibile specificare il confini separatamente per ogni lato.
specificare la larghezza del confine. Se è impostato su 0, il bordo non verrà visualizzato. Hai anche la possibilità di impostare la larghezza del bordo individualmente per ciascun lato dell'immagine.
Seleziona il Colore bordo dal selettore colori.
Seleziona un preferito Border Style dal menu a discesa.
Determina il larghezza del bordo per dispositivi mobili dispositivi, allineandolo alla larghezza scelta per il desktop.

Allineamento e colore

Allineare il contenuto nella sezione Titolo in orizzontale. Puoi impostarlo per essere allineato a sinistra, a destra o al centro.
Allineare il contenuto nella sezione Titolo in verticale. Puoi impostarlo in modo che sia allineato in alto, in basso o al centro.
Seleziona se vuoi mantenere il Colore base (colore di sfondo della casella di testo) su Predefinito o Personalizzato.
Se hai scelto Custom per il colore di base, hai la possibilità di seleziona il colore di sfondo. Puoi anche specificare il opacità del colore Base.

Dimensioni e spazio

specificare la Larghezza immagine per l'immagine del blocco del titolo.
specificare la Larghezza contenuto per il testo del blocco del titolo.
specificare la Spazio o sovrapposizione tra la scheda di testo e l'immagine (In %).
specificare la Spazio sotto il titolo (In %).
specificare la Spazio sotto il sottotitolo (In %).

Testo

Clicca sul Cambia stile di testo pulsante per visitare il Design sezione e gestire le dimensioni e gli stili dei caratteri.
Impostare il Titolo stile del carattere per la sezione del blocco del titolo.
Impostare il Sottotitolo stile del carattere per la sezione del blocco del titolo.
Imposta l'impostazione predefinita Descrizione stile del carattere per la sezione del blocco del titolo.
Abilita questa opzione per animare qualsiasi numero presente nel Titolo e Sottotitolo campi. Quando attivata, i valori numerici appariranno con un'animazione di conteggio dinamica, rendendoli più accattivanti dal punto di vista visivo.

Pulsanti e collegamenti

Puoi aggiungere diversi tipi di pulsanti alla sezione Titolo. Sono i seguenti:

Pulsante normale (1), Pulsante immagine (2), e Pulsante icona (3).

specificare la Spazio tra diversi pulsanti/collegamenti.
specificare la Spazio sopra pulsante/link all'interno della scheda di testo.
Impostare il Larghezza del pulsante all'interno della scheda di testo.

Dimensione del pulsante

Imposta la dimensione di Pulsante normale. Puoi scegliere tra tre opzioni: Piccolo, Medio e Grande.
specificare la Altezza del pulsante immagine in pixel.
Impostare il Dimensioni del pulsante icona in pixel.

Impostare il Tipo di icona per il pulsante icona.
Scegliere il Color Style per l'icona all'interno del pulsante. Puoi selezionare il colore del marchio dell'icona o specificare qualsiasi colore di tua scelta.
Impostare il Colore dell'icona del pulsante Icona. Vedrai questa opzione solo quando la abiliti Colore selezionato (28) opzione.
Se hai selezionato Custom nel passaggio precedente (29), puoi impostare il tuo colore preferito per l'icona all'interno del pulsante.
Seleziona il Colore di sfondo per il pulsante icona.

Guarda come funziona il raggio d'angolo:

Non trovi quello che cerchi?

Mettiti in contatto con un esperto Pixpa.

Contattaci