Astra Pro: configura un'intestazione straordinaria

Le intestazioni sono una parte essenziale di qualsiasi articolo, blog o sito web. I lettori navigano attraverso il materiale e i clienti fanno clic sul tuo sito web, solo se sono interessati all'intestazione. Le intestazioni possono, quindi, creare o distruggere la tua autorità online. Ecco alcuni straordinari vantaggi che puoi ottenere da un'intestazione attraente

In che modo un'intestazione straordinaria può apportare benefici al tuo blog/sito web?

Intestazioni attraenti possono servirti

1- Rendere la tua pagina scansionabile

Le intestazioni sulla tua pagina daranno ai lettori un'idea del contenuto. Possono scorrere rapidamente e arrivare alla parte che li interessa invece di non leggerla del tutto.

2- Aumentare il posizionamento SEO

I motori di ricerca adorano le intestazioni riempite con le parole chiave giuste. Un'intestazione ben redatta è il modo migliore per aumentare il tuo posizionamento SEO e, di conseguenza, i tuoi potenziali contatti, clic e vendite.

3- Navigazione nella ricerca vocale

Poiché la recente tendenza della ricerca vocale sta guadagnando slancio, le intestazioni sono diventate uno strumento prezioso per navigare tra le informazioni. Quando qualcuno utilizza una ricerca vocale per trovare qualsiasi informazione, i motori di ricerca raccolgono le parole e visualizzano i risultati con le intestazioni corrispondenti.

Ecco una guida passo passo su come configurare un'intestazione straordinaria con il tema Astra Pro. Segui la procedura per realizzare in pochissimo tempo un'intestazione a tua scelta

Come configurare un'intestazione con Astra Pro?

Puoi creare un'intestazione di pagina con Astra Pro, inclusa un'immagine di sfondo, in vari colori e breadcrumb. Puoi anche scegliere di progettare un'intestazione del sito in base all'idoneità dell'intestazione della pagina. Prima di utilizzare queste funzionalità, assicurati di avere il Plugin installato sul sito Web WordPress.

Come installare Astra Pro?

Segui i semplici passaggi indicati di seguito per installare il plugin di Astra Pro sul tuo WordPress

Installa il tema Astra

  • Accedi allo Store di Brainstorm Force
  • Passare agli Account e quindi fare clic su Download (Account > Download)
  • Seleziona l'opzione del Plugin Astra Pro per ottenere un file zip installabile sul computer
  • Installa il file zip sul sito Web WordPress e attiva il plugin Astra Pro
  • Aggiungi la licenza aggiuntiva Astra Pro

Configurazione delle intestazioni di pagina con il modulo di intestazione di pagina

Utilizzando il modulo Intestazioni pagina nel tema Astra Pro, puoi configurare le intestazioni in qualsiasi stile e design di tua scelta. Seguire i passaggi indicati di seguito per farlo

Passaggio 1

Dopo aver installato Astra Pro, apri la dashboard di WordPress e vai all'opzione Aspetto. Attiva il modulo in "Opzioni Astra".

Dashboard WordPress > Aspetto > Opzioni Astra

Passaggio 2

Per creare le intestazioni di pagina, visita l'area "Intestazioni di pagina" nelle Opzioni Astra in questo modo

 Aspetto > Opzioni Astra > Intestazioni di pagina

Passaggio 3

Dopo l'attivazione del modulo Intestazioni pagina, seleziona l'opzione Impostazioni per iniziare a progettare

Passaggio 4

Sotto le impostazioni, puoi visualizzare l'opzione "Intestazioni di pagina" nella scheda Aspetto. Da lì, puoi creare una nuova intestazione con il nome che preferisci. Successivamente, puoi personalizzarlo ulteriormente con le varie opzioni disponibili per l'intestazione della pagina, le regole di visualizzazione e l'intestazione del sito. Seleziona e prova le impostazioni che preferisci e crea un'intestazione perfetta.

Opzioni di personalizzazione per le intestazioni delle pagine in Astra Pro

Astra Pro fornisce le opzioni di personalizzazione nei seguenti domini per la progettazione delle intestazioni di pagina

Disposizione

Se stai creando un'intestazione con qualsiasi generatore di pagine, puoi creare l'intestazione della tua pagina

Stick: determina se l'intestazione diventerà appiccicosa o meno

Attacca: farà sì che la tua intestazione rimanga sul cellulare/desktop

Riduci: se attacchi l'intestazione nella parte superiore della pagina, questa opzione deciderà se si ridurrà o meno. L'effetto Riduci rimuove lo spazio inferiore e superiore dell'intestazione

Puoi anche organizzare il titolo della pagina con le seguenti opzioni di layout

Allineato al centro: farà sì che il titolo della pagina e anche il breadcrumb (se attivato) si trovino uno sull'altro al centro della pagina.

La vista frontale di questa opzione può assomigliare a questa

In linea: sposterà il titolo della pagina e anche il breadcrumb (se attivato) verso il lato destro e sinistro

La vista frontale di questa opzione può assomigliare a questa

Visualizza breadcrumb

Puoi scegliere di visualizzare o meno i breadcrumb sul tuo sito web con questa opzione. I breadcrumb rappresentano la posizione corrente dell'utente nel sito e aiutano gli utenti a navigare dall'alto verso il basso nella gerarchia dei collegamenti

Sarà visibile sul tuo front-end in questo modo

Colore e titolo del pangrattato

Puoi scegliere il testo per il breadcrumb sul tuo sito web e anche selezionarne i colori come mostrato

Sarà visibile sul tuo front-end in questo modo

Dimensione dello sfondo

Puoi scegliere l'altezza dell'intestazione della tua pagina con l'opzione della dimensione dello sfondo. È un'aggiunta utile in quanto migliorerà anche il design dell'intestazione della pagina. Puoi scegliere l'opzione a dimensione intera o creare una dimensione personalizzata per l'intestazione della pagina

Dimensione intera: questa opzione consentirà all'intestazione della pagina di occupare uno schermo intero

Sarà visibile sul tuo front-end come

Dimensioni personalizzate: le dimensioni personalizzate ti consentono di assegnare all'intestazione della pagina qualsiasi dimensione in un numero positivo. Puoi anche definire il riempimento inferiore e superiore dell'intestazione insieme a qualsiasi unità. L'unità predefinita è "%" insieme ad altre opzioni come "6px"

Sarà visibile sul tuo front-end in questo modo

Sfondo dell'intestazione

Puoi anche accompagnare la tua intestazione con qualsiasi colore o immagine sullo sfondo, che la renderà sempre più attraente.

Colore: vai all'opzione dello sfondo dell'intestazione della pagina e vedrai un selettore di colori da cui puoi decidere qualsiasi colore desideri per lo sfondo dell'intestazione. Decidi il tuo colore preferito che farà risaltare l'intestazione della pagina

Immagine: come il colore, puoi selezionare un'immagine da posizionare sullo sfondo dell'intestazione della pagina

Sostituisci: Astra Pro ti offre anche la possibilità di sovrascrivere l'immagine di sfondo dell'intestazione con l'immagine del blog/post/pagina in primo piano attivando l'opzione di sovrascrittura

Colore sovrapposizione: il colore di sfondo che hai scelto per l'intestazione si sovrapporrà all'immagine di sfondo con questa opzione

Sarà visibile sul tuo front-end come

Effetto parallasse

Astra Pro offre l'opzione dell'effetto parallasse in cui l'immagine sullo sfondo si sposterà a una velocità diversa rispetto al contenuto in primo piano durante lo scorrimento 

Visualizzazione attivata

Questa funzionalità premium di Astra Pro ti consente di visualizzare l'intestazione della pagina sui post o sulle pagine specifici di tua scelta. Puoi decidere la posizione dall'elenco a discesa e utilizzare la regola di esclusione e/o di visualizzazione per visualizzare l'intestazione della pagina  

Tema gratuito Astra Pro contro Astra per le intestazioni delle pagine

Stai valutando se utilizzare plugin Astra Pro Addon o restare con il tema Astra gratuito di base durante la progettazione delle intestazioni delle pagine? Qui presentiamo un confronto tra i termini delle funzionalità disponibili per la progettazione e la creazione di intestazioni straordinarie

CaratteristicheTema gratuito AstraComponente aggiuntivo Astra Pro
Intestazione trasparente✔️✔️
Pangrattato✔️✔️
Intestazione del bastone✔️
Intestazione mobile✔️
Intestazioni di pagina✔️
Tipografia e colori✔️
Intestazione primaria✔️

Parole finali

Astra Pro è un plugin per il tema Astra, che lo rende ancora più avanzato e personalizzabile. Astra Pro offre una gamma di funzionalità premium che non sono disponibili nel tema Astra di base gratuito. Se stai cercando un tema facilmente accessibile per il tuo sito web personale e aziendale a un prezzo ragionevole, Astra Pro dovrebbe essere la migliore delle tue opzioni. Quindi vai a dare un'occhiata e lascia la tua recensione.

ahmad

Post recenti

Come utilizzare intestazioni e piè di pagina con Elementor

Le intestazioni e i piè di pagina di un sito Web sono elementi essenziali. Nella maggior parte dei casi, l'intestazione fornisce la navigazione...

6 gennaio 2022

Confronto dei temi WordPress: Astra vs OceanWP

Due dei temi WordPress più popolari sul mercato sono Astra e OceanWP. Professionale…

2 gennaio 2022

Confronto dei temi delle notizie WordPress: Giornale vs. Astra

Per creare un eccellente sito Web di notizie non è necessario che tu diventi un web designer. Noi…

25 ottobre 2021

Crea un sito Web relativo alle notizie con il tema del giornale

Il tema Giornale è uno dei temi WordPress più significativi progettati da tagDiv, un...

18 ottobre 2021

Come costruire un eCommerce con il builder Avada WooCommerce

Quando si tratta di creare un negozio online, WooCommerce è il plugin di riferimento. Esso…

4 ottobre 2021

Come utilizzare l'intestazione fissa e gli effetti di scorrimento con Elementor

Un'intestazione è generalmente la prima cosa che una persona vede quando visita il tuo sito web,...

21 settembre 2021