Het achtergrondontwerp van contentelementen bewerken

Doordat u het ontwerp of de kleur van de achtergrond van contentelementen kunt wijzigen, is het bijvoorbeeld mogelijk om uw bedrijfskleuren te gebruiken en uw winkel aan te passen aan uw zakelijke identiteit. Als u alleen het achtergrondontwerp of individuele contentelementen bewerkt, vallen deze elementen meer op en brengt u variatie aan in de lay-out van uw winkel.

Hoe u het achtergrondontwerp kunt bewerken

Zodra u een contentelement hebt toegevoegd aan een pagina, kunt u het achtergrondontwerp ervan bewerken. Alle wijzigingen worden direct weergegeven in het voorbeeldgedeelte van de Editor.

  1. Selecteer het contentelement of beweeg de muis erover. U ziet een blauwe balk bovenaan het contentelement.
  2. Selecteer BackgroundIcon.png in de blauwe balk.
  3. Selecteer de gewenste optie:
  4. Onder Breedte van achtergrond bepaalt u of de achtergrond moet worden aangepast aan de breedte van de paginainhoud of de volledige breedte van de pagina moet beslaan.

    Info

    Afhankelijk van het geselecteerde thema bevatten sommige ontwerpen witruimte aan de linker- en rechterkant van de inhoud, terwijl andere ontwerpen de volledige breedte gebruiken. Met deze optie kunt u bepalen of het achtergrondontwerp de standaardbreedte van het thema moet volgen of hiervan moet afwijken.

  5. Selecteer de koppeling Herstellen als u de standaard achtergrondkleur voor dit contentelement wilt herstellen.
    Houd er rekening mee dat hiermee de standaardkleur van uw thema wordt hersteld, niet de vorige kleur die u hebt geselecteerd (indien u dat hebt gedaan). Als u de kleur wilt houden die geselecteerd was toen u begon met bewerken, moet u het proces annuleren door Annuleren te selecteren.
  6. Selecteer Opslaan.

U hebt het achtergrondontwerp bewerkt. Herhaal de stappen hierboven om het achtergrondontwerp voor andere contentelementen te wijzigen of om een achtergrondontwerp opnieuw te bewerken. Uw wijzigingen worden meteen toegepast op uw winkel.

Hoe u een kleur kiest

Selecteer de gewenste kleur in het kleurenpalet circle-1.png. U kunt ook een van de voorgedefinieerde kleuren selecteren circle-2.png. Deze bevatten altijd de basiskleuren zwart en wit. Daarnaast kunt u hier de huidige geselecteerde winkelkleuren vinden. Als u een exacte kleurschakering nodig hebt, kunt u ook een hex-kleurcode invullen in het invoerveld circle-3.png.

Door de koppeling Herstellen te selecteren, herstelt u de standaardkleur van uw thema, niet de vorige kleur die u hebt geselecteerd (indien u dat hebt gedaan).

U kunt uw wijzigingen meteen bekijken in het voorbeeld van uw winkel op de achtergrond.

Screenshot 2023-12-01 at 10.54.03.png

Als u een specifieke kleur wilt gebruiken voor uw winkel, kunt u een kleurkiezer gebruiken om de bijbehorende hex-code te identificeren. Op deze manier kunt u snel exact de juiste tint selecteren. Kleurkiezers zijn gratis beschikbaar op verschillende websites en als extensie voor de populairste browsers.

Tips voor het achtergrondontwerp

De achtergrondinstellingen bieden allerlei mogelijkheden, maar het kan ook een hele uitdaging zijn om er een aantrekkelijk ontwerp mee te maken.

We hebben een aantal tips voor u samengesteld om u te helpen bij het ontwerpen van uw winkel:

  • Als u een thema over de volle breedte hebt geselecteerd, wordt het achtergrondontwerp ook over de volledige pagina weergegeven. Als het thema niet de volle breedte beslaat, wordt het achtergrondontwerp ook niet over de hele pagina weergegeven. Dit zorgt ervoor dat het ontwerp van uw winkel harmonieus en consistent is.

    Solid color_Full-width_EN.png Solid color_Non full-width_EN.png
    Ontwerp over volle breedte Ontwerp niet over volle breedte
  • De door u geselecteerde achtergrondkleuren worden behouden als u het thema wijzigt. Als u een van de themakleuren van het vorige thema hebt geselecteerd als achtergrondkleur, wordt deze kleur behouden en niet automatisch aangepast aan het nieuw geselecteerde thema. Controleer uw instellingen als u een ander thema selecteert, om er zeker van te zijn dat uw winkel er mooi en consistent uitziet.
  • We raden aan om kleuren te gebruiken die bij uw merk/bedrijf passen en waar uw klanten aan gewend zijn. Dat zorgt voor een samenhangend, professioneel ontwerp.
  • Probeer kleuren uit dezelfde kleurfamilie te gebruiken. Te veel verschillende kleuren kan afleidend zijn voor uw klanten.
  • Soms is minder meer. Voor het achtergrondontwerp van contentelementen die uw productaanbod presenteren, kunt u het beste lichte achtergrondkleuren gebruiken, zodat potentiële klanten zich kunnen focussen op uw producten.
  • Zorg voor een scherp contrast tussen de achtergrondkleur en andere elementen, zoals tekst en knoppen, zodat deze goed leesbaar zijn.

Was dit artikel nuttig?