Vår egen sidebygger, Avada Builder, er nå tilgjengelig i to grensesnitt: Avada Builder, som er vår back-end wireframe-sidebygger, og Avada Live, som er vår frontend-bygger, som nylig ble introdusert med Avada 6.0 .
Ved å bruke vårt enkle system med containere, kolonner og elementer, lar begge versjonene av Avada Builder deg enkelt designe vakre sideoppsett for nettstedet ditt. Avada Builder er et fantastisk verktøy for moderne webdesignere og nettstedeiere, siden det gir dem full kontroll over alle aspekter av sideinnhold og layout. Begge versjonene av Avada Builder genererer også den samme koden. De er fullstendig utskiftbare, slik at du kan få det beste fra begge verdener med Avada Builder, som for øyeblikket er tilgjengelig.
- Bruker seksjonslayout
- Tilpasse et oppsett
- Redigering av tilpasset oppsett
- Betinget layoutdesign
- Legger til kolonner fra Avada Layout Builder
- Konklusjon
Layout Builder-siden er der du finner alle dine layouter og eventuelle betingede layouter som du måtte ønske å bygge i tillegg til den globale layouten som er opprettet som standard. Her er også området der du tilordner layoutseksjoner til layoutene dine og spesifiserer betingelser for at de betingede layoutene dine skal tre i kraft.
Layout Builder kan nås fra Avada Dashboard ved å velge Layouts > Layout Builder fra rullegardinmenyen. En av de enkleste måtene å beskrive layouter på er å si at de er beholdere som inneholder de fire layoutdelene på en side – topptekstdelen, sidetittellinjedelen, innholdsdelen og bunntekstdelen. Du kan lære mer om forskjellene mellom layoutseksjoner og layouter ved å lese dette dokumentet: Forstå oppsett og layoutseksjoner (PDF). Fortsett å lese for å lære mer om tingene du kan gjøre på denne siden.
To deler er plassert helt øverst på Layout Builder-siden. En teknikk for å fylle ut layoutseksjonene i det globale oppsettet eller generere betingede oppsett er skissert i den første delen (hint: du kan lukke dette med X), og på høyre side av skjermen er et område du kan opprette nye layouter direkte (se nedenfor). Skriv inn et navn for din nye layout og klikk deretter på Opprett ny layout for å fullføre prosessen. Et tomt layout opprettes når denne metoden brukes; ingen layoutseksjoner eller betingelser er spesifisert.
Når du bygger layouter, importeres de automatisk til Layout Builder-siden. Du kan gi nytt navn til en layout ved å klikke på Gi nytt navn øverst på siden. Du kan også klikke på tannhjulikonet for å etablere betingelser for oppsettet, og du kan slette et oppsett ved å klikke på bin-ikonet øverst på siden. Du kan også se og tilordne kriterier ved å klikke på bunnen av alle layouter, unntatt den globale layouten.
Innenfor hver layout kan du se de fire layoutdelene som er tilordnet en bestemt layout, en for hver av de fire layoutene. I hver layoutseksjon vil du se et +-ikon, som lar deg tilordne en layoutseksjon til den delen av layouten når du beveger musen over den. Du har muligheten til å tilordne en eksisterende layoutseksjon til denne seksjonen eller opprette en helt ny seksjon fra bunnen av.
Bruker seksjonslayout
Som en del av Avada Layouts kan du nå lage fullt tilpassbare bunntekster for nettstedet ditt, og dra nytte av hele den kreative evnen til Avada Builder for å oppnå dette.
En Footer Layout er en Layout Seksjon lagt til en Layout. For amp krever en egendefinert bunntekst en bunntekstoppsettseksjon, som kan legges til enten den globale eller egendefinerte layouten. Vi skal se på å konstruere en egendefinert bunntekstlayoutseksjon i neste seksjon, men først, la oss se på Introduksjon av Avada-oppsett.
I WordPress-sidefeltet eller Avada-dashbordet velger du Avada > Layouts. Avadas layout- og layoutseksjoner opprettes og administreres her. Som vist nedenfor er den globale layouten i utgangspunktet tom, uten tilknyttede layoutseksjoner.
Tilpasse et oppsett
Denne delen kan legges til den globale layouten, eller en betinget layout, og vises kun på enkelte tilpassede innleggstyper eller enkeltsider. Den globale layouten er allerede til stede, men vi må først utvikle en betinget layout.
På Layouts-siden legger du til et navn og klikker Create New Layout, som vist nedenfor.
Opprett en Footer Layout-seksjon hvis du ønsker å legge den til en eksisterende Layout eller Global Layout.
På skjermbildet Layout Section Builder, velg typen Layout Section, skriv inn et navn (i dette amp bunntekst, muligens Global Footer) og klikk på Create New Layout Section, som vist nedenfor.
Følgende bilde viser hvordan du genererer en layoutseksjon direkte fra layouten. Nettstedets layoutseksjoner må legges til i en layout. I utgangspunktet er det ganske enkelt en global layout. Så for å lage en global tilpasset bunntekst, legg den til i denne layouten. Egendefinert bunntekstoppsettseksjon, og legg deretter til betingelser i den Egendefinerte bunntekstoppsettdelen for å få oppsettet til å vises i henhold til kriteriene.
Ikke noe galt med det, men det er viktig å vurdere situasjonen. Hvis layouten for øyeblikket er aktiv (dvs. har betingelser eller er den globale layouten), vil alle nye layoutseksjoner være aktive umiddelbart og tomme. Det er mer fornuftig å legge til en egendefinert bunntekst i en global layout via Layout Section Builder-siden først, og deretter legge den til i den globale layouten.
Alternativt kan vi legge til en bunntekst, topptekst eller kolonnelayoutseksjon til en betinget layout og deretter opprette den. Betingelser brukes ikke før betingelser er lagt til. Som illustrert nedenfor, kan vi endre bunntekstoppsettet ved å holde musepekeren over den og klikke på redigeringsikonet.
Redigering av tilpasset oppsett
Standard WordPress Editor vises når du redigerer en ny layoutseksjon; du kan bruke Avada Builder eller Avada Live herfra. Egendefinerte layoutseksjoner opprettes her. For mer informasjon, se Opprette innhold i layoutdelen, men kort sagt kan du bygge hva som helst her.
Din egendefinerte bunntekst kan inneholde alt du kan lage i Avada Builder. Du kan ha mange kolonner, bilder osv.; Dette gir enorm fleksibilitet. Layout-delen er der bunntekstmaterialet vises. Materialet kommer fra Byggeren, og din kreativitet er den eneste begrensningen.
Se den originale bunnteksten bygget for Taxi-demoen nedenfor; Dette ble gjort ved å endre temaalternativene og bunntekstwidgetene.
