Opsætning af en fuld bredde eller indrammet indhold med Astra-gratis tema

Astra tema

Astra er et effektivt og fuldt tilpasseligt WordPress-tema. Det er smukt og hurtigt, hvilket gør det ideelt til blog, forretning, personlig portefølje og WooCommerce-butik. Da det er let, tilbyder det stor hastighed for hjemmesiden. Astra er bygget med SEO i tankerne, hvilket gør webstedet højere i søgemaskinerne. Med sine specielle funktioner og skabeloner er det ideelt til sidebygere som Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer osv.

Beholder

En side på et websted kan nemt kaldes en container, fordi en container er et område, hvor vi viser indholdet. Kort sagt, containeren omfatter hele siden. Uanset om det er indholdsområdet eller sidebjælken, vil det blive inkluderet i containeren. Teknisk kalder vi indholdsområdet som den primære container, mens sidefeltet betegnes som en sekundær container.

Hvordan man manipulerer containerlayouts på et websted?

Brug af et Astra-tema gør det praktisk at anvende containerlayouts på hele webstedet. Du kan indstille rister med via indstillingen Customizer. Dette kan findes under fanen Udseende: Udseende> Customizer> Global> Container.

  • Du kan også anvende forskellige containere på forskellige sider og indlæg hver for sig fra metaindstillinger.
  • Hvis du har anvendt forskellige indstillinger for den overordnede hjemmeside, og forskellige indstillinger i meta indstillinger , så de sidespecifikke meta indstillinger vil have højere prioritet end de overordnede side Customizer indstillinger.

Beholderbredde

Alt webstedsindhold, hvad enten det er grafisk eller tekst, vises inden for denne bredde. Du kan oprette en række visninger ved at kombinere bredde med containerlayout.

1.png

Containerlayout

Astra Free Theme tilbyder 4 typer Containers layout. Disse er globale layouts og vil blive anvendt på hele hjemmesiden. Hvis du vil have et varierende layout til forskellige posttyper, kan du gøre det med dedikeret Container Layout.

Med hjælp fra side 'meta-indstillinger' kan du have mere kontrol over containers layout på hver side.

Der er følgende typer containerlayouts.

  • boxed
  • Indhold i boks
  • Fuld bredde / indesluttet
  • Fuld bredde / strakt
  • Dedikeret containerlayout

Dedikeret eller specifik layout

Ovenstående givne fire typer containerlayouts er tilgængelige for specifikke posttyper separat. Dette betyder, at hvis du vælger et standardlayout, lad os sige bokslayout, og for arkiver, du har valgt Fuld bredde, så vil hele websitet have bokslayout, mens arkivsiderne har fuld bredde / indesluttet layout.

  • Sidelayout - Kun for sider
  • Arkivlayout - Alle arkiver
  • Blog Post Layout - Til blogarkiv og enkelt blogindlægssider
2.png

Astra-tema tilbyder integration med mange populære plugin . Disse plugin tilbyder integration med Astra:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

Når ovenstående plugin er installeret, kan du også få adgang til en dedikeret containerlayoutmulighed for disse plugin .

De dedikerede moduler i Astra Pro Addon- plugin giver mere avancerede muligheder. De dedikerede moduler til Astra Pro Addon- plugin indeholder disse muligheder:

  • Sidemetainindstillingerne foretrækker frem for containerlayout. Meta-indstillinger 'prioritet er højere end tilpassningsindstillingerne.
  • Indstillingerne for Site Layout bestemmer bredden af ​​containeren.

Containerlayout / Layout i fuld bredde

Beholderindstillingerne i fuld bredde kan manipuleres gennem Tilpasningsindstillinger, der findes i Docs .

Dokumenter »Customizer-indstillinger» Global »Fuld bredde / containere - Containerlayout

Som forklaret tidligere kan et websted have to containere; Primær container og sekundær container.

Primary Container er den side, hvor hovedindholdet vises.

Sekundær container udgør sidebjælken og forskellige widgets i sidebjælken.

Ved hjælp af et "Full Width / Contained" -layout kan du kombinere de primære og sekundære containere. Disse containere kan derefter vises i en enkelt container for at få et mere pænt udseende. "Fuld bredde / indesluttet" layout viser indhold og sidebjælke side om side i en enkelt beholder. Denne container efterlader plads omkring containeren, fordi den vises i en containerbredde.

Containerindstillingerne kan ændres eller ændres ved at gå til Udseende og følge denne sti:

Udseende> Tilpas> Global> Container

4.png

Fuld bredde / indeholdt layout er ideel til de websteder, der har brug for et ryddeligt design uden nogen kasser eller gittergrænser. Dette layout kan indstilles som standard gennem integrationer med plugin som WooCommerce, LifterLMS osv.

Mange sidebygere, såsom Visual Composer, kræver temaet for at kontrollere bredden på containere. Af samme grund anbefaler de layout for fuld bredde / beholder.

De dedikerede moduler i Astra Pro Addon- plugin tilbyder flere stylingmuligheder.

Indhold i boks - Containerlayout

Dokumenter »Customizer-indstillinger» Global »Indholdsboks - Containerlayout

Vi har diskuteret tidligere, at et websted normalt kan have to containere:

Primær beholder: hvor hovedindholdet vises

Sekundær beholder: Består af sidebjælke og forskellige forskellige widgets

Hvis du vælger "Indholdsbokslayout", vises kun den primære beholder i det boksede format. Hvorimod den sekundære container forbliver på en almindelig baggrund.

5.png

Hvis du vil gøre indholdsområdet på dit websted mere fremtrædende end sidefeltet, er det at vælge dette layout ideelt. Kort sagt, indhold af boksede layout er perfekt til indholdswebsteder og blogs.

Indstillingerne for bokslayout kan findes som:

 Udseende> Tilpas> Global> Container

Desuden kan du gøre det fra metaindstillinger, hvis du vil anvende en anden container på individuelle sider.

  • En indholdsboksbeholder kan anvendes på udvalgte sider eller indlæg fra metaindstillinger.
  • Indstillingerne for Site Layout bestemmer bredden af ​​containeren.
  • Ved hjælp af Astra Pro Addon- plugin kan du ændre webstedsbaggrundsfarven gennem Colors & Backgrounds-modulet. Men hvis du ikke har Astra Pro, kan du også tilføje et baggrundsbillede med Custom CSS.

Funktioner ved Astra Free Theme

Astra er uden tvivl det bedste tema for Elementor. Det fungerer godt sammen med Elementor, hvilket gør det til det bedste gratis tema til bygning af websteder. Nedenfor har vi drøftet de funktioner, der gør Astra til det bedste tema.

Fuld bredde / strækket layout

Astra giver en fuld bredde / strækket layout, som er lavet specielt til Elementor. Med dette layout får Elementor den komplette kontrol over dit layout og frigør dig fra besværet med at inkludere kompliceret JavaScript-metode til at udvide dine rækker eller sektioner til fuld bredde.

Fuld bredde eller strækket.png

Med Astra kan du deaktivere sidefelt, sidetitel, brødskrum og fremhævede billeder ganske let for at få en fuld frihed til at designe med Elementor. Ved at deaktivere disse funktioner kan du have et tomt lærred, som giver dig mulighed for at designe dit websted fra bunden - lige som du ønsker det. Du kan endda opbygge en brugerdefineret destinationsside, deaktivere header og sidefod på Astra, så Elementor får fuld kontrol på siden.

De fleste temaer udsender disse funktioner som standard, hvilket reducerer brugernes kontrol til at designe webstedet.

disable.png

Globale indstillinger fra Customizer

Astra globale indstillinger giver dig mulighed for at indstille dit krævede layout, sidebjælke og andre brugerdefinerede indstillinger, der er egnede til Elementor lige i Customizer. Den globale mulighed er ideel, især hvis du bygger et websted, hvor de fleste sider er designet med Elementor.

Igen, hvis du vil have forskellige indstillinger for individuelle sider, vil den globale indstilling blive tilsidesat af disse individuelle indstillinger.

Globale optioner.png

Elementor Pro 2.0 kompatibel

Astra er et af de få temaer, der er helt kompatible med Elementor 2.0 Theme Builder. Ved at bruge Astra og Elementor Pro 2.0 Theme Builder kan du mikro-designe alle aspekter af dit websted. Uanset om det er at vælge en anden sidehoved, sidefod, blogskabeloner eller noget andet, kan du få det på din måde med disse to effektive værktøjer.

elementor.png

Elementor integration

Astra tilbyder smart integration med Elementor. Hvis du bygger en side med Elementor, indstiller Astra automatisk de indstillinger, der er bedst for Elementor. Denne smarte integration sparer en masse tid og energi, som du kan bruge til andre vigtige ting.

Astra tilbyder mere end 30 typer sidehoveder og mere end 10 typer bundtekster. Du kan vælge, om du vil have en gennemsigtig eller en solid overskrift. Du kan endda bygge dit header fra bunden på elementor i henhold til dine tilpassede krav med Astra Pro addon.

header footer.png

Valg af mobilhoved

Du kan oprette mobile mobile websteder med Astra. Astra leverer en bekvem løsning til mobil responsiv menu, som har meget lette indstillinger i customizer. Dette giver dig mulighed for at kontrollere og designe smuk mobilmenu. Du kan opbygge hele menuen uden nogen brugerdefineret kode.

mobile header.png

Letvægt og oppustelig fri

Astra yder support til Elementor. Dette betyder, at Astra ikke duplikerer funktioner, der tilbydes af elementor. Astra er let og modulært tema. Det tager sig af kosmetik, såsom globale farver, typografi og styling og tredjeparts plugin integrationer. Mens Elementor håndterer sidebygningsdelen.

letvægt.png

2 tanker om “Opsæt indhold i fuld bredde eller boks med Astra Free Theme”

  1. Jeg har en spørgsmål om, hvordan du skal tilpasse beholderen. Die is in the breedte in the stellen. Dog kan du konfigurere en beholderboks (blok) i højden. Ved mit websted er er teveel wit. Jeg ville have en kropstekst tættere på overskriften, og jeg vil have en blok, hvori denne stat mindre høj skal laves.

    1. Hej, der er ingen opsætning til højde, det er defineret af alle sidesektionernes indhold + marginer. I dit tilfælde gætter jeg på, at det er et problem med margen/polstring af din header eller første sektion.

Efterlad en kommentar

Din e-mailadresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *