Je tekst rond foto’s plaatsen

De huidige versies van WordPress hebben een ingebouwde mogelijkheid om tekst rond je afbeeldingen te plaatsen. WordPress voegt CSS klassen toe om afbeelding rechts, links, of in het centrum uit te lijnen, zodat de tekst netjes rond de afbeelding komt staan.

Om te kunnen profiteren van deze nieuwe CSS klassen om automatisch tekst rond een plaatje te laten uitlijnen moet je de volgende code toevoegen in je style.css die je kunt vinden in de map van je Theme van WordPress.

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

Bij het toevoegen van de afbeelding in je WordPress blog, selecteert je of de afbeelding rechts, links of in het midden moet uitlijnen in het Image / Media menu.

De afbeelding zal als volgt worden ingebed in je blog post met de geselecteerde stijl:

<img src="http://example.com/images/leaf.jpg"
 alt="leaf graphic"
 title="leaf graphic"
class="alignright size-medium wp-image-3109"
height="25" width="30"/>

Admin en inlogscherm aanpassen

Met de Custom Admin Branding Plugin kun je het Wordpress inlog scherm aanpassen. En ook de Admin ‘header’ en ‘footer’ voor het Admin gedeelte.

Het is allemaal redelijk simpel als je enige kennis van Wordpress, CSS en HTML hebt. In de simpelste uitvoering hoef je alleen maar dire plaatjes te vervangen met die van jezelf.

Je kunt hier de ‘Custom Admin Branding Plugin‘ downloaden. En klik hier voor meer informatie over deze plugin.

Plugin om pagina’s uit je menu te halen

Handig als je een pagina wilt maken maar hem niet wilt laten terug komen in je menu. Deze plugin voegt een checkbox toe, “include this page in menus”, die standaard aan staat. Als je het vinkje weghaalt zal deze pagina niet meer voorkomen in lijsten met pagina’s, waar ondermeer je menu onder valt.

Pagina’s die ‘kinderen’ zijn van andere pagina’s, die uitgesloten zijn van het menu, komen ook niet meer voor op de lijsten. Er volgt een extra bericht onder de “include” checkbox onder welk ‘kind’ deze pagina valt.

Je kunt hier de ‘pagina exclude plugin‘ downloaden. En klik hier voor meer informatie over deze plugin.

Titels uit een bepaalde categorie weergeven

Ik zocht een plugin om een de laatste 5 titels uit een categorie weer te geven. Ik heb de volgende plugin daarvoor gebruikt. List Category Posts is een eenvoudige WordPress plugin waarmee je een lijst met berichten kunt weergeven uit een bepaalde categorie die je dan kunt plaatsen in je bericht of pagina met de [catlist] code.

De plugin List Category Posts kun je hier downloaden en hier vindt je de uitleg van deze plugin.

Omdat ik de lijst in de footer wilde plaatsen heb ik onderstaande php code gebruikt om dit mogelijk te maken.

<?php
	$result = "<ul class='lcp_catlist'>";
	$catposts = get_posts('category='."1"."&numberposts="."5"."&orderby="."title"."&order="."ASC");
	foreach($catposts as $single):
	$result .= '<li><a href=';
	$result.=get_permalink($single->ID).'>'.$single->post_title.'</a><br/>';
	//This displays the title for the post and an end of line (br tag)
	$result .= $single->the_excerpt."\n".'</li>';
	//This displays the first 55 words of the post's content [the_excerpt() function]
endforeach;
$result .= "</ul>";
echo $result;
	?> 

Waarin ik een class gebruikt heb, class=’lcp_catlist’, je kunt hier ook je eigen of geen class voor gebruiken.
En de volgende code moet je aanpassen zoals jij het wilt hebben:

$catposts = get_posts('category='."1"."&numberposts="."5"."&orderby="."title"."&order="."ASC");

Waarin 1 in category=’.”1″ het id van de categorie is die je wilt weergeven en &numberposts=”.”5″ het aantal berichten dat geplaatst moet worden. Ik heb dan nog als extra het volgende gebruikt orderby=”.”title”.”&order=”.”ASC” selecteren op titel en aflopend.

Het plaatsen van ‘Code’ in je bericht

Omdat ik met enige regelmaat ‘Code’ in mijn berichten plaats en ik niet wil dat deze uitgevoerd word. Gebruik ik voortaan de volgende plugin, SyntaxHighlighter die hier te downloaden is.

Deze plugin zorgt er dus niet alleen voor dat de code niet uitgevoerd word maar laat deze ook in een andere vormgeving zien, wat het wel zo overzichtelijk maakt. Tevens is deze code eenvoudig te kopiëren of uit te printen.

Voorbeeld:

<?php Echo "Hello, World!"; ?>

Multi level navigatie plugin voor WordPress

Een van mijn opdrachtgevers, Yoga Rana, wil graag een uitklap menu i.pv. van het standaard Wordpress menu. Na wat zoeken heb een een prima plugin gevonden, de ‘multi level navigation plugin’ de opvolger van de Suckerfish plugin.

Een probleem is het maken van de CSS voor het menu dat is redelijk wat code maar daar hebben ze een handig oplossing voor gevonden de CSS generator waarmee je de CSS code kunt generen voor je menu.
D.m.v. deze CSS generator kun je aangeven hoe je menu eruit moet zien en die genereert dan de code die je dan in je plugin kunt plaatsen. Later kun je de code nog naar je eigen wensen aanpassen.

Je kunt de ‘multi level navigation plugin’ hier downloaden.