Hvordan laver man tekst i kolonner i WordPress?

Det spørgsmål ser jeg af og til, og nu vil jeg fortælle hvordan jeg typisk gør det.

Først vil jeg lige indskyde at tekst i kolonner på web generelt er en dårlig idé. Vi ser tekst i kolonner i alle aviser, magasiner osv, men en webside er ikke at sidestille med en avis. Her læser man på en helt anden måde, end hvis man sad med en avis i hånden.

Hvis man insisterer på at bruge kolonnelayout til hele sin tekst må man derfor acceptere at man risikerer at miste nogle læsere. Dog vil jeg sige at et brudstykke af den samlede tekst godt kan præsenteres i kolonner, sålænge der ikke er tale om hele eller en meget stor del af den fulde tekst.

Jaja, men hvordan gør man?

Med det sagt, så er der flere måder at gøre det på. Man kan ty til HTML-mode i editoren og rode rundt med floating divs, man kan bruge et plugin der via shortcodes definerer kolonnerne.. og sidst men ikke mindst kan man bruge tabeller. Hvilket jeg personligt foretrækker.

Ja, tabeller er udskældte. Men sålænge editoren i WordPress ikke er mere avanceret, er tabeller klart den mest brugervenlige og nemmeste metode. Især hvis der er tale om webredaktører som bare skal have noget der fungerer, uden at rode rundt i HTML-mode. Her har tabeller altså klart sin berettigelse. Pyt med at det er ilde set af visse mennesker (primært webudviklere). Man er nødt til at være lidt pragmatisk nogle gange.

Hvis du selv vil prøve, skal du først installere det plugin der hedder TinyMCE Advanced. Når det er gjort, skal du tilpasse editorens værktøjslinjer. Her skal du trække “Table”-ikonet op i en af værktøjslinjerne. Når du alligevel er i gang, kan du jo lige fjerne nogle af de ikoner man alligevel aldrig bruger. Jeg vil også anbefale at du sætter flueben i “Stop removing the

and
tags when saving and show them in the HTML editor”. Gem indstillingerne – nu skulle du gerne have en række tabel-ikoner i din værktøjslinje:

Herunder kan du se et eksempel på tekst i kolonner i editoren via en tabel:

En vigtig ting man skal være opmærksom på, er hvordan tabellen så præsenteres på selve websitet. Det kan være nødvendigt med nogle nye regler i stylesheetet som sikrer at tabellerne er “usynlige” og at indholdet i tabelcellerne justeres rigtigt vertikalt. Alternativt kan du gøre det manuelt ved at bruge dialogerne for egenskaber for tabel/tabelrække/tabelcelle. Det mest praktiske er dog at gøre det én gang for alle i sitets stylesheet.