Hvordan bruke Avada Header, Footer og column layout builder

Vår helt 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 front-end-byggherre, som først nylig ble introdusert med Avada 6.0 .

Ved å bruke vårt enkle system med beholdere, kolonner og elementer, lar begge versjonene av Avada Builder deg enkelt lage flotte sideoppsett for nettstedet ditt. Avada Builder er et fantastisk verktøy for både moderne webdesignere og nettstedseiere, ettersom det gir dem full kontroll over alle aspekter ved sideinnhold og layout. Begge versjonene av Avada Builder genererer også den samme koden. De er fullstendig utskiftbare, slik at du kan ha det beste fra begge verdener med Avada Builder, som for øyeblikket er tilgjengelig.

Layout Builder -siden er hvor du finner alle layoutene dine og alle betingede layouter du måtte ønske å bygge i tillegg til den globale layouten som er opprettet som standard. Her er også området der du tilordner layoutdeler til layoutene dine og angir betingelser for at betingede layouter skal tre i kraft.

Layoutbyggeren kan nås fra Avada Dashboard ved å velge Layouts> Layout Builder fra rullegardinmenyen. En av de mest enkle måtene å beskrive layouter er å si at de er beholdere som inneholder de fire layoutdelene på en side - topptekstseksjonen, sidetittellinjen, innholdsseksjonen og bunntekstseksjonen. Du kan lære mer om forskjellene mellom layoutdeler og layouter ved å lese dette dokumentet: Forstå layouter og layoutdeler (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 oppsettseksjonene 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 opprett nye oppsett direkte (se nedenfor). Skriv inn et navn for den nye oppsettet, og klikk deretter på Opprett nytt oppsett for å fullføre prosessen. Et tomt oppsett opprettes når denne metoden brukes; ingen oppsett Seksjoner eller betingelser er angitt.

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 -knappen øverst på siden. Du kan også klikke på tannhjulikonet for å etablere betingelser for oppsettet, og du kan slette et oppsett ved å klikke på kurvikonet øverst på siden. Du kan også se og tildele kriterier ved å klikke på bunnen av alle oppsett, bortsett fra det globale oppsettet.

I hver oppsett kan du se de fire oppsettseksjonene som er tilordnet en bestemt oppsett, en for hver av de fire oppsettene. I hver oppsettseksjon ser du et + -ikon, som lar deg tilordne en oppsettseksjon til den delen av oppsettet når du flytter musen over den. Du har muligheten til å tilordne en eksisterende oppsettseksjon til denne delen eller opprette en helt ny seksjon fra bunnen av.

Bruke seksjonsoppsett

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 bunntekstoppsett er en oppsettseksjon som er lagt til i en oppsett. For ex amp le krever en tilpasset bunn en bunntekst Layout Seksjonen, som kan legges til enten den globale eller Custom Layout. Vi vil se på å konstruere en tilpasset bunntekstoppsettseksjon i neste seksjon, men la oss først se på Introduksjon av Avada -oppsett.

Velg Avada> Oppsett i WordPress -sidefeltet eller Avada -oversikten. Avadas oppsett og oppsettseksjoner opprettes og administreres her. Som vist nedenfor er det globale oppsettet i utgangspunktet tomt, uten tilknyttede oppsettseksjoner.

Tilpasse et oppsett

Denne delen kan legges til i den globale oppsettet eller et betinget oppsett, og vises bare på bestemte tilpassede innleggstyper eller enkelt sider. Det globale oppsettet er allerede tilstede, men vi må først utvikle et betinget oppsett.

Legg til et navn på Layouts -siden, og klikk på Create New Layout, som vist nedenfor.

Opprett en bunntekstoppsettseksjon hvis du vil legge den til i en eksisterende oppsett eller den globale oppsettet.

På skjermbildet Layout Section Builder, velg typen Layout Section, angi et navn (i denne amp Footer, muligens Global Footer) og klikk på Create New Layout Section, som vist nedenfor.

Følgende bilde viser hvordan du genererer en oppsettseksjon direkte fra oppsettet. Nettstedets oppsettseksjoner må legges til i en oppsett. I utgangspunktet er det ganske enkelt en global layout. Så, for å lage en global tilpasset bunntekst, legg den til i denne oppsettet. Tilpasset bunntekstoppsettseksjon, og legg deretter til betingelser i delen Egendefinert bunntekstoppsett for å få oppsettet til å vises i henhold til kriteriene.

Ikke noe galt med det, men det er viktig å vurdere situasjonen. Hvis oppsettet for øyeblikket er aktivt (dvs. har betingelser eller er det globale oppsettet), vil alle nye oppsettseksjoner være aktive umiddelbart og tomme. Det er mer fornuftig å legge til en egendefinert bunntekst i et globalt oppsett 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 kolonneoppsettseksjon i et betinget oppsett og deretter opprette den. Betingelser brukes ikke før vilkår er lagt til. Som illustrert nedenfor kan vi endre delen for bunntekstoppsett ved å holde markøren over den og klikke på redigeringsikonet.

Legge til bunntekstoppsettseksjon til betinget oppsett

Egendefinert layoutredigering

Standard WordPress Editor vises når du redigerer en ny oppsettseksjon; du kan bruke Avada Builder eller Avada Live herfra. Egendefinerte oppsettseksjoner opprettes her. For mer informasjon, se Opprette layoutinnhold, men kort sagt, du kan bygge alt her.

Din egendefinerte bunntekst kan inneholde alt du kan konstruere i Avada Builder. Du kan ha mange kolonner, bilder osv.; Dette gir enorm fleksibilitet. Layout -delen er der bunntekstmaterialet vil vises. Materialet kommer fra Builder, og kreativiteten din er den eneste begrensningen.

Se den originale bunnteksten som ble bygget for drosjedemoen nedenfor; Dette ble gjort ved å endre temaalternativene og bunntekst -widgets.

Taxi Demo> Grunnleggende bunntekst”src =” https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> Se på Avada Layouts Custom Global Footer.

Skrivebordsversjonen av denne egendefinerte overskriften vises her, men for å forstå omfanget av denne egendefinerte toppteksten må du besøke live -siden som du kan få tilgang til her.

Betinget utforming

Ingen betingelser i en global layout. Å legge til layoutdeler til den vil bli brukt på hver side fordi den er global. Hvis du bare trengte en egendefinert bunntekst på noen sider på nettstedet ditt, for eksempel enkelte blogginnlegg, må du bruke et betinget oppsett.

Et betinget oppsett kan bare inneholde eksisterende oppsettseksjoner. Deretter, under Layout's Select Footer -fanen, blar du til Existing, hvor du kan legge til Layout -delen, som vist nedenfor.

Tilordne en tilpasset oppsettseksjon

Du må angi vilkårene for vilkårlig layout. Oppsettet er aktivt så snart betingelsene er spesifisert; Derfor, hvis du gjør dette før du oppretter oppsettseksjonen, vil sidene som samsvarer med betingelsene være tomme.

Hvis du vil legge til en betingelse, velger du Legg til en betingelse fra layoutens nedre meny. En dialogboks vises, som vist nedenfor. For mer informasjon om Betingede utforminger, se Forstå Betingede utforminger, men for ex amp le, ville vi velge Alle innlegg i kategorien innlegg betingelser, som vist nedenfor.

Legger til kolonner fra Avada Layout Builder

Kolonneelementet, i likhet med beholderelementet, er en vesentlig strukturell komponent når du designer et Avada -nettsted.

Å legge til kolonner er relativt enkelt med Avada Layout Builder.

  • Klikk på ' + Beholder '-knappen for å legge til en beholder på siden. Når du setter inn en beholder, blir du bedt om å velge en kolonne- eller kolonnelayout. Du kan opprette en tom beholder, men vanligvis legger du til kolonner på dette trinnet.
  • For å legge til nye kolonner i en eksisterende beholder, hold musepekeren over beholderen og klikk på ' + Kolonne '-knappen. For å legge til en ny kolonne, klikk her.
  • I øvre venstre hjørne av en kolonne klikker du på ikonet "Endre størrelse på kolonne". Den vil ha samme størrelse som kolonnen din nå. For eksempel vil en 1/4-kolonne vises som '1/4 amp under alternativet Endre størrelse på kolonne.
  • Dra og slipp kolonner for å omorganisere dem. Du kan også dra og slippe kolonner til beholdere.

En kolonne kan bare plasseres inne i et beholderelement med samme bredde; Dette er vanligvis nettstedets bredde du angir for nettstedet. Så hvis du setter nettstedets bredde til 1200px, vil en 1/2 kolonne være 600px bred. Forhåndsinnstilte kolonnestørrelser vises nedenfor når de legges til på en side.

I Avada kan du angi kolonnebredder (og mer) separat på store, mellomstore og bittesmå oppsett hvordan du angir visningsrekkefølge og størrelsen på kolonner i responsive oppsett, forklarer hvordan du bruker denne flotte nye funksjonen med kolonner.

Egendefinerte bredder er under Kolonner > Design > Bredde . Som vist nedenfor, ved å bruke et prosenttall kan du spesifisere en egendefinert bredde. Dermed er posisjonering ubegrenset

Auto er et nytt breddealternativ. I stedet for en fast bredde vil kolonnen ta opp plassen til det mest betydningsfulle elementet inne i den. Så det fungerer bare i noen tilfeller. Du kan endre den overordnede kolonnen til Auto, og kolonnen endres til elementets bredde.

Avada legger også til responsive opsjonssett for containere og kolonner. På baksiden av byggherren kan du se de responsive ikonene på alle kolonner, som vist på bildet nedenfor. Front-end-byggherren viser de responsive ikonene på alternativene.

Bare de nye Flex -beholderne viser responsive alternativsett. Kolonner i eldre beholdere er ikke tilgjengelige.

Konklusjon

Takket være Avada Layouts er muligheten til å lage en egendefinert bunntekst, topptekst og legge til kolonner nå en realitet og et nesten ubegrenset alternativ. Ikke bare kan du utnytte kraften til Avada Builder til å konstruere praktisk talt hvilken som helst bunntekst eller topptekst du kan forestille deg, men du kan også utnytte kraften i betingede oppsett til å vise eller skjule dem på hvilken som helst side, kategori, egendefinert innleggstype eller hvilken som helst kombinasjon av kriterier du kan tenke deg å bruke Avada Builder.

Når det gjelder WordPress-oppsett, er Avada Layouts en spillveksler i bokstaveligste forstand. Det at det åpner for en slik designfrihet og fleksibilitet i distribusjon, betyr at prosessen med å lage bunntekster aldri blir den samme.

Legg igjen en kommentar

E-postadressen din vil ikke offentliggjøres. Obligatoriske felt er merket med *