Onze eigen paginabuilder, de Avada Builder, is nu beschikbaar in twee interfaces: Avada Builder, onze back-end wireframe-paginabuilder, en Avada Live, onze front-endbuilder, die pas onlangs werd geïntroduceerd met Avada 6.0 .
Met behulp van ons eenvoudige systeem van containers, kolommen en elementen kunt u met beide versies van Avada Builder eenvoudig prachtige pagina-indelingen voor uw website ontwerpen. Avada Builder is een fantastisch hulpmiddel voor zowel moderne webontwerpers als site-eigenaren, omdat het hen volledige controle geeft over alle aspecten van pagina-inhoud en lay-out. Beide versies van Avada Builder genereren ook dezelfde code. Ze zijn volledig uitwisselbaar, waardoor je met Avada Builder, dat momenteel beschikbaar is, het beste van twee werelden hebt.
- Sectie-indeling gebruiken
- Een lay-out aanpassen
- Aangepaste lay-out bewerken
- Voorwaardelijk lay-outontwerp
- Kolommen toevoegen vanuit de Avada Layout-builder
- Conclusie
Op de pagina Layout Builder vindt u al uw lay-outs en eventuele voorwaardelijke lay-outs die u mogelijk wilt bouwen naast de algemene lay-out die standaard is gemaakt. Hier bevindt zich ook het gebied waar u lay-outsecties aan uw lay-outs toewijst en voorwaarden opgeeft waaronder uw voorwaardelijke lay-outs van kracht worden.
De Layout Builder is toegankelijk via het Avada Dashboard door Layouts > Layout Builder te selecteren in het vervolgkeuzemenu. Een van de meest eenvoudige manieren om lay-outs te beschrijven is door te zeggen dat het containers zijn die de vier lay-outsecties van een pagina huisvesten: de kopsectie, de paginatitelbalksectie, de inhoudssectie en de voettekstsectie. U kunt meer leren over de verschillen tussen lay-outsecties en lay-outs door dit document te lezen: Lay-outs en lay-outsecties begrijpen (PDF). Lees verder voor meer informatie over de dingen die u op deze pagina kunt doen.
Twee delen bevinden zich helemaal bovenaan de pagina Layout Builder. Een techniek voor het vullen van de lay-outsecties in de globale lay-out of het genereren van voorwaardelijke lay-outs wordt uiteengezet in de eerste sectie (hint: u kunt deze afsluiten met de X), en aan de rechterkant van het scherm bevindt zich een gebied van waaruit u maak direct nieuwe lay-outs (zie hieronder). Typ een naam voor uw nieuwe lay-out en klik vervolgens op Nieuwe lay-out maken om het proces te voltooien. Wanneer deze methode wordt gebruikt, wordt er een lege lay-out gemaakt; er zijn geen lay-outsecties of voorwaarden gespecificeerd.
Terwijl u lay-outs maakt, worden deze automatisch geïmporteerd in de pagina Layout Builder. U kunt de naam van een lay-out wijzigen door op de knop Naam wijzigen bovenaan de pagina te klikken. U kunt ook op het tandwielpictogram klikken om voorwaarden voor de lay-out in te stellen, en u kunt een lay-out verwijderen door op het prullenbakpictogram bovenaan de pagina te klikken. U kunt ook criteria zien en toewijzen door onderaan alle lay-outs te klikken, behalve de globale lay-out.
Binnen elke lay-out kunt u de vier lay-outsecties zien die aan een bepaalde lay-out zijn toegewezen, één voor elk van de vier lay-outs. In elke lay-outsectie ziet u een +-pictogram, waarmee u een lay-outsectie aan die sectie van de lay-out kunt toewijzen als u er met de muis overheen beweegt. U heeft de mogelijkheid om een bestaande lay-outsectie aan deze sectie toe te wijzen of een geheel nieuwe sectie te maken.
Sectie-indeling gebruiken
Als onderdeel van Avada Layouts kunt u nu volledig aanpasbare voetteksten voor uw website maken, waarbij u profiteert van de volledige creatieve mogelijkheden van Avada Builder om dit te bereiken.
Een voettekstlay-out is een lay-outsectie die aan een lay-out wordt toegevoegd. Voor een amp voettekst is bijvoorbeeld een sectie voor de lay-out van de voettekst vereist, die kan worden toegevoegd aan de algemene of aangepaste lay-out. In de volgende sectie zullen we kijken naar het maken van een aangepaste voettekstindeling, maar laten we eerst eens kijken naar de introductie van Avada-indelingen.
Selecteer Avada > Lay-outs in de WordPress-zijbalk of het Avada-dashboard. De lay-outs en lay-outsecties van Avada worden hier gemaakt en beheerd. Zoals hieronder weergegeven, is de globale lay-out aanvankelijk leeg, zonder bijbehorende lay-outsecties.
Een lay-out aanpassen
Deze sectie kan worden toegevoegd aan de algemene lay-out of een voorwaardelijke lay-out en wordt alleen weergegeven op bepaalde aangepaste berichtsoorten of afzonderlijke pagina's. De Globale Lay-out is al aanwezig, maar we moeten eerst een Voorwaardelijke Lay-out ontwikkelen.
Voeg op de pagina Lay-outs een naam toe en klik op Nieuwe lay-out maken, zoals hieronder weergegeven.
Maak een voettekstlay-outsectie als u deze wilt toevoegen aan een bestaande lay-out of de globale lay-out.
Op het scherm Layout Section Builder selecteert u het type layoutsectie, voert u een naam in (in dit amp voettekst, mogelijk globale voettekst) en klikt u op Nieuwe lay-outsectie maken, zoals hieronder weergegeven.
De volgende afbeelding laat zien hoe u rechtstreeks vanuit de lay-out een lay-outsectie kunt genereren. De lay-outsecties van uw site moeten aan een lay-out worden toegevoegd. In eerste instantie is er eenvoudigweg een globale lay-out. Om een globale aangepaste voettekst te maken, voegt u deze dus toe aan deze lay-out. Aangepaste voettekstindeling en voeg vervolgens voorwaarden toe aan de aangepaste voettekstindeling om de indeling volgens de criteria te laten verschijnen.
Er is niets mis mee, maar het is van essentieel belang om de situatie in overweging te nemen. Als de lay-out momenteel actief is (dwz voorwaarden heeft of de globale lay-out is), zullen alle nieuwe lay-outsecties onmiddellijk actief en leeg zijn. Het is zinvoller om eerst een aangepaste voettekst toe te voegen aan een globale lay-out via de pagina Layout Section Builder en deze vervolgens toe te voegen aan de globale lay-out.
Als alternatief kunnen we een voettekst-, koptekst- of kolomlay-outsectie toevoegen aan een voorwaardelijke lay-out en deze vervolgens maken. Voorwaarden worden pas gebruikt als er voorwaarden zijn toegevoegd. Zoals hieronder geïllustreerd, kunnen we de sectie Voettekstindeling wijzigen door erover te bewegen en op het bewerkingspictogram te klikken.
Aangepaste lay-out bewerken
De standaard WordPress Editor verschijnt bij het bewerken van een nieuwe lay-outsectie; u kunt vanaf hier Avada Builder of Avada Live gebruiken. Aangepaste lay-outsecties worden hier gemaakt. Voor aanvullende informatie, zie Inhoud van lay-outsectie creëren, maar kort gezegd kunt u hier alles bouwen.
Uw aangepaste voettekst kan alles bevatten wat u in Avada Builder kunt maken. U kunt talloze kolommen, foto's, enz. hebben; Dit maakt een enorme flexibiliteit mogelijk. In het gedeelte Lay-out verschijnt het voettekstmateriaal. Het materiaal komt van de Bouwer en jouw creativiteit is de enige beperking.
Bekijk hieronder de originele voettekst die voor de taxidemo is gebouwd; Dit is mogelijk gemaakt door de thema-opties en voettekstwidgets te wijzigen.
