Vår alldeles egna sidbyggare, Avada Builder, finns nu i två gränssnitt: Avada Builder, som är vår back-end wireframe-sidbyggare, och Avada Live, som är vår front-end-byggare, som nyligen introducerades med Avada 6.0 .
Med vårt enkla system med behållare, kolumner och element gör att båda versionerna av Avada Builder låter dig enkelt utforma vackra sidlayouter för din webbplats. Avada Builder är ett fantastiskt verktyg för både moderna webbdesigners och webbplatsägare, eftersom det ger dem fullständig kontroll över alla aspekter av sidinnehåll och layout. Båda versionerna av Avada Builder genererar också samma kod. De är helt utbytbara, så att du kan få det bästa av två världar med Avada Builder, som för närvarande är tillgängligt.
- Använda sektionslayout
- Anpassa en layout
- Anpassad layoutredigering
- Villkorlig layoutdesign
- Lägger till kolumner från Avada Layout Builder
- Slutsats
Layout Builder -sidan är där du hittar alla dina layouter och alla villkorliga layouter som du kanske vill bygga utöver den globala layout som skapats som standard. Här finns också området där du tilldelar layoutavsnitt till dina layouter och anger villkor för att dina villkorliga layouter ska träda i kraft.
Layoutbyggaren kan nås från Avada-instrumentpanelen genom att välja Layouter> Layoutbyggare på rullgardinsmenyn. Ett av de mest okomplicerade sätten att beskriva layouter är att säga att de är behållare som innehåller de fyra layoutavsnitten på en sida - rubriksektionen, sidtitelfältet, innehållssektionen och sidfoten. Du kan lära dig mer om skillnaderna mellan layoutavsnitt och layouter genom att läsa det här dokumentet: Förstå layouter och layoutavsnitt (PDF). Fortsätt läsa för att lära dig mer om de saker du kan göra på den här sidan.
Två delar finns högst upp på sidan Layout Builder. En teknik för att fylla i layoutavsnitten i den globala layouten eller generera villkorliga layouter beskrivs i det första avsnittet (tips: du kan stänga detta med X), och på höger sida av skärmen finns ett område från vilket du kan skapa nya layouter direkt (se nedan). Skriv in ett namn för din nya layout och klicka sedan på Skapa ny layout för att slutföra processen. En tom layout skapas när denna metod används; inga layoutavsnitt eller villkor anges.
När du bygger layouter importeras de automatiskt till Layout Builder -sidan. Du kan byta namn på en layout genom att klicka på knappen Byt namn högst upp på sidan. Du kan också klicka på kugghjulsikonen för att skapa villkor för layouten, och du kan ta bort en layout genom att klicka på fackikonen högst upp på sidan. Du kan också se och tilldela kriterier genom att klicka på botten av alla layouter, förutom den globala layouten.
Inom varje layout kan du se de fyra layoutavsnitt som tilldelats en viss layout, en för var och en av de fyra layouterna. I varje layoutavsnitt ser du en + -ikon, som låter dig tilldela ett layoutavsnitt till det avsnittet i layouten när du flyttar musen över den. Du har möjlighet att tilldela ett befintligt layoutavsnitt till det här avsnittet eller skapa ett helt nytt avsnitt från början.
Använda sektionslayout
Som en del av Avada Layouts kan du nu skapa fullständigt anpassningsbara sidfötter för din webbplats och dra nytta av hela den kreativa förmågan hos Avada Builder för att åstadkomma detta.
En sidfotlayout är ett layoutavsnitt som läggs till i en layout. För ex amp le kräver en anpassad sidfot en sektion för sidfotlayout, som kan läggas till antingen den globala eller anpassade layouten. Vi kommer att titta på att konstruera ett anpassat sidfotlayoutavsnitt i nästa avsnitt, men låt oss först titta på Introduktion till Avada -layouter.
I WordPress -sidofältet eller Avada -instrumentpanelen väljer du Avada> Layouter. Avadas layouter och layoutavsnitt skapas och hanteras här. Som visas nedan är den globala layouten initialt tom utan några associerade layoutavsnitt.
Anpassa en layout
Det här avsnittet kan läggas till i den globala layouten eller en villkorlig layout, som bara visas på vissa anpassade inläggstyper eller enstaka sidor. Den globala layouten är redan närvarande, men vi måste först utveckla en villkorlig layout.
Lägg till ett namn på sidan Layout och klicka på Skapa ny layout, som visas nedan.
Skapa ett sidfotlayoutavsnitt om du vill lägga till det i en befintlig layout eller den globala layouten.
På skärmen Layout -sektionsbyggare väljer du typen av layoutavsnitt, anger ett namn (i denna ex amp le, sidfot, eventuellt global sidfot) och klickar på Skapa ny layoutavsnitt, som visas nedan.
Följande bild visar hur du skapar ett layoutavsnitt direkt från layouten. Webbplatsens layoutavsnitt måste läggas till i en layout. Inledningsvis finns det helt enkelt en global layout. Så, för att skapa en global anpassad sidfot, lägg till den i den här layouten. Anpassat sidfotlayoutavsnitt och lägg sedan till villkor i avsnittet Anpassad sidfotlayout för att få layouten att visas enligt kriterierna.
Inget fel med det, men det är viktigt att tänka på situationen. Om layouten för närvarande är aktiv (dvs. har villkor eller är den globala layouten) kommer alla nya layoutavsnitt att vara aktiva omedelbart och tomma. Det är mer meningsfullt att lägga till en anpassad sidfot i en global layout via sidan Layout Section Builder först och sedan lägga till den i den globala layouten.
Alternativt kan vi lägga till en sidfots-, sidhuvud- eller kolumnlayoutavsnitt till en villkorlig layout och sedan skapa den. Villkor används inte förrän villkor läggs till. Som illustreras nedan kan vi ändra sektionen sidfotlayout genom att hålla muspekaren över den och klicka på redigeringsikonen.
Anpassad layoutredigering
Standard WordPress Editor visas när du redigerar ett nytt layoutavsnitt; du kan använda Avada Builder eller Avada Live härifrån. Anpassade layoutavsnitt skapas här. Mer information finns i Skapa layoutavsnittsinnehåll, men kort sagt kan du bygga allt här.
Din anpassade sidfot kan innehålla allt du kan konstruera i Avada Builder. Du kan ha många kolumner, foton, etc .; Detta möjliggör enorm flexibilitet. Layoutavsnittet är där sidfotsmaterialet visas. Materialet kommer från Builder, och din kreativitet är den enda begränsningen.
Se den ursprungliga sidfoten som byggdes för taxidemonstrationen nedan; Detta gjordes genom att ändra temalternativen och sidfots -widgets.