Afbeeldingen met tekstblok

De afbeelding met tekstblok laat je een afbeelding naast een kop en alinea plaatsen op de startpagina van je kennisbasis. Waar het Rich-tekstblok puur tekstgebaseerd is, brengt dit blok een visuele dimensie toe, waarbij een afbeelding wordt gecombineerd met gestructureerde tekst zodat lezers context en beelden samenbrengen in één lay-out. Dit maakt het uitstekend voor content waarbij een screenshot, illustratie of miniatuur betekenis toevoegt die tekst alleen niet kan overbrengen.

Wanneer de afbeelding met tekstblok te gebruiken

• Feature-hoogtepunten - Toon een specifieke productfeature met een screenshot of illustratie naast een korte beschrijving.
• Release-aankondigingen - Combineer een afbeelding van een nieuwe feature met een korte alinea waarin wordt beschreven wat er nieuw is en waar je het kunt vinden.
• Visuele introducties - Gebruik een afbeelding om de toon te zetten voor een gedeelte van je kennisbank, met ondersteunende tekst om lezers te oriënteren.
• Promotionele inhoud - Marker een gids, videotutorial of belangrijk artikel met een thumbnail en een korte oproep tot actie.

Wanneer de inhoud alleen tekst bevat, gebruik dan het Rich text-blok .

Hoe voeg je een afbeelding toe met tekstblok

1. Navigeer naar () in de linker navigatiebalk van het kennisbankportaal.
2. Navigeer in het linker navigatiepaneel naar Knowledge base site > Site-aanpassing.
3. Klik op de knop Site aanpassen .

4. Selecteer in het linker keuzemenu Startpagina. De sectie Lichaam toont de lijst van lichaamsblokken.
5. Klik op Sectie Toevoegen en selecteer Afbeelding met tekst. Het blok wordt aan de lijst toegevoegd.
6. Gebruik het Reorder () icoon om het blok te herschikken. De Reorder en Hide () iconen verschijnen wanneer je over een body block zweeft.
7. Vouw de afbeelding uit met tekst-dropdown om toegang te krijgen tot de elementen Afbeelding, Kop en Paragraaf .

Hoe de elementen te configureren

Afbeelding

1. Klik op Afbeelding om het Afbeeldingspaneel te openen.
2. Klik op Wijzigen om de afbeelding te uploaden of bij te werken.
3. Voer in het tabblad Afbeelding de afbeeldings-URL in of upload er een vanaf je Drive.
4. Kies in de sectie Uitlijning Links, Midden of Rechts om de afbeelding binnen het blok te plaatsen.

Kop

1. Klik op Heading om het Heading-paneel te openen.
2. Voer de gewenste tekst in het veld Koptekst.
3. Gebruik het kleurpalet Tekst om een kopkleur te kiezen.
4. Kies in de sectie Uitlijning Links, Midden of Rechts.
5. Klik op Verwijderen om alleen het Heading-element uit dit blok te verwijderen.

Paragraaf

1. Klik op Paragraaf om het Paragraafpaneel te openen.
2. Voer je inhoud in het tekstveld Paragraaf .
3. Formaak de tekst met de volgende opties:

4. Gebruik het tekstkleurenpalet om de kleur van de alineatekst in te stellen.
5. Kies in de sectie Uitlijning Links, Midden of Rechts.
6. Klik op Verwijderen om alleen het paragraafelement uit dit blok te verwijderen.

Hoe opslaan en publiceren

• Gebruik de schakelaar Voorbeeldweergave rechts om je wijzigingen te bekijken.
• Klik op Opslaan om je wijzigingen op te slaan.
• Klik op Publiceren om wijzigingen live door te voeren.

Best practices

• Houd beeld en tekst in balans - een grote afbeelding naast een korte zin lijkt niet bij elkaar te passen. Streef naar ongeveer gelijke visuele lading tussen de afbeelding en de tekst ernaast.
• Gebruik Links-uitlijning voor de afbeelding wanneer de leesrichting van links naar rechts is; Het is de meest natuurlijke lay-out voor de meeste lezers.
• Gebruik de kop om het blok te ankeren – zelfs als de kop kort is, geeft het lezers een snel label waar de afbeelding en alinea over gaan.
• Vermijd het uploaden van te grote afbeeldingen - grote afbeeldingen laden langzaam door de pagina. Verander de grootte van afbeeldingen voordat je ze uploadt, zodat ze webgeoptimaliseerd blijven (meestal onder de 200KB voor afbeeldingen op de startpagina).
• Gebruik consistente afbeeldingsafmetingen - als je meerdere afbeeldingen hebt met tekstblokken op dezelfde pagina, houd dan de afbeeldingsgroottes consistent voor een nettere lay-out.

FAQ