Sett opp innhold i full bredde eller eske med Astra Free Theme

Astra-tema

Astra er et effektivt og fullt tilpassbart WordPress-tema. Den er vakker og rask også, noe som gjør den ideell for blogg, bedrift, personlig portefølje og WooCommerce-butikkfront. Siden den er lett, tilbyr den stor hastighet for nettstedet. Astra er bygget med SEO i tankene som gjør at nettsiden rangeres høyere i søkemotorene. Med sine spesialfunksjoner og maler er den ideell for sidebyggere som Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer, etc.

Container

En side på en nettside kan med fordel kalles en container fordi en container er et område hvor vi viser innholdet. Enkelt sagt, container omfatter hele siden. Enten det er innholdsområdet eller sidefeltet, vil det bli inkludert i beholderen. Teknisk sett kaller vi innholdsområdet som den primære beholderen, mens sidefeltet betegnes som en sekundær beholder.

Hvordan manipulere containeroppsett på et nettsted?

Ved å bruke et Astra-tema er det praktisk å bruke beholderoppsett på hele nettstedet. Du kan sette opp rutenettene via Customizer-alternativet. Dette finner du i Utseende-fanen: Utseende > Tilpasser > Global > Beholder.

  • Du kan også bruke forskjellige beholdere for forskjellige sider og innlegg individuelt, fra metainnstillinger.
  • Hvis du har brukt forskjellige innstillinger for det generelle nettstedet, og forskjellige innstillinger i metainnstillinger , vil de sidespesifikke metainnstillingene ha høyere prioritet enn de generelle sidetilpasningsinnstillingene .

Beholderbredde

Alt innholdet på nettstedet, enten det er grafisk eller tekst, vises innenfor denne bredden. Du kan lage en rekke visninger ved å kombinere bredde med beholderlayout.

Beholderoppsett

Astra Free Theme tilbyr 4 typer containeroppsett. Dette er globale oppsett og vil bli brukt på hele nettstedet. Hvis du ønsker et varierende oppsett for ulike innleggstyper, kan du gjøre det med dedikert Container Layout.

Ved hjelp av sidens 'metainnstillinger' kan du ha mer kontroll over containeroppsettet på hver side.

Det finnes følgende typer containeroppsett.

  • Bokset
  • Innhold i boks
  • Full bredde / inneholdt
  • Full bredde / strukket
  • Dedikert containeroppsett

Dedikert eller spesifikk layout

De ovennevnte fire typene containeroppsett er tilgjengelige for spesifikke posttyper separat. Dette betyr at hvis du velger et standardoppsett, la oss si Boxed-layout, og for Arkiver har du valgt Full Width, så vil hele nettstedet ha Boxed-layout, mens Arkiv-sider vil ha Full Width/Contained layout.

  • Sideoppsett – Kun for sider
  • Arkivoppsett – Alle arkiver
  • Blogginnleggsoppsett – For bloggarkiv og enkelt blogginnleggssider

Astra-temaet tilbyr integrasjon med mange populære plugin . Disse plugin tilbyr integrasjon med Astra:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

Når plugin ovenfor er installert, kan du også ha tilgang til dedikerte beholderlayoutalternativer for disse plugin sidene.

De dedikerte modulene til Astra Pro Addon plugin gir mer avanserte alternativer. De dedikerte modulene til Astra Pro Addon plugin inneholder disse alternativene:

  • Sidemetainnstillingene har preferanse fremfor beholderoppsett. Metainnstillingenes prioritet er høyere enn tilpasningsinnstillingene.
  • Innstillingene for nettstedoppsett bestemmer bredden på beholderen.

Container Layout/Full Width Layout

Beholderinnstillingene i full bredde kan manipuleres gjennom Customizer Settings som finnes i Dokumenter .

Dokumenter » Tilpasningsinnstillinger » Globalt » Full bredde / Inneholdt – Beholderoppsett

Som forklart tidligere kan en nettside ha to beholdere; Primær container og sekundær container.

Primærbeholder er siden der hovedinnholdet vises.

Sekundær beholder utgjør sidefeltet og ulike widgets i sidefeltet.

Ved hjelp av et "Full Width / Contained"-oppsett kan du kombinere de primære og sekundære beholderne. Disse beholderne kan deretter vises i en enkelt beholder for et mer ryddig utseende. "Full Width / Contained"-oppsettet viser innhold og sidefelt side om side i en enkelt beholder. Denne beholderen vil etterlate plass rundt beholderen fordi den vises i en beholderbredde.

Beholderinnstillingene kan endres eller endres ved å gå til Utseende og følge denne banen:

Utseende > Tilpass > Global > Beholder

Full bredde / inneholdt layout er ideell for de nettsteder som trenger et ryddig design, uten noen bokser eller rutenettgrenser. Denne layouten kan settes som standard gjennom integrasjoner med plugin som WooCommerce, LifterLMS, etc.

Mange sidebyggere, for eksempel Visual Composer, krever temaet for å kontrollere bredden på containere. Av samme grunn anbefaler de Full Width / Contained layout.

De dedikerte modulene til Astra Pro Addon plugin tilbyr flere stylingalternativer.

Innholdsboks – Beholderoppsett

Dokumenter » Tilpasningsinnstillinger » Globalt » Innholdsboks – Beholderoppsett

Vi har tidligere diskutert at et nettsted normalt kan ha to beholdere:

Primær beholder: hvor hovedinnholdet vises

Sekundær beholder: Består av sidefelt og forskjellige widgets

Hvis du velger "Content Boxed Layout", vil bare den primære beholderen vises i boksformatet. Likevel vil den sekundære beholderen forbli på en vanlig bakgrunn.

Hvis du vil gjøre innholdsområdet på nettstedet ditt mer fremtredende enn sidefeltet, er det ideelt å velge denne layouten. Enkelt sagt, innhold Boxed Layout er perfekt for innholdsnettsteder og blogger.

Innstillingene for boksoppsett kan finnes som:

 Utseende > Tilpass > Global > Beholder

Dessuten, hvis du vil bruke en annen beholder for individuelle sider, kan du gjøre det fra metainnstillinger.

  • En innholdsboks kan brukes for utvalgte sider eller innlegg, fra metainnstillinger.
  • Innstillingene for nettstedoppsett bestemmer bredden på beholderen.
  • Ved hjelp av Astra Pro Addon plugin kan du endre nettstedets bakgrunnsfarge gjennom Colors & Backgrounds-modulen. Men hvis du ikke har Astra Pro, kan du også legge til et bakgrunnsbilde med Custom CSS.

Funksjoner av Astra Free Theme

Astra er utvilsomt det beste temaet for Elementor. Det fungerer bra med Elementor, som gjør det til det beste gratistemaet for å bygge nettsteder. Nedenfor har vi diskutert funksjonene som gjør Astra til det beste temaet.

Full bredde / strukket layout

Astra gir en full bredde / strukket layout, som er laget spesielt for Elementor. Med dette oppsettet får Elementor full kontroll over oppsettet ditt, og frigjør deg fra bryet med å inkludere komplisert JavaScript-metode for å utvide radene eller seksjonene til full bredde.

Med Astra kan du ganske enkelt deaktivere sidefelt, sidetittel, brødsmule og fremhevede bilder for å få full frihet til å designe med Elementor. Ved å deaktivere disse funksjonene kan du ha et tomt lerret, som lar deg designe nettstedet ditt fra bunnen av – akkurat slik du vil ha det. Du kan til og med bygge en egendefinert landingsside, deaktivere topp- og bunnteksten til Astra, slik at Elementor har full kontroll over siden.

De fleste temaer produserer disse funksjonene som standard, og reduserer derfor kontrollen til brukeren til å designe nettstedet.

Globale alternativer fra Customizer

Astras globale alternativer lar deg angi ønsket layout, sidefelt og andre egendefinerte innstillinger som passer for Elementor rett i Customizer. Det globale alternativet er ideelt, spesielt hvis du bygger et nettsted der de fleste sidene er designet med Elementor.

Igjen, hvis du vil ha forskjellige innstillinger for individuelle sider, vil det globale alternativet bli overstyrt av disse individuelle innstillingene.

Elementor Pro 2.0-kompatibel

Astra er et av de få temaene som er fullstendig kompatible med Elementor 2.0 Theme Builder. Ved å bruke Astra og Elementor Pro 2.0 Theme Builder kan du mikrodesigne alle aspekter av nettstedet ditt. Enten det er å velge en annen topptekst, bunntekst, bloggmaler eller noe annet, kan du gjøre det på din måte med disse to kraftige verktøyene.

Elementor-integrasjon

Astra tilbyr smart integrasjon med Elementor. Hvis du bygger en side med Elementor, vil Astra automatisk angi de alternativene som er best for Elementor. Denne smarte integrasjonen sparer ganske mye tid og energi som du kan bruke på andre viktige ting.

Astra tilbyr mer enn 30 typer topptekster og mer enn 10 typer bunntekster. Du kan velge om du vil ha en gjennomsiktig overskrift eller en solid. Du kan til og med bygge headeren fra bunnen av på elementor, i henhold til dine tilpassede krav, med Astra Pro-tillegget.

Alternativer for mobilhode

Du kan lage mobile responsive nettsteder med Astra. Astra gir en praktisk løsning for mobil responsiv meny, som har veldig enkle innstillinger i customizer. Dette lar deg kontrollere og designe vakker mobilmeny. Du kan bygge hele menyen uten egendefinert kode.

Lett og oppblåst fri

Astra gir støtte til Elementor. Dette betyr at Astra ikke dupliserer funksjoner som tilbys av elementor. Astra er et lett og modulært tema. Den tar seg av kosmetikken, for eksempel globale farger, typografi og styling og tredjeparts plugin integrasjoner. Likevel håndterer Elementor sidebyggingsdelen.

Ahmad

Se kommentarer

  • Jeg har et spørsmål om å tilpasse beholderen. Den kan justeres i bredden. Men ingen steder leser jeg hvordan du kan justere høyden på beholderboksen (blokk). Det er for mye hvitt på siden min. Jeg vil gjerne ha brødteksten nærmere overskriften ved å gjøre blokken der den er plassert mindre høy.

    • Hei, det er ingen oppsett for høyde, det er definert av alle sideseksjonene innhold + marginer. I ditt tilfelle antar jeg at det er et problem med margin/polstring av overskriften eller den første delen.

Siste innlegg

Slik bruker du topptekst og bunntekst med Elementor

Et nettsteds topp- og bunntekst er viktige elementer. I de fleste tilfeller gir toppteksten navigasjon...

6. januar 2022

WordPress-temasammenligning: Astra vs OceanWP

To av de mest populære WordPress-temaene på markedet er Astra og OceanWP. Profesjonell…

2. januar 2022

WordPress nyhetstema sammenligning: Avis vs. Astra

Å lage et utmerket nyhetsnettsted krever ikke at du blir webdesigner. Vi…

25. oktober 2021

Lag en nyhetsrelatert nettside med avis-tema

Avis-temaet er et av de viktigste WordPress-temaene designet av tagDiv, en...

18. oktober 2021

Hvordan bygge en e-handel med Avada WooCommerce-bygger

Når det gjelder å sette opp en nettbutikk, er WooCommerce go-to- plugin . Den…

4. oktober 2021

Hvordan bruke klebrig overskrift og rulleeffekter med Elementor

En overskrift er vanligvis det første en person ser når de besøker nettstedet ditt,...

21. september 2021