Open je custom.css file, uit je Thesis/custom directory, en vul onderstaande code in:

/* Header image */
 /* De hoogte en breedte aanpassen, naar die van jouw achtergrond image */
 /* De naam van het plaatje ipv 'header-image.jpg' */
 .custom #header #logo a { color:#FFF; font-size:20px; display: block; height: 140px; width: 1085px; background: url('images/header-image.jpg')   no-repeat; outline: none; }

 /* Dit zorgt ervoor dat de Titel beter uitlijnt aan de linkerkant */
 .custom #header #logo { text-indent: 20px; }

 /* Laat de Tagline terugkomen onder het plaatjhe met een hoogte van 25 px */
 .custom #header #tagline { height: 0; padding-bottom: 25px;}

 /* Laat alle tussenruimtes vervallen zodat het plaatje mooi aansluit */
 .custom #header { padding: 0; }

Allereerst de plugin WP-PageNavi downloaden en installeren op de normale wijze.

Vervolgens moet je in Thesis aangeven waar de plugin zich moet plaatsen,  zie plaatje hieronder:

Open Theses OpenHook settings en scroll naar de  “After Content” sectie, copy en paste de hier onderstaande code:

<div style="clear: both;"></div>
<pre><?php if(<a href="http://www.php.net/function_exists">function_exists</a>('wp_pagenavi')) { wp_pagenavi(); }
else { ?>
      <div class="pagination">
         <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
         <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
      </div>
<?php } ?>

Vergeet niet om de drie opties aan te vinken zoals aangegeven in het plaatje hierboven aangegeven met groene pijlen, “Execute PHP on this hook”, “Remove Thesis post navigation ” en “Remove Thesis prev/next posts” (deze derde is optioneel)

Als laatste volgt de vormgeving de CSS, hiervoor open je de custom.css file en plaatst daar de volgende code in:

/*
-------- pagenavi-----------------------------------
*/
.wp-pagenavi {  margin: 15px 0px 15px 30px; }
.wp-pagenavi a, .wp-pagenavi a:link { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #888888; background-color: #eeeeee; }
.wp-pagenavi a:visited { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #888888; background-color: #eeeeee; }
.wp-pagenavi a:hover { font-size:14px; border: 1px solid #608e7a; color: #FFF; background-color:  #FFAA37; }
.wp-pagenavi a:active { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #888888; background-color: #eeeeee; }
.wp-pagenavi span.pages { font-size:14px; padding: 5px 9px; margin: 2px 2px 2px 2px; color: #666666; border: 1px solid #e1e1c8; color: #888888; background-color: #eeeeee; }
.wp-pagenavi span.current { font-size:14px; padding: 5px 9px; margin: 2px; font-weight: bold; border: 1px solid #608e7a; color: #FFF; background-color:  #FFAA37; }
.wp-pagenavi span.extend { font-size:14px; padding: 5px 9px; margin: 2px; border: 1px solid #608e7a; color: #FFF; background-color:  #FFAA37; }

Ok het een en ander opslaan en eventueel uploaden en je bent klaar. Je kunt de custom.css natuurlijk aanpassen aan je eigen behoeften.

Wat natuurlijk beter is omdat dit de snelheid verhoogt van je website, zie ook ‘Betere performance, hogere conversie‘.

Zo werkt het

Plaats de volgende code in custom_functions.php (in je thesis custom folder):

/* Breadcrumbs */
function universal_breadcrumbs() { ?>
<div id="breadcrumbs">
<a href="<?php bloginfo('home'); ?>">Home</a> <?php
if (!is_front_page()) {
echo ' &gt; ';
if (is_category() || is_single()) {
the_category(' &gt; ','multiple','');
if (is_single()) {
echo ' &gt; ';
the_title();
}
} elseif (is_page()) {
the_title('<a href="'.get_permalink() .'">','</a>');
}
}
?>
</div>
<?php }
add_action('thesis_hook_before_content', 'universal_breadcrumbs');

En nog wat code voor de vormgeving, CSS file.
Open hiervoor de file custom.css (in je thesis custom folder):

/* breadcrumbs */
#breadcrumbs {
/* heignt and width of the container box */
height: 12px;
width: 600px;
/* border for testing */
/*border: 1px solid #000000;*/
/* moving text within the container box */
padding: 8px 5px 0px 20px;
/* moving the container box around*/
position: relative;
/*top: 0px;*/
/*left: 0px:*/
/* to keep the breadcrumbs from showing under another object */
z-index: 100;

/* font properties */
color: black;
font-size: 1em;
text-align: left;
}

/* link and visited properties of fonts */
#breadcrumbs a:link,
#breadcrumbs a:visited {
color: black;
font-size: 1em;
font-weight: bold;
text-decoration: none;
}

/* hover properties of fonts */
#breadcrumbs a:hover {
color: red;
font-size: 1em;
font-weight: bold;
text-decoration: underline;
}

Je kunt de bovenstaande code aanpassen naar believen, wat goed past in jou vormgeving.
Klaar is kees, de boel saven en uploaden en het resultaat op je website bewonderen.

Stap 1: Open je your custom_functions.php file (thesis > custom > custom_functions.php) in je editor.

Step 1: Onderaan de bestaande code plaats je vervolgens de volgende code:

/* Aangepaste Categorieën */
function custom_archive_info() {
if (is_category('nieuws')) {
?>
<div class="post_box top intro_block">
<div class="headline_area">
<h1><?php single_cat_title(); ?></h1>
</div>
<div class="format_text">
<p>Je aangepaste tekst voor 'Nieuws' hier plaatsen</p>
</div>
</div>
<?php
}
elseif (is_category('overig')) {
?>
<div class="post_box top intro_block">
<div class="headline_area">
<h1><?php single_cat_title(); ?></h1>
</div>
<div class="format_text">
<p>Je aangepaste tekst voor 'Overig' hier plaatsen</p>
</div>
</div>
<?php
}
else
thesis_default_archive_info();
}
remove_action('thesis_hook_archive_info', 'thesis_default_archive_info');
add_action('thesis_hook_archive_info', 'custom_archive_info'); 

De /* Aangepaste Categorieen */ is een label voor de code zodat je weet waar het over gaat. Dit is geen onderdeel van ‘echte’ code. Het woord “function” zegt Thesis dat je iets wilt doen. De custom_archive_info is de naam die ik aan de de functie gegeven heb.

De if (is_category(’nieuws’)) zegt Thesis dat het de categorie nieuws betreft. It goes by post slug of the category. Dus als de URL van je categorie www.jouwsite.nl/category/seo-leren/ is dan zou je if (is_category(’seo-leren’)) zijn.

Het volgende stukje code is ‘else if’. Als het de categorie ‘nieuws’ is dan zal het de daarvoor opgegeven tekst ingebracht worden OF (elseif) als de categorie ‘Overig’ is dan krijgt het die opgegeven tekst. Het laatste stukje code (else) zegt eigenlijk als het iets anders is dan hierboven opgegeven code voor de categorieën, pas dan de ‘normale’ code toe.

Dus je begint met ‘if’ en de volgende categorieën volgen door ‘elseif’ en het eindigt met de standaard ‘else’ voor de juiste code. De opgegeven pas je aan met je eigen categorieën en je kunt er zoveel ‘elseif’ tussen plaatsen als je wilt.
Je herhaalt gewoon het blokje code:

elseif (is_category('elke-andere-categorie')) {
?>
<div class="post_box top intro_block">
<div class="headline_area">
<h1><?php single_cat_title(); ?></h1>
</div>
<div class="format_text">
<p>Je aangepaste tekst voor deze categorie</p>
</div>
</div>
<?php
} 

Eenvoudig te gebruiken als je eenmaal doorhebt hoe je het moet gebruiken.

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"/>

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.

Een belangrijk iets wat Wordpress altijd tekort kwam was foto’s kunnen bewerken. En dat kan nu het gaat om simpele bewerkingen zoals vergroten, verkleinen, bijsnijden en roteren. Een andere verbetering is dat je al je plug-ins in een keer kan upgraden en dat je dingen niet voor altijd weggooit maar die worden eerst in de prullenbak gezet zodat je eventueel gemaakte fout altijd nog kunt herstellen.

De Nederlandse vertaling van 2.9 is al te downloaden. En al mijn plugins werkte nog steeds na de upgrade alleen die van Simple Tags niet maar daar is een update voor en die is hier te vinden.

Hieronder bevindt zich een video waarin alle veranderingen nog een keer eenvoudig op een rijtje gezet zijn.

“We zijn blij te kunnen aankondigen dat WordPress de Best Overall Open Source CMS Award in de 2009 gewonnen heeft. Open Source CMS Awards. WordPress heeft deze Award voor de eerste keer gewonnen in de afgelopen vier jaar, hiermee verdienen ze zichzelf een plaats in de Hall of Fame categorie voor de Award volgend jaar”

Naast het winnen van de Best Overall Open Source CMS categorie, werd WordPress vernoemd eerste runner-up in de Best PHP Open Source CMS categorie. Dit is belangrijk omdat Wordpress zelfs niet in de top 5 van vorig jaar voorkwam, en nu zijn we # 2, met een voorsprong op Joomla! Zoals vermeld op de Award site, “Het feit dat Wordpress met een zeer geringe marge Drupal voor zich moet dulden geeft aan hoe populair Wordpress is geworden voor zowel gebruikers als ontwikkelaars in het afgelopen jaar. “

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.

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.