TEKSTBLOK
Om een tekstblok aan uw pagina toe te voegen, gebruikt u het element “Tekstblok”:
Dit element voegt een WYSIWYG-editor toe voor het invoegen / formatteren van tekstblokken op een gebruikelijke comfortabele manier.
TOETSEN
Gebruik het element “Knop” om ergens een knop in uw inhoud toe te voegen :
Hier heb je de volgende opties:
Knoptekst: typ de tekst in die op je knop moet verschijnen
URL (link): definieer de link voor uw knop
Positie: bepaal de positie en uitlijning van deze knop
Stijl: Website-huur.nl -knoppen bevatten twee basisstijlen – plat (effen vulling) en omtrek (spookachtig)
Grootte: selecteer de grootte voor uw buttonText weight: font weight voor de knoptekst
Geen hoofdletters: door dit selectievakje in te schakelen, schakelt u hoofdletterstijlen uit voor knoptekst
Randstraal: definieer de straal voor afgeronde hoeken van de knop
Tekstkleur: Selecteer de letterkleur van de tekst van de knop
Tekstkleur zweven : selecteer de hover-letterkleur van de tekst van de knop
Achtergrondkleur: selecteer de achtergrondkleurvulling voor de knop
Achtergrondkleur zweven : selecteer de achtergrondkleur voor de knop in zweefstand
Separatiestijl: deze optie biedt u de mogelijkheid om regelscheidingsteken links en rechts van de knop in te schakelen
Icon pack: als u een pictogram op uw knop wilt gebruiken, kunt u hier het pictogrampakket definiëren, waar u uw pictogram wilt kiezen
Pictogram: hier kunt u een pictogram kiezen uit de lettertypepictogramset die u hebt geselecteerd in “Icon Pack”. Klik gewoon op “Toon pictogramcodes”, selecteer en kopieer de code van het pictogram dat u wilt invoegen en plak deze code hier
Pictogrampositie: waar het gekozen pictogram moet worden gepositioneerd – links of rechts van de tekst van de knop Kies hier de hoofdletterkleur van uw titelpictogram
Lazy Loading ingeschakeld: hier kun je een luie laadanimatie voor je knop inschakelen
PICTOGRAMMEN
Website-huur.nl levert drie shortcodes voor het invoegen van knoppen in uw inhoud.
ICOON
Deze shortcode voegt een zelfstandig pictogram in op elke positie in uw inhoud
Icon pack: als u een pictogram op uw knop wilt gebruiken, kunt u hier het pictogrampakket definiëren, waar u uw pictogram wilt kiezen
Pictogram: hier kunt u een pictogram kiezen uit de lettertypepictogramset die u hebt geselecteerd in “Icon Pack”. Klik gewoon op “Toon pictogramcodes”, selecteer en kopieer de code van het pictogram dat u wilt invoegen en plak deze code hier
Vorm: hier kunt u kiezen tussen verschillende pictogramvormen
Stijl: benodigd voor gekleurde pictogrammen – hier kunt u de hoek van het splitsen van kleuren op uw pictogram definiëren
Kleur: selecteer een lettertype voor uw pictogram
Kleur 2: als u uw pictogram wilt tweekleurig maken, kiest u hier de tweede letterkleur voor uw pictogram
Achtergrondkleur: kies de achtergrondkleur van uw pictogram
Randkleur: kies de randkleur van uw pictogram
Grootte: in welke maat je pictogram moet verschijnen
Link & Link Target: voer een URL in als u uw pictogram wilt koppelen
Gecentreerd: als u dit pictogram automatisch wilt centreren binnen het inhoudsblok waar het is ingevoegd, activeert u deze optie
Pictogram Bovenmarge & pictogram Ondermarge: hier kunt u de boven- en ondermarges van uw knop definiëren, in pixels
PICTOGRAM MET TEKST
Deze shortcode lijkt veel op de hierboven beschreven korte pictogramcode , maar biedt een optie om een tekstcontainer in te voegen, beginnend met een pictogram, en om pictogram- & tekstposities, marges en opvullingen heel precies te beheren. Alle instellingen zijn vrij gelijkaardig aan de instellingen van Icon shortcode (zie hierboven). Nadat u dit element hebt ingevoegd, kunt u tekstblok toevoegen of toevoegen binnen deze korte code.
PICTOGRAM MET TITEL
Deze shortcode lijkt veel op Icon shortcode zoals hierboven beschreven, maar het geeft een optie om een titel in te voegen in combinatie met het pictogram. Alle instellingen zijn vrij gelijkaardig aan de instellingen van Icon shortcode (zie hierboven).
Alle pictogramelementdemo’s
Gestileerde vakken kunnen worden gebruikt om bepaalde inhoudsonderdelen te markeren, om de aandacht van de bezoeker te vestigen op enkele belangrijke feiten, om iets te promoten. Met deze shortcode kunt u eenvoudig de kleuren van uw doos aanpassen. Om een gestileerde kunt invoegen in uw inhoud gebruik Textbox shortcode:
Stijl: u kunt selecteren of u een titelbalk in uw tekstvak wilt hebben of niet, of dat u een illustratiekader wilt maken (waar de afbeelding boven het tekstvak wordt geplaatst)
Inhoud Tekstkleur: Tekstkleur voor de tekst in het tekstvak, Kleurcode kiezen of invoeren, ex. #ffffff.
Inhoud Achtergrondkleur: hier kunt u de kleur selecteren voor de achtergrond van uw tekstvak
Inhoudsachtergrondafbeelding: als u een afbeelding als achtergrond van uw tekstvak wilt gebruiken, kunt u hier deze afbeelding uit uw mediabibliotheek selecteren
Achtergrondstijl: kies een stijl voor het weergeven van achtergrondafbeeldingen
Horizontale horizontale positie: kies de horizontale positie van uw achtergrondafbeelding Verticale verticale positie: kies de verticale positie van uw achtergrondafbeelding
Parallax: parallax-effect inschakelen als u parallax wilt gebruiken
INDIEN INGESCHAKELD:
Parallax type: kies het parallax type dat je wilt gebruiken
Parallax-overlay-kleur: selecteer een overlay-kleur voor uw parallaxgebied
Padding-top: plaats de bovenste padding van het gebied met de volledige breedte in pixel
Padding bottom: zet de onderste padding van het fullbreedtegebied in pixel
Opvulling links: stel de linker opvulling van het volledige breedte gebied in pixel in. OPMERKING: plaats deze opvulling op “0” als u
geen padding naar links wilt vermijden. Opvul
rechts: stel de juiste opvulling van het gebied over de volle breedte in pixel in. LET OP: zet deze opvulling op “0” als
u geen vullingen naar de juiste randkleur wilt vermijden
: kleur van de rand van uw CTA
Randbreedte (px): breedte van de CTA-rand
Randradius (px): radius voor de afgeronde hoeken van de CTA-rand
Rectangle Corner: als u wilt, kunt u hoeken van de CTA-rand selecteren, die niet-afgerond moeten blijven, zoals hier
Top & Bottom Arеa Style: kies, welke mooie stijl wilt u gebruiken voor de top of voor de onderkant van uw CTA. Standaard fancy-stijlen zijn uitgeschakeld
Gecentreerd: kies of u uw pictogram / afbeelding / knoppen in de CTA-container wilt centreren
Lazy Loading ingeschakeld: hier kun je een luie laadanimatie voor je knop inschakelen
Als u ervoor kiest om een titel in uw tekstvak te gebruiken,
u kunt de volgende instellingen instellen op het tabblad “Titel”:
Icon pack: als u het pictogram in de titel van uw tekstvak wilt gebruiken, kunt u hier het pictogrampakket definiëren waaruit u uw pictogram wilt kiezen.
Icoon: selecteer het pictogram dat u in de titel van uw tekstvak wilt gebruiken door op Pictogramcodes weergeven te klikken . Het overzicht van alle beschikbare pictogrammen wordt geopend. Selecteer de code van het pictogram dat u wilt invoegen, kopieer het, sluit het overzicht en plak het in dit veld “Pictogram”.
Pictogramvorm: selecteer de vorm van het pictogram.
Pictogramstijl: in Website-huur.nl kunt u gekleurde pictogrammen gebruiken. In dit veld “Stijl” kunt u de hoek voor het splitsen van kleuren in een tweekleurig pictogram selecteren. Door Standaard wordt er slechts één kleur worden toegepast.
Pictogramkleur: selecteer de hoofdletterkleur van uw pictogram met de colorpicker of typ de hexadecimale waarde
Pictogramkleur 2: selecteer de tweede letterkleur van uw pictogram als u een tweekleurig pictogram wilt gebruiken. Uw pictogram verschijnt dan in twee kleuren (kleur / kleur 2), opgesplitst volgens de hoek die u hebt geselecteerd in het veld Stijl hierboven
Achtergrondkleur pictogram: kies de kleur van de achtergrond van het pictogram met de colorpicker of typ de hexadecimale waarde
Pictogram Randkleur: kies de kleur van de rand van het pictogram met de colorpicker of typ de hexadecimale waarde
Pictogramgrootte: selecteer de grootte van uw pictogram
Titelgebied: hier kunt u de titel van uw tekstvak invoeren. Opmerking: u kunt hier HTML of shortcodes gebruiken.
Titel Tekstkleur: Tekstkleur voor de titel van het tekstvak
Titel Achtergrondkleur: Achtergrondkleur van het titelgebied in uw tekstvakNadat u uw tekstvak hebt ingevoegd, kunt u het vullen met inhoud door eenvoudig op het “+” -symbool boven het tekstvak te klikken.