Installa contenuti a larghezza intera o in scatola con tema Astra gratuito

Astra Theme

Astra è un tema WordPress efficiente e completamente personalizzabile. È bello e veloce, il che lo rende ideale per blog, aziende, portfolio personale e vetrina WooCommerce. Essendo leggero, offre una grande velocità per il sito Web. Astra è stato progettato pensando alla SEO, il che rende il sito Web più elevato nei motori di ricerca. Con le sue caratteristiche speciali e modelli, è ideale per i costruttori di pagine 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 visualizziamo il contenuto. In poche parole, il contenitore racchiude l'intera pagina. Che si tratti dell'area del contenuto o della barra laterale, verrà inclusa nel contenitore. Tecnicamente, chiamiamo l'area del contenuto come il contenitore principale, mentre la barra laterale è definita come contenitore secondario.

Come manipolare i layout dei container su un sito Web?

L'uso di un tema Astra rende conveniente applicare i layout dei container sull'intero sito Web. È possibile impostare le griglie con tramite l'opzione Personalizzatore. Questo può essere trovato nella scheda Aspetto: Aspetto> Personalizzatore> Globale> Contenitore.

  • Puoi anche applicare contenitori diversi per pagine e post diversi singolarmente, dalle meta impostazioni.
  • Se hai applicato impostazioni diverse per il sito Web generale e impostazioni diverse nelle meta impostazioni , le meta impostazioni specifiche della pagina avranno una priorità maggiore rispetto alle impostazioni generali di personalizzazione della pagina .

Larghezza del contenitore

Tutto il contenuto del sito Web, grafico o di testo, verrà visualizzato all'interno di questa larghezza. È possibile creare una varietà di viste combinando la larghezza con il layout del contenitore.

1.png

Layout 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 variabile per diversi tipi di post, puoi farlo con il layout del contenitore dedicato.

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

Esistono i seguenti tipi di layout del contenitore.

  • Incorniciato
  • Contenuto inscatolato
  • Larghezza totale / contenuto
  • Larghezza totale / allungato
  • Layout del contenitore dedicato

Layout dedicato o specifico

I quattro tipi di layout contenitore sopra indicati sono disponibili separatamente per tipi di posta specifici. Ciò significa che se scegli un layout predefinito, diciamo Layout con riquadro, e per gli Archivi hai selezionato Larghezza intera, l'intero sito avrà un layout con riquadro, mentre le pagine di archivio avranno layout con larghezza intera / contenuto.

  • Layout di pagina: solo per pagine
  • Layout degli archivi - Tutti gli archivi
  • Layout dei post sul blog - Per le pagine dell'archivio blog e dei singoli post sul blog
2.png

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

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

Quando i plugin sopra sono installati, puoi avere accesso a opzioni di layout del contenitore dedicate anche per quelle pagine di 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 impostazioni meta è superiore alle impostazioni del personalizzatore.
  • Le impostazioni di Layout del sito decidono la larghezza del contenitore.

Layout del contenitore / Layout a larghezza intera

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

Documenti »Impostazioni personalizzatore» Globale »Larghezza totale / Contenitore - 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 / Contenitore", è possibile combinare i contenitori primario e secondario. Questi contenitori possono quindi essere visualizzati in un singolo contenitore per un aspetto più ordinato. Il layout “Full Width / Contained” mostra il contenuto e la barra laterale affiancati in un unico contenitore. Questo contenitore lascerà spazio attorno al contenitore perché viene visualizzato in una larghezza del contenitore.

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

Aspetto> Personalizza> Globale> Contenitore

4.png

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 il tema per controllare la larghezza dei contenitori. Per lo stesso motivo, raccomandano layout a larghezza piena / contenuto.

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

Contenuto inscatolato - Layout contenitore

Documenti »Impostazioni personalizzatore» Globale »Contenuto inscatolato - Layout contenitore

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

Contenitore principale: dove appare il contenuto principale

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

Se si seleziona "Layout contenuto in scatola", nel riquadro verrà visualizzato solo il contenitore principale. Considerando che, il contenitore secondario rimarrà su uno sfondo semplice.

5.png

Se vuoi rendere l'area del contenuto del tuo sito Web più prominente della barra laterale, selezionare questo layout è l'ideale. In poche parole, Content Box Layout è perfetto per siti Web e blog di contenuti.

Le impostazioni per il layout in riquadro sono disponibili come:

 Aspetto> Personalizza> Globale> Contenitore

Inoltre, se si desidera applicare un contenitore diverso per le singole pagine, è possibile farlo da meta-impostazioni.

  • Un contenitore inscatolato di contenuto può essere applicato per pagine o post selezionati, da meta impostazioni.
  • Le impostazioni di Layout del sito decidono 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 disponi di Astra Pro, puoi anche aggiungere un'immagine di sfondo con CSS personalizzato.

Caratteristiche di Astra Free Theme

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 delle caratteristiche che rendono Astra il miglior tema.

Larghezza intera / layout allungato

Astra offre un layout a larghezza piena / allungato, realizzato appositamente per Elementor. Con questo layout, Elementor ottiene il controllo completo del layout, liberandoti dalla difficoltà di includere un metodo JavaScript complicato per estendere le tue righe o sezioni a tutta larghezza.

Larghezza intera o allungato.png

Con Astra, puoi disabilitare abbastanza facilmente la barra laterale, il titolo della pagina, il pangrattato e le immagini in primo piano per ottenere la massima libertà di progettazione con Elementor. Disabilitando queste funzionalità puoi avere una tela bianca, che ti consente di progettare il tuo sito 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 goda del pieno controllo della pagina.

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

disable.png

Opzioni globali dal personalizzatore

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

Ancora una volta, se si desidera impostazioni diverse per le singole pagine, l'opzione globale verrà ignorata da queste singole impostazioni.

Global options.png

Compatibile con Elementor Pro 2.0

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

elementor.png

Integrazione elementare

Astra offre un'integrazione intelligente con Elementor. Se stai costruendo una pagina con Elementor, Astra imposterà automaticamente le opzioni migliori per Elementor. Questa integrazione intelligente consente di risparmiare un sacco di tempo ed energie che è possibile 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 costruire la tua intestazione da zero su elementor, secondo i tuoi requisiti personalizzati, con l'addon Astra Pro.

header footer.png

Opzioni di intestazione mobile

Puoi creare siti responsive per dispositivi mobili con Astra. Astra offre una soluzione conveniente per il menu responsive mobile, che ha impostazioni molto semplici nel personalizzatore. Ciò ti consente di controllare e progettare un bellissimo menu mobile. È possibile creare l'intero menu senza alcun codice personalizzato.

mobile header.png

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 dei cosmetici, come i colori globali, la tipografia e lo stile e le integrazioni di plugin -in di terze parti. Considerando che, Elementor gestisce la parte di costruzione della pagina.

peso leggero.png

2 pensieri su "Imposta un contenuto a larghezza intera o in scatola con il tema gratuito di Astra"

  1. Ik heb een vraag over het aanpassen van de container. Die is in de breedte in te stellen. Maar nergens lees ik hoe je de hoogte van de container box (blok) kunt instellen. Il sito di Bij mijn è er teveel wit. Ik zou de body tekst dichter op de header willen hebben door het blok waarin deze staat minder hoog te maken.

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

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *