Imposta un contenuto a larghezza intera o in scatola con il tema gratuito Astra

Tema Astra

Astra è un tema WordPress efficiente e completamente personalizzabile. È bello e veloce, il che lo rende ideale per blog, affari, portfolio personale e vetrina WooCommerce. Essendo leggero, offre una grande velocità per il sito web. Astra è costruito pensando al SEO, il che fa sì che il sito web si posizioni più in alto nei motori di ricerca. Con le sue funzionalità e modelli speciali, è ideale per i page builder come Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer, ecc.

Contenitore

Una pagina su un sito web può essere convenientemente chiamata contenitore perché un contenitore è un'area in cui mostriamo il contenuto. In poche parole, il contenitore comprende l'intera pagina. Che si tratti dell'area del contenuto o della barra laterale, verrà inclusa nel contenitore. Tecnicamente chiamiamo l'area del contenuto contenitore primario, mentre la barra laterale è definita contenitore secondario.

Come manipolare i layout dei contenitori su un sito web?

L'uso di un tema Astra rende conveniente applicare layout contenitore all'intero sito web. È possibile impostare le griglie tramite l'opzione Personalizzatore. Puoi trovarlo nella scheda Aspetto: Aspetto > Personalizzatore > Globale > Contenitore.

  • Puoi anche applicare contenitori diversi per pagine e post diversi individualmente, dalle meta impostazioni.
  • Se hai applicato impostazioni diverse per l'intero sito web e impostazioni diverse nelle meta impostazioni , le meta impostazioni specifiche della pagina avranno una priorità più alta rispetto alle impostazioni di personalizzazione

Larghezza del contenitore

Tutto il contenuto del sito web, sia grafico che testuale, verrà visualizzato entro questa larghezza. Puoi creare una varietà di visualizzazioni combinando la larghezza con il layout del contenitore.

Disposizione del contenitore

Il tema gratuito Astra offre 4 tipi di layout dei contenitori. Questi sono layout globali e verranno applicati all'intero sito Web. Se desideri un layout diverso per diversi tipi di post, puoi farlo con il layout contenitore dedicato.

Con l'aiuto delle "meta impostazioni" della pagina, puoi avere un maggiore controllo sul layout del contenitore di ciascuna pagina.

Esistono i seguenti tipi di layout del contenitore.

  • Incorniciato
  • Contenuto in scatola
  • Larghezza intera/contenuta
  • Larghezza intera/allungata
  • Layout contenitore dedicato

Layout dedicato o specifico

I quattro tipi di layout dei contenitori sopra indicati sono disponibili separatamente per tipi di post specifici. Ciò significa che se scegli un layout predefinito, diciamo un layout in scatola, e per gli archivi hai scelto Larghezza intera, l'intero sito avrà un layout in scatola, mentre le pagine di archivio avranno un layout a larghezza intera/contenuta.

  • Layout di pagina: solo per le pagine
  • Layout degli archivi: tutti gli archivi
  • Layout dei post del blog: per l'archivio del blog e le pagine dei singoli post del blog

Il tema Astra offre l'integrazione con molti plugin popolari. Questi plugin offrono l'integrazione con Astra:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

SollevatoreLMS (3)

Quando i plugin di cui sopra sono installati, puoi avere accesso a opzioni di layout del contenitore dedicate anche per quelle pagine plugin .

I moduli dedicati del plugin Astra Pro Addon forniscono opzioni più avanzate. I moduli dedicati del plugin Astra Pro Addon contengono queste opzioni:

  • Le meta impostazioni della pagina hanno la preferenza sul layout del contenitore. La priorità delle meta impostazioni è superiore alle impostazioni del personalizzatore.
  • Le impostazioni del layout del sito determinano la larghezza del contenitore.

Layout contenitore/Layout larghezza intera

Le impostazioni del contenitore a larghezza intera possono essere manipolate tramite le Impostazioni di personalizzazione disponibili in Documenti .

Documenti » Impostazioni di personalizzazione » Globale » Larghezza intera/Contenuto – Layout contenitore

Come spiegato in precedenza, un sito Web può avere due contenitori; Contenitore primario e contenitore secondario.

Il contenitore principale è la pagina in cui viene visualizzato il contenuto principale.

Il contenitore secondario costituisce la barra laterale e vari widget nella barra laterale.

Con l'aiuto di un layout "Larghezza intera/Contenuto", puoi combinare i contenitori primari e secondari. Questi contenitori possono poi essere visualizzati in un unico contenitore per un aspetto più ordinato. Il layout "Larghezza intera/Contenuto" visualizza il contenuto e la barra laterale fianco a fianco in un unico contenitore. Questo contenitore lascerà spazio attorno al contenitore perché viene visualizzato in una larghezza contenitore.

Le impostazioni del contenitore possono essere modificate o alterate andando su Aspetto e seguendo questo percorso:

Aspetto > Personalizza > Globale > Contenitore

Il layout a larghezza intera/contenuto è ideale per quei siti Web che necessitano di un design ordinato, senza riquadri o confini della griglia. Questo layout può essere impostato come predefinito tramite integrazioni con plugin come WooCommerce, LifterLMS, ecc.

Molti generatori di pagine, come Visual Composer, richiedono che il tema controlli la larghezza dei contenitori. Per lo stesso motivo, consigliano il layout a larghezza intera/contenuto.

I moduli dedicati del plugin Astra Pro Addon offrono più opzioni di stile.

Contenuto in scatola – Layout del contenitore

Documenti » Impostazioni di personalizzazione » Globale » Contenuto in scatola – Layout contenitore

Abbiamo discusso in precedenza che normalmente un sito Web può avere due contenitori:

Contenitore primario: dove appare il contenuto principale

Contenitore secondario: è costituito da una barra laterale e da vari widget diversi

Se scegli il "Layout del contenuto in scatola", solo il contenitore principale apparirà nel formato in scatola. Tuttavia il contenitore secondario rimarrà su uno sfondo liscio.

Se desideri che l'area dei contenuti del tuo sito web sia più prominente rispetto alla barra laterale, selezionare questo layout è l'ideale. In poche parole, il layout in scatola dei contenuti è perfetto per i siti Web e i blog di contenuti.

Le impostazioni per il layout in scatola possono essere trovate come:

 Aspetto > Personalizza > Globale > Contenitore

Inoltre, se desideri applicare un contenitore diverso per le singole pagine, puoi farlo dalle meta impostazioni.

  • Un contenitore Boxed di contenuto può essere applicato per pagine o post selezionati, dalle meta impostazioni.
  • Le impostazioni del layout del sito determinano la larghezza del contenitore.
  • Con l'aiuto del plugin Astra Pro Addon, puoi modificare il colore di sfondo del sito tramite il modulo Colori e sfondi. Tuttavia, se non hai Astra Pro, puoi anche aggiungere un'immagine di sfondo con CSS personalizzato.

Caratteristiche del tema gratuito Astra

Astra è senza dubbio il miglior tema per Elementor. Funziona alla grande con Elementor, il che lo rende il miglior tema gratuito per la creazione di siti Web. Di seguito, abbiamo discusso le caratteristiche che rendono Astra il tema migliore.

Layout a larghezza intera/allungato

Astra fornisce un layout a larghezza intera/allungato, realizzato appositamente per Elementor. Con questo layout, Elementor ottiene il controllo completo del tuo layout, liberandoti dal problema di includere complicati metodi JavaScript per estendere le righe o le sezioni a tutta larghezza.

Con Astra, puoi disabilitare abbastanza facilmente la barra laterale, il titolo della pagina, il breadcrumb e le immagini in primo piano per ottenere la piena libertà di progettazione con Elementor. Disabilitando queste funzionalità puoi avere una tela bianca, che ti consente di progettare il tuo sito web da zero, proprio come lo desideri. Puoi persino creare una landing page personalizzata, disabilitare l'intestazione e il piè di pagina di Astra, in modo che Elementor abbia il pieno controllo della pagina.

La maggior parte dei temi presenta queste funzionalità per impostazione predefinita, riducendo quindi il controllo dell'utente sulla progettazione del sito.

Opzioni globali dal personalizzatore

Le opzioni globali di Astra ti consentono di impostare il layout richiesto, la barra laterale e altre impostazioni personalizzate adatte a Elementor direttamente nel Personalizzatore. L'opzione globale è l'ideale soprattutto se stai creando un sito Web in cui la maggior parte delle pagine sono progettate con Elementor.

Ancora una volta, se desideri impostazioni diverse per le singole pagine, l'opzione globale verrà sovrascritta da queste impostazioni individuali.

Compatibile con Elementor Pro 2.0

Astra è uno di quei pochi temi completamente compatibili con il generatore di temi Elementor 2.0. Utilizzando Astra ed Elementor Pro 2.0 Theme Builder, puoi microprogettare ogni aspetto del tuo sito web. Che si tratti di selezionare un'intestazione, un piè di pagina, modelli di blog o qualsiasi altra cosa diversi, puoi farlo a modo tuo con questi due potenti strumenti.

Integrazione Elementor

Astra offre un'integrazione intelligente con Elementor. Se stai creando una pagina con Elementor, Astra imposterà automaticamente le opzioni migliori per Elementor. Questa integrazione intelligente fa risparmiare molto tempo ed energie che puoi utilizzare su altre cose importanti.

Astra offre più di 30 tipi di intestazioni e più di 10 tipi di piè di pagina. Puoi scegliere se desideri un'intestazione trasparente o solida. Puoi persino creare la tua intestazione da zero su elementor, secondo i tuoi requisiti personalizzati, con il componente aggiuntivo Astra Pro.

Opzioni di intestazione mobile

Puoi creare siti reattivi per dispositivi mobili con Astra. Astra fornisce una soluzione conveniente per il menu reattivo mobile, che ha impostazioni molto semplici nel personalizzatore. Ciò ti consente di controllare e progettare bellissimi menu mobili. Puoi creare l'intero menu senza alcun codice personalizzato.

Leggero e senza gonfiore

Astra fornisce supporto a Elementor. Ciò significa che Astra non duplica le funzionalità offerte da elementor. Astra è un tema leggero e modulare. Si prende cura degli aspetti estetici, come colori globali, tipografia, stile e integrazioni plugin di terze parti. Tuttavia, Elementor gestisce la parte di creazione della pagina.

Ahmad

Visualizza commenti

  • Ho una domanda sulla personalizzazione del contenitore. Può essere regolato in larghezza. Ma da nessuna parte leggo come regolare l'altezza della scatola contenitore (blocco). C'è troppo bianco sul mio sito. Vorrei avere il corpo del testo più vicino all'intestazione rendendo meno alto il blocco in cui si trova.

    • Ciao, non esiste alcuna impostazione per l'altezza, è definita dal contenuto + margini di tutte le sezioni della pagina. Nel tuo caso, immagino che sia un problema di margine/imbottitura dell'intestazione o della prima sezione.

messaggi 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: giornali 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