Kader om tekst in WordPress zoals in Wiki’s

September 14, 2008 min read

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.