De wysiwyg werkbalk (What you see is what you get) is een hulpmiddel om berichten te plaatsen met ´opmaak kunstjes en functionaliteiten´ zoals b.v. een link invoegen, lettertype wijzigen, een lijst met opsommingstekens plaatsen, een genummerde lijst plaatsen, tekstkleur veranderen enz. zonder dat je daarvoor (x)HTML code voor hoeft in te voeren. Dat doet de wysiwyg voor je. Ter controle: kijk maar eens in een geschreven bericht waar b.v. een afbeelding in geplaatst is. Dat ziet er als je op de HTML knop klikt anders uit dan als je op de wysiwyg knop kikt.
Je kunt dit bericht printen door onderaan het artikel op ‘Printversie’ te klikken. (Geldt voor alle berichten)
Beschrijving van de knoppen
Klikken op de knoppen is inschakelen van de functie, nogmaals klikken is uitschakelen. Een andere manier is een stuk tekst selecteren, en op één van de functieknoppen klikken die je wilt gebruiken.
Bold – vette tekst
Italic – schuingedrukte tekst
Tekst doorhalen
Opsommingstekens: zie hieronder:
- eerste opsomming
- tweede opsomming
- derde opsomming
- enz.
Genummerde lijst zie hieronder:
- nummer 1
- nummer 2
- nummer 3
- nummer 4 enz.
Blockquote zie hieronder
Een stuk tekst typen, het stuk tekst selecteren. Op de blockquote knop klikken en je jebt een blok tekst. Een blocquote is een stuk tekst wat getypt wordt. Vervolgens besluit je dat dit ‘block’ speciale aandacht nodig heeft. Per thema kan dit wijzigen. Sommige thema’s tonen hun block tussen ómgekeerde aanhalingstekens’, andere voegen een achtergrondkleur toe. Meestal wordt het block vertoond met een inspringing naar rechts. Samengevat: Een blockquote is een stuk tekst wat als één blok getoond wordt. Nogmaals op de blockquote knop klikken om het weer uit te schakelen.
Tekst links uitlijen
Tekst (en afbeelding) centreren
Tekst (en afbeelding) rechts uitlijnen
Een link maken, als voorbeeld, de home pagina van deze site. Naar de Home pagina. Uitleg hieronder:
- selecteer een stuk tekst waarmee je wilt linken
- klik op het ‘kettinkje’
- Voer in het scherm wat te voorschijn komt de link van de site of pagina waar je naar wilt linken voor deze site is dat http://www.werkgroepen.net/wordpress
- Selecteer bij ‘Doel’ de gewenste optie: openen in hetzelfde venster, betekent dat jouw pagina overschreven gaat worden met de site/pagina waar je naartoe gaat linken. Dat doe je meestal niet als je wilt dat je bezoekers op jouw site willen blijven. Je selecteert als je naar een andere site gaat linken ‘Open in nieuw venster’ .
- Bij ‘titel’ kun je een optionele tekst invoeren, iets als , ‘naar site (naam van site)’. Deze titel wordt getoond als met de muis op de link stilgehouden wordt.
- Het eronder vermelde class kun je overslaan, dit heeft met de ‘class’ te maken, wat techneutentaal is. Wil je het persé weten, raad ik je aan om HTML en CSS te gaan bestuderen. Een aardige site is: Handleiding HTML .
- Tot slot nog invoegen klikken en je hebt een link naar een andere site of naar die van jezelf gemaakt.
Unlinken : Als je een link wilt verwijderen, selecteer de link in je bericht en klik op de ‘unlink’ knop
Meer lezen: Dit breekt de pagina en er komt een ‘meer lezen’ link voor in de plaats waarnaar doorgelinkt wordt naar het volledige bericht. Op deze manier ontstaan er niet onnodig lange lappen tekst op de home van je site en kunnen de bezoekers gerichter vinden waar ze belangstelling voor hebben.
Spellingscontrole: op het ‘driehoekje naar beneden klikken’ en de taal kiezen waarin je de spellingscontrole wilt laten uitvoeren
Volledig werkscherm, klikken op deze knop maakt dat je werkscherm het volledige venster bestrijkt. Terug naar het kleinere bewerk venster? Klik bovenin op dezelfde knop.
‘Kitchensink’ (het aanrechtblad) : deze knop klikken verbergt/toont meer knoppen voor de wysiwyg werkbalk. (De Engelstaligen noemen dit kitchenSink, wat mij in eerste instantie op het verkeerde been zette. Ik dacht dat het afvoer/riool was, dus weggooien…)
Het letterformaat, het ‘driehoekje naar beneden klikken’ en je kunt diverse lettertypen selecteren.
Onderstreepte tekst: zo weinig mogelijk gebruiken. Bezoekers zullen denken dat het een link is waarop geklikt kan worden om naar een andere pagina/site te gaan.
Tekst uitvullen: elke regel wordt over de hele breedte uitgevuld. Wil je dit gebruiken, let er op dat je tekst veel kleine woorden bevat. Het kan gebeuren dat je vanwege het uitvullen grote ruimte tussen de tekst krijgt, waardoor je bericht lastiger te lezen is.
Tekstkleur, klikken op het driehoekje, klikken op de gewenste kleur, en je tekst wijzigt van kleur. Dit is natuurlijk een leuk speeltje, het brengt wel veel onrust in je site.
Platte tekst invoegen, vind je ergens een bestand van een b.v. een website en je wilt dit overnemen en/of deels herschrijven (denk om copyright) kun je dit als platte tekst in het venster achter de ‘platte tekst knop’ plakken. Kopieer het stuk tekst uit de webpagina en plak het met de Ctrl + V knop in het venster. Je ziet dat de tekst veranderd zonder enige opmaak. Dit kun je later met hulp van de wysiwyg knoppen in je eigen site doen.
Plak vanuit WORD (outlook, of een andere webpagina). WORD is troep voor een website, maar wie het proberen wil, die mag. Kopieer de tekst van een WORD (outlook of andere webpagina), klik op de knop ‘Plak vanuit Word’ en plak (dat is de Ctrl + V toets) de tekst in het venster. Invoegen en klaar (hopelijk). Wil je geen onnodige ellende, dan is het beter om de WORD tekst als ‘platte tekst’ in te voegen) De knop links naast de ‘Plak vanuit Word’ invoegen knop. Je kunt de tekst dan opnieuw opmaken met behulp van de wysiwyg knoppen.
Gommetje: verwijdert opmaak. Wil je de tekstgrootte of de kleur wijzigen naar de standaard? Selecteer het bewuste stuk tekst en klik op het ‘gommetje’. De tekst wordt dan weer terug gezet zonder opmaak.
Invoegen karakter, de ë,è, ï, ö Ï enz. zijn voor internetwerk speciale karakters. Sommige van deze karakters worden door browsers verkeerd omgezet, die als je ze gewoon vanaf je toetsenbord invoert, fouten kunnen veroorzaken. Gebruik daarom liever de ‘invoegen karakter’ knop. Klik op de letter of het teken wat je wilt gebruiken en deze verschijnt in je schrijfscherm. Nu kun je later niet verrast worden, dat je tekst er ‘zomaar’ anders uitziet. De naam voor letters en speciale karakters is ascii code. Meer over ascii codes (als je er belangstelling voor hebt) kun je vinden op de site van Webdesign.about.com (Engels).
Links uitspringen. Deze knop maakt dat je tekst een tab naar links gaat
Rechts inspringen, zoals je ziet is deze tekst(met afbeelding) een tab naar rechts verplaatst.
Ongedaan maken, het voorgaande ingetypte ongedaan maken.
Opnieuw, spijt van het ongedaan maken, of iets te vaak op de ongedaan maken knop geklikt? Met deze knop herstel je het ongedaan gemaakte.
Ongevraagd advies? Experimenteer gewoon met een testbericht. Houdt het bericht privé zodat het alleen toegankelijk is voor jezelf en je kunt naar hartelust spelen met tekst en opmaak.


carina451: om het werken met CSS te begrijpen is dit een heel aardige site CSS om te beginnen
Oei, dan is de css weer het volgend onderdeel waar ik me op ga storten. Heb in 4 dagen tijd al heel wat geleerd, maar de css is voor mij nog een grijs gebied. Op zich heb ik al wel eens bij de tutorials gekeken voor css maar om het toe te passen in het thema wat ik heb gekozen….
Maar ja ik ga er vol goede moed weer tegenaan.
PS Ik heb in elk geval gemerkt dat je de afstand tussen regels niet vanuit een Word-document zomaar kunt ‘meenemen’.
carina451: Nee je kunt geen lettertype veranderen in de wysiwyg en de afstand tussen de regels ook niet. Webwerken is géén Word zoals microsoft dit uitgeeft. Lettertypen, regelafstanden, kleuren, posities, het wordt allemaal in de stylesheet van je thema bepaald. Dit bestand heet meestal style.css. Enige kennis van CSS is daarvoor wél nodig.
Het uitleggen van de verschillende functies heeft mij enorm geholpen. Maar ik kan geen lettertype veranderen he in WYSIWYG?
En daarbij vind ik de afstand tussen de alinea’s wel erg groot. Hoe verander ik dat dan en waar?
lars: Waarom gebruik geen plugin om mail te verzenden? Die zijn speciaal voor WordPress gebruikers gemaakt.
hoi hoi, vraagje (zal wel niet hier horen maar ik zie 123 geen nieuwe vraag dingetje)
ik heb in een post een html email form gemaakt. deze verstuur ik nu met mailto en dat gaat prima maar daar wil ik van af. Ik heb nu een mail.php in de action gezet en een bestand mail.php gemaakt.
als ik wil verzenden zegt hij nu steeds dat hij de pagina niet kan vinden weet iemand wat er fout kan gaan ?
mvg lars
Anja bedankt. De oplossing stond inderdaad in het forum (had ik zelf natuurlijk ook kunnen ontdekken). Ik heb de volgende plug-in geïnstalleerd en nu werkt het weer http://arielbustillos.com/missed-schedule (ik gebruik Wordpress 2.9)
Ronnie: Ik heb even op het WordPress.org forum gezocht. Je bent zo te zien niet de enige. Ik heb het niet helemaal doorgespit, misschien vind je hier een oplossing? http://wordpress.org/support/topic/343080?replies=84
Mijn vraag hoort hier misschien niet helemaal thuis, maar ik zie geen ander onderwerp waar hij wel past. Als ik een bericht vooruit plan, wordt dit niet meer automatisch zichtbaar op de website. Ik krijg de foutmelding ‘gemiste planning’. Tot een aantal dagen geleden heeft deze optie altijd gewerkt. Weet iemand wat er hier eventueel fout gaat?
Anja: Dank je wel! Heb blijkbaar niet verder gekeken dan mijn “neus” lang is
Peter: klikken op het meest rechtse icoontje ‘de kitchensink’ is het genoemd. Dan opent zich de rij iconen eronder.
Ik was aan het uitzoeken hoe ik bij Wordpress tekst kan uitvullen. Toen kwam ik hier terecht en zie ik dat er bij deze werkbalk van 2 balken is uit gegaan (boven en onder).
Ik heb alleen het bovenste gedeelte en niet het onderste. Hoe kan ik deze ook krijgen? Kan dit namelijk nergens zo snel vinden??
Alvast bedankt!
Peter.
Kathleen: Dit is de wysiwyg voor Wordpress http://www.werkgroepen.net/wordpress/de-basis-wysiwyg-werkbalk/. Niet elke wysiwyg werkbalk ziet er exact hetzelfde uit. Je kunt hier een heel eind mee komen.
is het dan mogelijk via internet de handleidingen van wysiwyg te vinden zodat ik dit dan kan leren.
alvast bedankt voor het antwoord
vrindelijke groeten katleen
Katleen: Geen idee, lijkt me ook geen WordPress startersvraag.
hoi ik ben een leerling van het 7de jaar decor en standenbouw en ben momenteel stage aan het lopen.
voor mijn stage moet ik vooral 3d ontwerpen make,
nu werken ze hier normaal gezien met wywiwyg maar ik heb nog nooit met dit programma gewerkt.
op school gebruiken we sketchup,
nu heb ik al enkele 3d ontwerpen gemaakt en zou deze moete overzetten naar wywiwyg.
is dit mogelijk?
vrindelijke groeten katleen