24. WordPress: Een sticky post toevoegen aan je theme.

Als je een artikel schrijft krijg je een optie in de widget rechts om er een sticky bericht van te maken, dit ziet er als volgt uit:

wp-sticky-post

Het kan gebruikt maken om belangrijke berichten bovenaan de lijst van artikels te laten staan. Je kan er ook een aparte opmaak aan geven zodat het nog beter opvalt.

In hoofdstuk 18 hebben we reeds de post_class() toegevoegd aan onze post DIV. Dit is belangrijk voor sticky berichten. Als je dit nog niet gedaan hebt, kijk eens naar hoofdstuk 18.

Om de sticky een aparte opmaak te geven moeten we style.css openen en daar de class sticky toevoegen:


.sticky {
background: #ff0000;
border: 1px solid #ccc;
}

In principe is alles nu klaar. In de theme van onze handleiding zou alles in orde moeten zijn.

Nu kan het wel zijn dat dit bericht 2x wordt getoond bij sommige themes. Als dat het geval is dan moeten we de LOOP een beetje aanpassen.
Zoek eerst naar volgende code:
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
Vervang dat stukje code door:


<?php
query_posts(array("post__not_in" =>get_option("sticky_posts")));
if ( have_posts() ) : while ( have_posts() ) : the_post();
?>

Deze code zal geen sticky berichten toelaten in de loop. Vandaar dat er moet gewerkt worden met twee loops. In het standaard theme (twentyten) dat je bij de installatie meekrijgt zul je zien hoe complex dat wel kan worden. In het kort ziet dat er ongeveer als volgt uit:

<h2>Loop n°1</h2>
<?php
$ids = array();
while (have_posts()) : the_post();
the_title();
?>
<br />

<?php $ids[]= $post->ID;
endwhile; ?>

En de tweede loop volgt erna:


<h2>Loop n°2</h2>
<?php
query_posts("showposts=50");
while (have_posts()) : the_post();
if (!in_array($post->ID, $ids)) {
  the_title();?>
  <br />
<?php }
endwhile; ?>

Het volgende hoofstuk zal niet zo kort zijn als deze. We gaan de template van onze comments.php onder de loep nemen en diverse aanpassingen verrichten om het uitzicht te verbeteren.

Wordpress theme maken of toch kopen?

Een Wordpress theme maken vergt veel werk, al is wat extra kennis altijd welkom. We maken zelf geen sites meer maar gebruiken nu de themes die terug te vinden zijn op: Theme Junkie. theme junkie Je kan op hun website ook gratis Wordpress themes terugvinden en downloaden!

Deze website gebruikt cookies om jou de beste ervaring te kunnen geven. Door deze website te gebruiken ga je hiermee akkoord. Meer info

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close