• Spring naar de hoofdnavigatie
  • Door naar de hoofd inhoud
  • Spring naar de voettekst

Marleen de Korver

Websites voor wereldverbeteraars

  • Home
  • Start hier
  • Training
  • Advies
  • Blog
  • Wie?
  • Contact

Tabel in je WordPress bericht of pagina

Update maart 2018

Binnenkort is wat hieronder staat allemaal verleden tijd! In de nieuwe WordPress editor komt wel een functie om tabellen te maken.

Meer weten over de nieuwe WordPress editor?

Doe mee met de gratis challenge

Iedere dag een filmpje met uitleg en tips, plus een besloten Facebookgroep om je vragen te stellen.

Vreemd genoeg zit er in de standaard text editor van WordPress geen mogelijkheid om een tabel in je teksten in te voegen. Veel mensen proberen dat dan met tabs op te lossen, maar dat werkt niet in webpagina’s.

Ivonne, de contentbeheerder van de website van het netwerk voor vrouwelijke ondernemers in Delft, stuitte op dit probleem bij het invoeren van een overzicht van bijeenkomsten. Zij schreef:

Ik krijg de data en thema’s niet mooi op een lijn. Als ik het met tabs doe spring ik uit de tekst. Hoe moet dat?

De allermakkelijkste manier om dit op te lossen is met de plugin TinyMCE Advanced →
Je kunt daarmee de knoppenbalk van de text editor uitbreiden met heel veel extra functionaliteit. Niet alleen de mogelijkheid om tabellen in te voegen dus, maar voor nu wil ik dat alleen even laten zien.

Extra knoppenbalk toevoegen met TinyMCE Advanced

(N.B. Beheer je alleen de inhoud van je website? Vraag dan je webbouwer deze plugin te installeren en lees vervolgens zelf verder vanaf de volgende alinea.)

Als je de plugin geïnstalleerd en geactiveerd hebt, vind je ‘m terug onder ‘Instellingen’.

ScreenShot020TinyMCE2

Wat je daar ziet is een voorbeeld van de knoppenbalken van de text editor (in de WYSIWYG stand) met twee extra, lege vakken en daaronder de verschillende uitbreidingsopties. Je kiest alleen wat jij nodig hebt (in dit geval de knoppenbalk ‘Table’ en sleept die naar boven, het lege gedeelte in:

ScreenShot021TinyMCE2

Tabellen gebruiken in je teksten

Wanneer je nu een bericht of pagina gaat maken of bewerken zie je de nieuwe knoppenbalk erbij staan in je text editor.ScreenShot022_knoppenbalk2

Het werkt verder hetzelfde als in iedere andere tekstverwerker. Zet de cursor waar je de tabel wilt invoegen, klik het linker icoontje voor ‘Nieuwe tabel invoegen’ en kies het aantal rijen en kolommen dat je nodig hebt. Er staat nu een leeg raamwerkje met vakjes en stippellijntjes waar je je gegevens kunt gaan invullen.

ScreenShot025_tabel2

Tip!

Als je in de browser hebt gekeken hoe je tabel eruitziet, wil je meestal de breedte van de verschillende kolommen een beetje aanpassen voor een mooiere indeling. Zet daarvoor je cursor één voor één in de bovenste rij cellen en klik op het icoontje voor ‘Tabelcel eigenschappen’ (derde van links). Vul dan voor die cel een breedte in (bij ‘Width’), in procenten.

ScreenShot028_width

Je kunt gewoon een beetje uitproberen hoe je uiteindelijk de beste verdeling krijgt. Je hoeft ook niet perse alle cellen van die rij apart een breedte te geven, maar doe je dat wel dan moet dat bij elkaar precies 100% zijn.

Succes! Laat me weten of het gelukt is.
Liken, sharen en tweeten wordt ook bijzonder op prijs gesteld!

Share
Share
Tweet
Pin
Email
WhatsApp

Laatste update: 01/03/2019 2 reacties
 Plugins  Tabel, Tiny MCE Advanced

Reacties

  1. Michel zegt

    07/02/2017 om 13:07

    Mooi en nuttig artikel Marleen, echter, ik krijg niet de menubalken van TinyMCE advanced te zien in de pagina editor van WordPress.
    Wellicht zie ik wat over het hoofd en kun jij een hint geven.

    Beantwoorden
    • Marleen zegt

      09/02/2017 om 14:03

      Ik zou dat niet zomaar weten zonder de site te zien. Heb je de instellingen van de plugin wel opgeslagen?
      Groetjes,
      Marleen

      Beantwoorden

Geef een reactie Antwoord annuleren

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Marleen de Korver Webcommunicatie
Websites voor wereldverbeteraars

post@marleendekorver.nl

06 132 16 102

Oranjestraat 42
2611 SZ Delft

Kvk 27327139

  • E-mailadres
  • Facebook
  • Instagram
  • LinkedIn
  • Telefoon
  • Pinterest
  • Twitter

Home | Training | Advies | Blog | Over | Contact
Sitemap | Privacy

© 2021 Marleen de Korver, Delft ★ WordPress ★ Genesis Framework

Wacht, voordat je gaat...
Wil jij meer van dit soort website- en WordPress-tips?
Iedere week gratis in je mailbox:
Je kunt je altijd heel makkelijk weer afmelden. Je gegevens worden uiteraard nooit doorgegeven aan anderen. Lees hier mijn privacyverklaring →
Meld je aan voor deze gratis online training:
de GUTENBERG CHALLENGE
Je kunt je altijd heel makkelijk weer afmelden. Je gegevens worden uiteraard nooit doorgegeven aan anderen. Lees hier mijn privacyverklaring →