Vores helt egen sidebygger, Avada Builder, er nu tilgængelig i to grænseflader: Avada Builder, som er vores back-end wireframe-sidebygger, og Avada Live, som er vores front-end-builder, som først for nylig blev introduceret med Avada 6.0 .
Ved hjælp af vores enkle system med containere, kolonner og elementer giver begge versioner af Avada Builder dig mulighed for nemt at designe smukke sidelayouter til dit websted. Avada Builder er et fantastisk værktøj til både moderne webdesignere og webstedsejere, da det giver dem fuldstændig kontrol over alle aspekter af sideindhold og layout. Begge versioner af Avada Builder genererer også den samme kode. De er fuldstændigt udskiftelige, så du kan få det bedste fra begge verdener med Avada Builder, som i øjeblikket er tilgængelig.
- Brug af sektionslayout
- Tilpasning af et layout
- Tilpasset layoutredigering
- Betinget layoutdesign
- Tilføjelse af kolonner fra Avada Layout Builder
- Konklusion
Layout Builder -siden er, hvor du finder alle dine layout og alle betingede layout, som du måske ønsker at bygge ud over det globale layout, der er oprettet som standard. Her er også det område, hvor du tildeler layoutafsnit til dine layout og angiver betingelser for, at dine betingede layout skal træde i kraft.
Layout Builder kan åbnes fra Avada Dashboard ved at vælge Layouts> Layout Builder i rullemenuen. En af de mest enkle måder at beskrive layout på er at sige, at det er containere, der huser de fire layoutafsnit på en side - overskriftssektionen, sidetitellinjesektionen, indholdssektionen og sidefoden. Du kan lære mere om forskellene mellem layoutafsnit og layout ved at læse dette dokument: Forstå layout og layoutafsnit (PDF). Fortsæt med at læse for at lære mere om de ting, du kan gøre på denne side.
To dele er placeret øverst på Layout Builder -siden. En teknik til at udfylde layoutafsnittene i det globale layout eller generere betingede layout er skitseret i det første afsnit (tip: du kan lukke dette med X), og i højre side af skærmen er et område, hvorfra du kan oprette nye layout direkte (se nedenfor). Indtast et navn til dit nye layout, og klik derefter på Opret nyt layout for at fuldføre processen. Et tomt layout oprettes, når denne metode bruges; ingen layout Sektioner eller betingelser er angivet.
Når du bygger Layouts, importeres de automatisk til Layout Builder -siden. Du kan omdøbe et layout ved at klikke på knappen Omdøb øverst på siden. Du kan også klikke på tandhjulsikonet for at etablere betingelser for layoutet, og du kan slette et layout ved at klikke på ikonet Bin øverst på siden. Du kan også se og tildele kriterier ved at klikke på bunden af alle layout, undtagen det globale layout.
Inden for hvert layout kan du se de fire layoutafsnit, der er tildelt et bestemt layout, et for hvert af de fire layout. I hvert layoutafsnit vil du se et + -ikon, som giver dig mulighed for at tildele et layoutafsnit til dette afsnit af layoutet, når du flytter musen hen over det. Du har mulighed for at tildele et eksisterende layoutafsnit til dette afsnit eller oprette et helt nyt afsnit fra bunden.
Brug af sektionslayout
Som en del af Avada Layouts kan du nu oprette fuldt tilpassede sidefødder til dit websted og drage fordel af hele Avada Builder's kreative evne til at opnå dette.
Et sidefodslayout er et layoutafsnit tilføjet til et layout. Til ex amp le, en brugerdefineret sidefod kræver en sidefod layout afdeling, som kan tilsættes til enten globale eller Tilpasset layout. Vi vil se på konstruktion af et tilpasset sidefodlayoutafsnit i det næste afsnit, men lad os først se på Introduktion til Avada Layouts.
Vælg Avada> Layouts i WordPress -sidebjælken eller Avada Dashboard. Avadas layout og layout sektioner oprettes og administreres her. Som vist nedenfor er det globale layout oprindeligt tomt, uden tilknyttede layoutafsnit.
Tilpasning af et layout
Dette afsnit kan føjes til det globale layout eller et betinget layout, der kun vises på bestemte tilpassede indlægstyper eller enkelt sider. Det globale layout er allerede til stede, men vi skal først udvikle et betinget layout.
På siden Layouts skal du tilføje et navn og klikke på Opret nyt layout, som vist herunder.
Opret en sektion til sidefodlayout, hvis du vil føje den til et eksisterende layout eller det globale layout.
På skærmen Layout Section Builder skal du vælge typen af Layout Section, indtaste et navn (i denne ex amp le, Footer, muligvis Global Footer) og klikke på Create New Layout Section, som vist herunder.
Følgende billede viser, hvordan du genererer et layoutafsnit direkte fra layoutet. Dit websteds layoutafsnit skal føjes til et layout. I første omgang er der simpelthen et globalt layout. Så for at oprette en global brugerdefineret sidefod skal du føje den til dette layout. Tilpasset sidefodlayoutafsnit, og tilføj derefter betingelser til sektionen Tilpasset sidefodlayout for at få layoutet til at se ud i henhold til kriterierne.
Intet galt med det, men det er vigtigt at overveje situationen. Hvis layoutet i øjeblikket er aktivt (dvs. har betingelser eller er det globale layout), vil alle nye layoutafsnit være aktive med det samme og tomme. Det giver mere mening at føje en brugerdefineret sidefod til et globalt layout via siden Layout Section Builder først og derefter føje den til det globale layout.
Alternativt kan vi tilføje en sidefod, sidehoved eller kolonnelayoutafsnit til et betinget layout og derefter oprette den. Betingelser bruges ikke, før betingelser tilføjes. Som illustreret herunder kan vi ændre sektionen sidefodlayout ved at holde markøren over det og klikke på redigeringsikonet.
Tilpasset layoutredigering
Standard WordPress Editor vises, når du redigerer en ny layout sektion; du kan bruge Avada Builder eller Avada Live herfra. Tilpassede layoutafsnit oprettes her. Yderligere oplysninger finder du under Oprettelse af layoutafsnittets indhold, men kort sagt kan du bygge alt her.
Din brugerdefinerede sidefod kan indeholde alt, hvad du kan konstruere i Avada Builder. Du kan have mange kolonner, fotos osv .; Dette giver en enorm fleksibilitet. Layoutafsnittet er det sted, hvor sidefodsmaterialet vises. Materialet kommer fra Builder, og din kreativitet er den eneste begrænsning.
Se den originale sidefod, der er bygget til taxidemo herunder: Dette blev foretaget ved at ændre temaindstillingerne og sidefod -widgets.