Tabellen kunnen een beetje een ellende zijn in WordPress want de klassieke editor heeft daar geen ondersteuning voor. Geen nood, hier eerst een paar voorbeelden.
Kopieer het voorbeeld dat het dichts bij je wensen komt en plak het in je eigen bericht (scroll naar beneden voor nog meer voorbeelden).
Vervolgens scroll je helemaal naar beneden en krijg je de achtergrond info om het helemaal naar je zin te maken, dat wil zeggen rijen erbij/eraf of kolommen erbij/eraf. Zorg dat je eerst het het aantal rijen en kolommen goed hebt voordat je je druk gaat maken wat er precies in de tabel moet komen te staan.
2×2
| arjan | arjan |
| arjan | arjan |
2×4
| arjan | arjan |
| arjan | arjan |
| arjan | arjan |
| arjan | arjan |
3×3
| arjan | arjan | arjan |
| arjan | arjan | arjan |
| arjan | arjan | arjan |
De tabellen die je hier ziet hebben natuurlijk niet de inhoud die jij ze geven wilt. Maar het is simpel om de tekst te veranderen in wat jij wilt, of de tekst te vervangen door een plaatje.
Alles wat je nooit hebt willen weten over tabellen
Onder de motorkap wordt in leesbare tekst verteld hoe de tabel er uit moet zien. Om leesbaar ook echt leesbaar te maken (voor jou) moet je echter een klein beetje achtergrond kennis hebben. Daar beginnen we mee.
Wat is wat, kijk eens naar de 2×2 tabel, onder de motorkap staat het volgende, in rood het commentaar zodat je een beetje idee krijgt wat er mee bedoeld wordt
<table> hier begint de tabel
<tbody> hier begint de tabel inhoud (er is namelijk nog meer dan alleen tbody, er is ook iets in de geest van tabel kop en tabel bodem etc.
<tr> hier begint een rij
<td> hier het begin van een cel
arjan dit is de inhoud van de cel
</td> dit is het einde van een cel
<td> hier begint een cel
arjan de inhoud van de cel
</td> hier eindigt een cel
</tr> dit is het einde van de rij
<tr> hier begint de volgende rij
<td> hier het begin van een cel
arjan dit is de inhoud van de cel
</td> dit is het einde van een cel
<td> hier begint een cel
arjan de inhoud van de cel
</td> hier eindigt een cel
</tr> dit is het einde van de rij
</tbody> einde van de tabel inhoud
</table> einde van de tabel
Als je nu weer kijkt naar de 2×2 tabel dan is het dus eigenlijk niet zo heel moeilijk. Onthou, bij elk begin hoort een einde 🙂
Beetje gelogen heb ik wel, want onder de motorkap staat niet alles op aparte regels, het is eigenlijk ongeveer dit:
<table>
<tbody>
<tr>
<td>arjan</td>
<td>arjan</td>
</tr>
<tr>
<td>arjan</td>
<td>arjan</td>
</tr>
</tbody>
</table>
Maar dat is nu leesbaar 🙂 toch ……
Rij erbij
Maar stel nu dat er een rij bij moet komen. Je moet dan het volgende na de laaste </tr> toevoegen
<tr>
<td>arjan</td>
<td>arjan</td>
</tr>
Hoe doe je dat? De editor heeft twee tabbladen; Visueel en Tekst. Selecteer in Visueel iets in de tabel waar een rij bij moet en ga vervolgens naar het Tekst tabblad.
Waar je iets geselecteerd had in Visueel is nu ook in Tekst hetzelfde geselecteerd. Je zit dus als in de buurt. Voeg nu de nieuwe rij toe.
Ga vervolgens terug naar Visueel, en je hebt er een rij bij 🙂
Rij eraf
Maar stel nu dat er een rij af moet. Simpel selecteer <tr> tot en met de bijbehorende </tr> en alles wat er tussen zit. Daarna de delete knop intoetsen 🙂
Selecteer
<tr>
<td>arjan</td>
<td>arjan</td>
</tr>
En dan detete ….
Kolom erbij
Een kolom erbij wil zegen dat elke rij er een cel bij krijgt, dus een rij met twee ziet er zo uit:
<tr>
<td>arjan</td>
<td>arjan</td>
</tr>
Een rij met drie zo:
<tr>
<td>arjan</td>
<td>arjan</td>
<td>arjan</td>
</tr>
Vergeet niet om dit voor elke rij te doen!!!!!
Kolom eraf
Een kolom eraf wil zegen dat je bij elke rij een cel verwijderd, dus het was:
<tr>
<td>arjan</td>
<td>arjan</td>
<td>arjan</td>
</tr>
Een het wordt:
<tr>
<td>arjan</td>
<td>arjan</td>
</tr>
Vergeet niet om dit voor elke rij te doen!!!!!