Verkrijgbaar in Enterprise
EARLY ACCESS: Als je deze functie wilt gebruiken en je hebt het Enterprise-plan, neem dan contact op met je Success Manager, die dit voor je kan activeren.
---
Maak eenvoudig inspirerende landingspagina's, secties of banners voor je website door content in te sluiten die zich automatisch aanpast aan het apparaat waarop deze wordt bekeken. Met Adaptive content ontwerp je één keer, pas je per apparaat aan en laat je Publitas de rest afhandelen.
In tegenstelling tot traditionele PDF's en paginagebaseerde content die er op elk apparaat hetzelfde uitziet, past Adaptive content zich aan verschillende schermformaten aan, net zoals een moderne website er anders uitziet op je telefoon dan op je computer. Zie het als het verschil tussen een gedrukte poster (PDF) en een flexibel display dat zich perfect hervormt, of het nu wordt bekeken op een telefoon, tablet of desktopcomputer.
Aan de slag
Volg deze eenvoudige stappen om een nieuwe publicatie met Adaptive content te maken:
- Log in op je Publitas-account
- Selecteer de optie Create from scratch in de rechterbovenhoek van de publicatielijst.
- Selecteer "Adaptive content" als Content type.
- Geef je nieuwe publicatie een naam.
- Klik op Confirm settings & create publication.
Je nieuwe publicatie wordt gemaakt en de Adaptive Content Editor wordt geopend.
Introductie tot de Adaptive Content Editor
Wanneer je begint met het maken van nieuwe content, zie je drie hoofdgebieden:
Linkerwerkbalk - contenttoolbox
Zie je contenttoolbox als het startpunt voor alles wat je aan de Canvas wilt toevoegen om content te maken. Deze bevat:
- Secties als vooraf gebouwde contentlay-outs (zoals diasjablonen)
- Content blocks - afzonderlijke bouwstenen zoals tekst, afbeeldingen, Product blocks, enz.
- Layers panel - toont de structuur van je content en maakt eenvoudig reorganiseren mogelijk.
Canvas - je werkgebied
Hier bouw je je content op. Begin met het selecteren van een vooraf gebouwde of lege sectie en voeg vervolgens Content blocks eraan toe en/of pas ze aan.
Rechterpaneel - instellingen en ontwerpopties
Wanneer je een element selecteert, toont dit paneel alle manieren waarop je het kunt aanpassen: lettertypen, kleuren, tussenruimtes en nog veel meer.
Werken met secties
Zie secties als vooraf ontworpen dia-indelingen in PowerPoint. In plaats van met een lege pagina te beginnen, kun je kiezen uit kant-en-klare lay-outs die er al professioneel uitzien.
Daarnaast kunnen alle aangepaste secties ook worden opgeslagen voor later hergebruik.
Je eerste sectie toevoegen
- Sleep het blok Add a section naar de Canvas.
- Selecteer een van de secties uit de lijst met vooraf gebouwde secties, of selecteer Blank section.
- Bevestig de selectie.
Je kunt deze stappen herhalen wanneer er nog een sectie nodig is. Lege secties zijn ook rechtstreeks beschikbaar via de werkbalk, en door boven of onder de bestaande secties direct in de Canvas op "Add section" te klikken.
Lagensysteem
Het Layers panel (onderaan de linkerwerkbalk) toont je de structuur van je content.
Om de algemene contentstructuur iets beter te begrijpen, kun je de volgende volgorde als richtlijn gebruiken:
- Body - dit is het standaardniveau en vertegenwoordigt de volledige publicatie;
- Section - elk belangrijk contentblok binnen de publicatie moet door een sectie worden omvat
- Container/row/cell - organisatorische elementen binnen secties die verdere structuur en scheiding van content bieden
- Blocks - afzonderlijke blokken zoals tekst, afbeelding, enz. die één afzonderlijk stuk content vertegenwoordigen zonder verdere structuur erin.
Daarnaast zijn er een paar gespecialiseerde Content blocks die verdere structuur kunnen bevatten, zoals:
- Product block - een gespecialiseerd blok waarbij afzonderlijke blokken zijn gekoppeld aan een geselecteerd product en content automatisch wordt bijgewerkt.
- Carousel - een gespecialiseerd blok met meerdere dia's die elk zelf als container fungeren met verdere content erin.
Content blocks
Tekstelementen
Voeg tekst toe en maak deze op, net als in elke tekstverwerker:
- Lettertypeselectie en -grootte
- Uitlijning
- Kleuren en styling
- Regelhoogte en letterafstand
Afbeeldingen en video's
- Uploaden vanaf je computer - bestanden worden opgeslagen in je mediabibliotheek voor hergebruik
- Rechtstreeks naar de Canvas slepen en neerzetten
- Een afbeelding of video toevoegen via een link
- Pas afbeeldingen aan door bij te snijden, te roteren en de achtergrond te verwijderen.
Producten (verbonden met je productfeed)
Wanneer je een productelement toevoegt:
- Automatisch informatie ophalen - titel, prijs, beschrijving, afbeeldingen
- Slimme koppeling - koppelt automatisch naar productpagina's
- Live updates - wijzigingen in je productfeed worden automatisch bijgewerkt
Carousels (afbeeldingssliders)
Met Carousels kun je productafbeeldingen en andere soorten content presenteren in een swipebare of automatisch roterende contentstrook, waardoor dit perfect is voor dynamische storytelling met hoge impact op je landingspagina. Met Carousels kun je:
Meerdere items toevoegen - afbeeldingen, video's, producten of tekst
- Navigatieopties definiëren: punten, pijlen of beide
- De content animeren: automatisch afspelen en herhalen instellen
Adaptive/responsive design: waarom dit belangrijk is
Zie je het label "Design for: All devices" in het ontwerppaneel? Dit zorgt ervoor dat je content er overal geweldig uitziet, met als standaardinstelling:
- Desktopcomputers - volledige lay-outs met meerdere kolommen
- Tablets - aangepaste tussenruimtes en afmetingen
- Mobiele telefoons - gestapelde lay-outs.
Het systeem handelt deze aanpassingen automatisch af, maar je kunt indien nodig fijn afstemmen voor specifieke apparaten. Begin met desktop en ga vervolgens naar tablet en tot slot mobiel om aanpassingen te maken terwijl ze in deze volgorde doorwerken. Maar een wijziging op mobiel heeft geen invloed op tablet of desktop. Hierdoor kun je de weergave en lay-outs voor elk apparaat afzonderlijk volledig aanpassen.
Ontwerpbasisprincipes
Elk blok dat in de Canvas is geselecteerd, kan worden aangepast en de opties verschillen afhankelijk van het type content. Hieronder vind je een kort overzicht van de ontwerpopties.
Tekststyling
- Lettertype en grootte
- Uitlijning - links, gecentreerd, rechts, uitgevuld
- Kleur - tekst- en achtergrondkleuren
- Stijl - normaal, vet, cursief
Weergavebediening
- Blok tonen - schakelaar om achtergrond te verbergen/tonen
- Achtergrondkleur - elementachtergrond instellen
- Achtergrondafbeelding - stel een afbeelding in als achtergrond voor het blok.
- Dekking - elementen transparant maken
- Randen - kaders rond elementen toevoegen
- Randradius - afgeronde hoeken maken
Best practices
- Begin met secties - pas bestaande secties aan in plaats van vanaf nul te bouwen
- Sla regelmatig op - maak een bibliotheek met je favoriete lay-outs
- Test op verschillende formaten - gebruik de voorbeeldfunctie om de weergave op desktop, tablet en mobiel te controleren.