Στα προηγούμενα 4 μέρη, εξηγήσαμε την δομή ενός θέματος και την χρήση των αρχείων, και δημιουργήσαμε σχεδόν όλα τα αρχεία που χρειαζόμαστε για το θέμα μας.

Ας προσθέσουμε λοιπόν έναν jQuery Slider (σαν αυτόν που θα βρούμε στο WDDC.gr) πάνω από τα άρθρα μας στην κεντρική σελίδα. Αυτό δεν το κάνουμε επειδή είναι 100% αναγκαίο αλλά περισσότερο για εξάσκηση. Ανοίγουμε το header.php και προσθέτουμε ακριβώς κάτω από το

<?php wp_head(); ?>

τον κώδικα

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.innerfade.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.functions.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/functions.js"></script>

Ο παραπάνω κώδικας φορτώνει τα αρχεία της jQuery από τον φάκελο js (Όλα τα js αρχεία συμπεριλαμβάνονται στο τέλος του άρθρου όπου και μπορείτε να κατεβάσετε το θέμα ολοκληρωμένο). Μετά ανοίγουμε το index.php και κάτω από την γραμμή

<div id="content">

προσθέτουμε τον κώδικα

<div id="gallery-bg">
<div id="gallery-bgtop">
<div id="gallery-bgbtm">
<h2>Τελευταία Άρθρα</h2>
<div id="featured">
<?php
$featured = new WP_Query();
$featured->query('category_name=Featured');
?>
<?php while ($featured->have_posts()) : $featured->the_post(); ?>
<div class="slider">
<div class="thumbnail">
<?php the_post_thumbnail( 'single-post-thumbnail' ); ?>
</div>
<div class="title">
<h1><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
</div>
<div class="arrow"></div>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>

O παραπάνω κώδικας απαιτεί να έχουμε δημιουργήσει μια κατηγορία με το όνομα Featured. Έτσι πλέον τα άρθρα που έχουμε προσθέσει στην κατηγορία Featured, εμφανίζονται σε ένα slideshow με την εικόνα και τον τίτλο τους, ενώ ο τίτλος είναι link στο άρθρο.

Αυτό ήταν. Πλέον τον θέμα μας έχει όλες τις σελίδες που χρειαζόμαστε, πλήρη λειτουργικότητα, και έναν κομψό jQuery Slider στην κεντρική μας σελίδα.

Για να μην σας κουράζουμε με άσκοπο κώδικα, όλες οι στυλιστικές αλλαγές και οι εικόνες, περιέχονται στο αρχείο style.css μαζί με όλα τα υπόλοιπα αρχεία στο θέμα μας το οποίο μπορείτε να κατεβάσετε ολοκληρωμένο από εδώ