← Terug naar archief

Kader om tekst in WordPress zoals in Wiki’s

In Wiki pages zie je vaak een kader om een stukje tekst staan, dat is ook eenvoudig te doen in Wordpress.

Hiervoor wordt het HTML <pre> tag gebruikt. Voor dit tag moet eerst in de CSS-stylesheet aangegeven worden welke kleuren en gedrag dit tag moet hebben. Dit ligt eraan wat voor theme je hebt. Ik heb het volgende gebruikt:

pre {
	font-size: 110%;
	margin: 10px 0;
	padding: 5px;
	font-family: "Courier New", Courier, monospace;
	overflow:auto;
	word-wrap: normal;
	overflow-y: hidden;
	width: 99%;
	background-color: #f8f8f8;
	border: 1px solid #666666;
	color: #000000;
}

Bij het schrijven van een post, kan het kader geplaatst worden door <pre>Tekst</pre> om de tekst heen te zetten. Let op, dit moet wel in de HTML editor!

Als je de TinyMCE advanced plugin geinstalleerd hebt, dan kun je in Paragraph->Preformatted kiezen. Deze zet dan ook de <pre> tags om de tekst heen.