Opmaak – Wysiwyg – Knoppenbalk

Laatst bewerkt: 28 september 2009

Knoppenbalk

berichten-knoppenbalk

De knoppenbalk lijkt in veel opzichten op de knoppen zoals het in WORD gebruikt wordt. Het is GEEN WORD, plak daarom nooit rechtstreeks vanuit Word in de teksteditor van WordPress (dit geldt ook voor teksten uit andere sites) en b.v. Frontpage.

Uitleg knoppenbalk

Klikken op de knoppen activeert de functie, nogmaals klikken op de knop schakelt de functie weer uit.
Een andere manier: een stuk tekst selecteren(linkermuisknop ingedrukt houden en over de tekst gaan), vervolgens op één van de functieknoppen klikken die je wilt gebruiken. In sommige gevallen kan een combinatie van de knoppen ook.

bold Bold – Vette tekst

ItalicItalic – Schuingedrukte tekst

doorhalenTekst doorhalen

opsommingstekensOpsommingstekens

  • eerste
  • tweede
  • derde

(Het soort van de opsommingstekens is thema afhankelijk, kunnen b.v. ook blokjes zijn)

numerieke-opsommingGenummerde lijst

  1. op de eerste plaats
  2. op de tweede plaats
  3. op de derde plaats

blocquoteBlockquote

Een blockquote is een stuk tekst in een ‘blok’ plaatsen. Dit wordt b.v. gebruikt om een stuk tekst te tonen wat speciale aandacht nodig heeft. Hoe een blockquote getoond wordt is thema afhankelijk. Sommige thema’s tonen b.v. het blocq tussen aanhalingstekens, of gebruiken een achtergrondkleur

links-uitlijnenTekst links uitlijnen

centrerentekst (en afbeelding) centreren

rechts-uitlijnentekst(en afbeelding) rechts uitlijnen

linkEen link maken: als voorbeeld de startpagina van deze site.

Uitleg link maken

  1. selecteer een stuk tekst waar je een link van wilt maken
  2. Klik op het ‘kettinkje’
  3. In het scherm wat te voorschijn komt plaats je het internetadres van de site of pagina waar je een link naar wilt plaatsen. Voorbeeld: Voor de startpagina van deze site is dat http://werkgroepen.net/wordpressmu/handleidingen/ (het internetadres kun je uit de internetadresbalk kopieren)
  4. Selecteer bij ‘Doel’ de gewenste optie
    • Openen in hetzelfde venster (dan wordt de huidige pagina vervangen door de pagina waar de link naar geplaatst is.
    • Openen in nieuw venster (dan wordt de link waarop geklikt wordt in een nieuw venster geopend)
      (Tip: Openen in dezelfde pagina, als het links zijn naar je eigen site, openen in nieuwe pagina, als het links zijn naar externe sites, dan blijft jouw site makkelijk terug te vinden)
  5. Bij ‘Titel’ kan een optionele tekst ingevoerd worden, deze wordt getoond als met de muis op de link stilgehouden wordt.
  6. Het eronder vermeld ‘Class’ kun je overslaan, is voor gevorderden en techneutentaal. Wil je het graag weten, raad ik je aan om je in HTML en CSS te gaan verdiepen. Een aardige site is: Handleiding HTML
  7. Tot slot nog invoegen klikken en je hebt een link in je bericht geplaatst. (Altijd even controleren of deze ook werkt zoals je het in je hoofd had).

unlinkUnlink: Wil je een link uit een bericht verwijderen, selecteer de link in het bericht en klik op de ‘unlink’ knop.

meer-lezenMeer lezen: dit breekt de pagina en er komt een ‘meer lezen’ link voor in de plaats, waarop geklikt kan worden voor de volledige tekst. Op deze manier worden onnodig lappen teksten voorkomen, waar je bezoeker geen interesse voor heeft, omdat deze naar iets anders zoekt.

abc-talenSpellingscontrole: op het ‘driehoekje naar beneden klikken’ em de taal kiezen waarin je de spellingscontrole wilt laten uitvoeren.

wisselen-volledig-schermVolledig werkscherm: klikkenop deze knop maakt het werkscherm venstergroot. Terug naar het kleinere werkscherm? Klik bovenin het venster op dezelfde knop.

kitschen-sink-in-uitvouwenKitchensink: (het aanrechtblad), deze knop toont/verbergt de tweede rij knoppen van de wysiwyg werkbalk.
(De engelstaligen noemen dit Kitchensink, in eerste instantie werd ik op het verkeerde been gezet wat betreft de vertaling. Ik dacht dat het afvoer/riool betekende, dus weggooien).

paragraaf Letterformaat, op het ‘driehoekje naar beneden’ klikken en je kunt diverse lettertypen selecteren.

onderstreeptOnderstreepte tekst, Tip: Zo weinig mogelijk gebruiken. Bezoekers zullen denken dat het een link is waar op geklikt kan worden.

uitvullenTekst uitvullen: elke regel wordt over de hele breedte uitgevuld. Wil je dit gebruiken, let er dan op dat je tekst ook veel kleine woorden bevat. Het kan gebeuren dat je vanwege het uitvullen grote ruimten tussen de woorden krijgt, wat niet prettig leest voor je bezoekers.

tekstkleurTekstkleur: klikken op het ‘omgekeerde driehoekje’, klikken op de gewenste kleur en je tekst wijzigt van kleur. Dit is een leuk speeltje, het brengt echter veel onrust in je site.

plakken-als-platte-tekstPlatte tekst invoegen: vind je ergens een bestand van b.v. een website en je wilt dit overnemen en/of herschrijven, (denk om copyright en geef de bron weer) kun je dit als platte tekst in het scherm plakken wat tevoorschijn komt.
Kopieer het stuk tekst wat je wilt overnemen uit de webpagina(Ctrl + C toets),
klik op de knop ‘plak als platte tekst’ en plak het (Ctrl + V toets) in het venster.
Je ziet dat de tekst wijzigt zonder enige opmaak. Dit doe je later met de wysiwyg knoppen van je eigen site.
Waarom: rechtstreeks plakken van een andere site naar je eigen site ‘bijt’ elkaar. De kans is groot dat de tekst dan onjuist wordt weergegeven.

plakken-vanuit-wordPlakken vanuit WORD (outlook of een andere webpagina).
Vooraf: WORD is troep voor een website, wie het proberen wil die mag.
Kopieer de tekst van een WORD document (Ctrl + C toets),
klik op de knop ‘plak vanuit Word’ en plak (Ctrl + V toets) de tekst in het nieuw geopende venster.
Ongewenste verassingen voorkomen wat betreft de weergave? Kies dan om de WORD tekst als platte tekst in te voegen. De tekst maak je later op met behulp van de wysiwyg knoppen van je eigen site.

gommetje-opmaak-verwijderenGommetje: verwijdert opmaak. Wil je de opgemaakte tekst wijzigen naar de standaard? Selecteer het bewuste stuk tekst en klik op het ‘gommetje’. De tekst wordt dan gewijzigd in de standaard opmaak.

karakter-tekensInvoegen karakter: de é, i. ö, è, ë enz. zijn voor internetgebruik speciale karakters. Karaktertekens kunnen door sommige browsers onjuist omgezet worden. Gebruik daarom liever de ‘invoegen karakter’ knop. Klik op de letter of het teken wat je wilt gebruiken en deze wordt vervolgens toegevoegd in je schrijfscherm. Op deze manier worden de bezoekers(en jezelf) niet verrast, dat de tekst ‘zomaar’ anders weergegeven wordt. De naam voor speciale karakter tekens is ascii code. Meer over ascii codes(als je er belangstelling voor hebt) kun je vinden op de site van Webdesign.about.com (Engels). Of op Wikipedia (Nederlands).

links-inspringenLinks inspringen: deze knop maakt dat de geslecteerde tekst een tab naar links gaat.

rechts-inspringenRechts inspringen: zoals je ziet is deze tekst (met afbeeldin) een tab naar rechts verplaatst.

ongedaan-makenOngedaan maken: het voorgaande ingetype ongedaan maken

ongedaan-ongedaan-makenOpnieuw: spijt van het ondegaan gemaakte, of iets te vaak op de ongedaan maken knop geklikt? Met deze knop herstel je het ongedaan gemaakte.

Een heel verhaal over de knoppen van de Wysiwyg werkbalk.

Tip: Experimenteer met een testbericht. Sla dit op als privé bericht zodat het alleen zichtbaar is voor jezelf, op deze manier kun je je helemaal uitleven met tekst en opmaak, zonder dat iemand anders dit kan zien.

Dit artikel delen:
  • LinkedIn
  • Twitter
  • Google Bookmarks
  • Facebook
  • del.icio.us
  • RSS
  • Hyves
  • NuJIJ