Handleidingen/Design/Een pictogram toevoegen aan een knop

Een pictogram toevoegen aan een knop

Je kunt pictogrammen of afbeeldingen toevoegen aan knoppen, zoals een telefoonpictogram (📞) voor klik-naar-oproep-knoppen, een e-mailpictogram (📧), pijlen (⬅️ ➡️) voor de knoppen Meer lezen, of wat je maar kunt bedenken. Leer hoe je pictogrammen toevoegt aan knoppen in deze handleiding.

Pictogrammen zoeken om te gebruiken

Er zijn veel sites waar je afbeeldingen of pictogrammen kunt vinden die je op je site kunt gebruiken. Een paar voorbeelden zijn onder andere:

Als je een afbeelding gebruikt, raden we SVG- of PNG- (transparante) bestandstypen aan. Je kunt het pictogram uploaden naar je mediabibliotheek voordat je de knop toevoegt, of het pictogram uploaden terwijl je de knop toevoegt (hieronder beschreven).

Een pictogram toevoegen aan een knop

Je kunt een pictogram of afbeelding toevoegen aan een knop op WordPress.com met behulp van het Knoppenblok en een pictogram naar keuze. Volg deze stappen om een bijschrift aan een afbeelding toe te voegen:

  1. Voeg een knop toe en voeg de tekst en link voor je knop toe.
  2. Klik op de knop en plaats je cursor voor of na de tekst.
  3. Afhankelijk van of je een emoji of een afbeelding gebruikt:
    • Emoji: gebruik de sneltoets voor Windows of Mac en selecteer de emoji. Of kopieer en plak de emoji van een site als Get Emoji.
    • Afbeelding: klik in de werkbalk die verschijnt op de pijl-omlaag (Meer) en selecteer de optie ‘Inline-afbeelding’.
      • Kies je afbeelding uit je mediabibliotheek of upload een nieuwe afbeelding.
      • Dubbelklik op de afbeelding om de afbeeldingsgrootte te wijzigen en ALT-tekst toe te voegen.
  4. Klik op ‘Opslaan‘ of ‘Publiceren‘ om je wijzigingen op te slaan.

In het volgende voorbeeld wordt de Mac-sneltoets gebruikt om een emoji toe te voegen. Je kunt ook de Windows-sneltoets gebruiken of een emoji van een andere site kopiëren en plakken.

Copied to clipboard!