Konfigurera innehåll i full bredd eller i box med Astra gratistema

Astra tema

Astra är ett effektivt och helt anpassningsbart WordPress-tema. Det är vackert och snabbt, vilket gör det idealiskt för blogg, företag, personlig portfölj och WooCommerce-skyltfönster. Eftersom den är lätt, erbjuder den stor hastighet för webbplatsen. Astra är byggd med SEO i åtanke vilket gör att webbplatsen rankas högre i sökmotorerna. Med sina speciella funktioner och mallar är den idealisk för sidbyggare som Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer, etc.

Behållare

En sida på en webbplats kan bekvämt kallas för en container eftersom en container är ett område där vi visar innehållet. Enkelt uttryckt omfattar container hela sidan. Oavsett om det är innehållsområdet eller sidofältet kommer det att inkluderas i behållaren. Tekniskt sett kallar vi innehållsområdet som den primära behållaren, medan sidofältet benämns som en sekundär behållare.

Hur manipulerar man containerlayouter på en webbplats?

Att använda ett Astra-tema gör det bekvämt att tillämpa containerlayouter på hela webbplatsen. Du kan ställa in rutnäten med alternativet Customizer. Detta finns på fliken Utseende: Utseende > Anpassare > Global > Behållare.

  • Du kan också använda olika behållare för olika sidor och inlägg individuellt, från metainställningar.
  • Om du har tillämpat olika inställningar för den övergripande webbplatsen och olika inställningar i metainställningar , kommer de sidspecifika metainställningarna att ha högre prioritet än de övergripande inställningarna för sidanpassning

Behållarens bredd

Allt webbplatsinnehåll, oavsett om det är grafiskt eller text, kommer att visas inom denna bredd. Du kan skapa en mängd olika vyer genom att kombinera bredd med behållarlayout.

Behållarlayout

Astra Free Theme erbjuder 4 typer av containerlayout. Dessa är globala layouter och kommer att tillämpas på hela webbplatsen. Om du vill ha en varierande layout för olika inläggstyper kan du göra det med dedikerad Container Layout.

Med hjälp av sidans "metainställningar" kan du ha mer kontroll över behållarlayouten för varje sida.

Det finns följande typer av containerlayouter.

  • Boxad
  • Innehållsförpackning
  • Full bredd / innesluten
  • Full bredd / Sträckt
  • Dedikerad containerlayout

Dedikerad eller specifik layout

De ovan angivna fyra typerna av containerlayouter är tillgängliga för specifika posttyper separat. Detta betyder att om du väljer en standardlayout, låt oss säga Boxed layout, och för Arkiv har du valt Full Width, så kommer hela webbplatsen att ha Boxed layout, medan arkivsidor kommer att ha Full Width/Contained layout.

  • Sidlayout – Endast för sidor
  • Arkivlayout – Alla arkiv
  • Layout för blogginlägg – För bloggarkiv och enskilda blogginläggssidor

Astra-tema erbjuder integration med många populära plugin . Dessa plugin erbjuder integration med Astra:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

När ovanstående plugin är installerade kan du få tillgång till dedikerade behållarlayoutalternativ för dessa plugin sidor också.

De dedikerade modulerna i Astra Pro Addon plugin ger mer avancerade alternativ. De dedikerade modulerna för Astra Pro Addon plugin innehåller dessa alternativ:

  • Sidans metainställningar har företräde framför behållarlayout. Metainställningarnas prioritet är högre än anpassarinställningarna.
  • Inställningarna för webbplatslayout bestämmer behållarens bredd.

Behållarlayout/fullbreddslayout

Behållarinställningarna för full bredd kan manipuleras via Customizer Settings som finns i Dokument .

Dokument » Anpassningsinställningar » Globalt » Full bredd/Innehållen – Behållarlayout

Som förklarats tidigare kan en webbplats ha två behållare; Primär behållare och sekundär behållare.

Primär behållare är sidan där huvudinnehållet visas.

Sekundär behållare utgör sidofältet och olika widgets i sidofältet.

Med hjälp av en "Full Width / Contained"-layout kan du kombinera de primära och sekundära behållarna. Dessa behållare kan sedan visas i en enda behållare för ett mer snyggt utseende. Layouten "Full Width / Contained" visar innehåll och sidofält sida vid sida i en enda behållare. Den här behållaren lämnar utrymme runt behållaren eftersom den visas i en behållarbredd.

Behållarinställningarna kan ändras eller ändras genom att gå till Utseende och följa den här sökvägen:

Utseende > Anpassa > Global > Behållare

Full bredd/innesluten layout är idealisk för de webbplatser som behöver en snygg design, utan några rutor eller rutnätsgränser. Denna layout kan ställas in som standard genom integrationer med plugin som WooCommerce, LifterLMS, etc.

Många sidbyggare, som Visual Composer, kräver temat för att styra behållarnas bredd. Av samma anledning rekommenderar de Full Width / Contained layout.

De dedikerade modulerna för Astra Pro Addon plugin erbjuder fler stylingalternativ.

Content Boxed – Container Layout

Dokument » Anpassningsinställningar » Globalt » Innehållsförpackning – Behållarlayout

Vi har tidigare diskuterat att en webbplats normalt kan ha två behållare:

Primär behållare: där huvudinnehållet visas

Sekundär behållare: Består av sidofält och olika widgets

Om du väljer "Innehållsboxlayout" kommer bara den primära behållaren att visas i boxformatet. Icke desto mindre kommer den sekundära behållaren att förbli på en vanlig bakgrund.

Om du vill göra innehållsområdet på din webbplats mer framträdande än sidofältet, är det idealiskt att välja den här layouten. Enkelt uttryckt är innehåll Boxed Layout perfekt för innehållswebbplatser och bloggar.

Inställningarna för boxed layout kan hittas som:

 Utseende > Anpassa > Global > Behållare

Dessutom, om du vill använda en annan behållare för enskilda sidor, kan du göra det från metainställningar.

  • En innehållsbox kan användas för valda sidor eller inlägg, från metainställningar.
  • Inställningarna för webbplatslayout bestämmer behållarens bredd.
  • Med hjälp av Astra Pro Addon plugin kan du ändra webbplatsens bakgrundsfärg genom modulen Färger och bakgrunder. Men om du inte har Astra Pro kan du även lägga till en bakgrundsbild med Custom CSS.

Funktioner i Astra Free Theme

Astra är utan tvekan det bästa temat för Elementor. Det fungerar utmärkt med Elementor, vilket gör det till det bästa gratistemat för att bygga webbplatser. Nedan har vi diskuterat funktionerna som gör Astra till det bästa temat.

Full bredd / Sträckt layout

Astra tillhandahåller en full bredd/sträckt layout, som är gjord speciellt för Elementor. Med den här layouten får Elementor fullständig kontroll över din layout, vilket befriar dig från besväret med att inkludera komplicerad JavaScript-metod för att utöka dina rader eller sektioner till full bredd.

Med Astra kan du enkelt inaktivera sidofält, sidtitel, brödsmulor och utvalda bilder för att få full frihet att designa med Elementor. Genom att inaktivera dessa funktioner kan du få en tom arbetsyta, som låter dig designa din webbplats från grunden - precis som du vill ha den. Du kan till och med bygga en anpassad målsida, inaktivera sidhuvudet och sidfoten på Astra, så att Elementor har full kontroll över sidan.

De flesta teman producerar dessa funktioner som standard, vilket minskar användarens kontroll att designa webbplatsen.

Globala alternativ från Customizer

Astras globala alternativ låter dig ställa in önskad layout, sidofält och andra anpassade inställningar som är lämpliga för Elementor direkt i Customizer. Det globala alternativet är idealiskt speciellt om du bygger en webbplats där de flesta sidor är designade med Elementor.

Återigen, om du vill ha olika inställningar för enskilda sidor kommer det globala alternativet att åsidosättas av dessa individuella inställningar.

Elementor Pro 2.0-kompatibel

Astra är ett av de få teman som är helt kompatibla med Elementor 2.0 Theme Builder. Genom att använda Astra och Elementor Pro 2.0 Theme Builder kan du mikrodesigna varje aspekt av din webbplats. Oavsett om det är att välja en annan sidhuvud, sidfot, bloggmallar eller något annat, kan du få det som du vill med dessa två kraftfulla verktyg.

Elementor-integration

Astra erbjuder smart integration med Elementor. Om du bygger en sida med Elementor kommer Astra automatiskt att ställa in de alternativ som är bäst för Elementor. Denna smarta integration sparar ganska mycket tid och energi som du kan använda på andra viktiga saker.

Astra erbjuder mer än 30 typer av sidhuvuden och mer än 10 typer av sidfötter. Du kan välja om du vill ha en transparent rubrik eller en solid. Du kan till och med bygga din header från grunden på elementor, enligt dina anpassade krav, med Astra Pro-tillägget.

Alternativ för mobil rubrik

Du kan göra mobila responsiva sajter med Astra. Astra tillhandahåller en bekväm lösning för mobil responsiv meny, som har mycket enkla inställningar i Customizer. Detta låter dig styra och designa en vacker mobilmeny. Du kan bygga hela menyn utan någon egen kod.

Lätt och svullnadsfri

Astra ger support till Elementor. Detta innebär att Astra inte duplicerar funktioner som erbjuds av elementor. Astra är ett lätt och modulärt tema. Det tar hand om kosmetika, såsom globala färger, typografi och styling och tredjeparts plugin integrationer. Ändå hanterar Elementor sidbyggnadsdelen.

Ahmad

Visa kommentarer

  • Jag har en fråga om att anpassa behållaren. Den kan justeras i bredd. Men ingenstans läser jag hur man kan justera höjden på containerlådan (blocket). Det är för mycket vitt på min sida. Jag skulle vilja ha brödtexten närmare rubriken genom att göra blocket där den ligger mindre högt.

    • Hej, det finns ingen inställning för höjd, den definieras av alla sidavsnitt innehåll + marginaler. I ditt fall antar jag att det är ett problem med marginal/utfyllnad av din rubrik eller första avsnitt.

Nya Inlägg

Hur man använder sidhuvuden och sidfötter med Elementor

En webbplats sidhuvuden och sidfötter är viktiga element. I de flesta fall ger rubriken navigering...

6 januari 2022

WordPress-temajämförelse: Astra vs OceanWP

Två av de mest populära WordPress-temanen på marknaden är Astra och OceanWP. Professionell…

2 januari 2022

Jämförelse av WordPress-nyhetstema: Tidning vs. Astra

Att skapa en utmärkt nyhetswebbplats kräver inte att du blir webbdesigner. Vi…

25 oktober 2021

Skapa en nyhetsrelaterad webbplats med tidningstema

The Newspaper-temat är ett av de viktigaste WordPress-teman som designats av tagDiv, en...

18 oktober 2021

Hur man bygger en e-handel med Avada WooCommerce Builder

När det gäller att skapa en onlinebutik är WooCommerce det bästa plugin . Den…

4 oktober 2021

Hur man använder sticky header och rullningseffekter med Elementor

En rubrik är i allmänhet det första en person ser när de besöker din webbplats,...

21 september 2021