Αφού έχουμε έτοιμο τον τρόπο με τον οποίο θα εμφανίζονται οι σελίδες και τα άρθρα μας, αυτό που μένει είναι να κάνουμε μερικές αλλαγές στα αρχεία που ήδη έχουμε, να δημιουργήσουμε μερικά αναγκαία αρχεία ακόμα, και να κάνουμε τις τελικές στυλιστικές αλλαγές.

Στο τέλος του άρθρου μπορείτε να βρείτε όλα τα αρχεία που έχουμε κάνει μέχρι τώρα και όλα όσα θα κάνουμε σε αυτό το μέρος.

Ας προχωρήσουμε λοιπόν και ας προσθέσουμε εικόνες στα άρθρα μας. Για να το κάνουμε αυτό θα χρησιμοποιήσουμε έναν πολύ απλό τρόπο, που χρησιμοποιούν πολλά θέματα σήμερα. Θα δημιουργήσουμε ένα νέο αρχείο με το όνομα functions.php. Μέσα σε αυτό θα γράψουμε τον εξής κώδικα

<?php
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 610, 150, true );
?>

Μετά από αυτό, θα πάμε στο αρχείο index.php και θα βρούμε την γραμμή

<?php the_excerpt(); ?>

και ακριβώς από πάνω της θα γράψουμε

<div class="post-thumb">
<?php the_post_thumbnail(); ?>
</div>

το ίδιο θα κάνουμε και στο αρχείο single.php. Θα βρούμε όμως την γραμμή

<?php the_content(); ?>

και ακριβώς από πάνω της θα γράψουμε

<div class="post-thumb">
<?php the_post_thumbnail(); ?>
</div>

Έτσι τώρα, το WordPress συμπεριλαμβάνει και μια νέα λειτουργία κατά την εγγραφή ενός νέου άρθρου. Κάτω δεξιά θα μας εμφανίζεται ένα νέο μενού με το όνομα Post Thumbnail. Πατάμε λοιπόν Set thumbnail και κάνουμε upload μια φωτογραφία (στο θέμα μας θα είναι μεγέθους 610×150 pixels) και πατάμε Use as thumbnail. Αυτό ήταν. Πλέον στα άρθρα μας θα έχουμε και την εικονίτσα μας

Ας δούμε τώρα τι μπορούμε να κάνουμε για τα σχόλια στα άρθρα μας. Αυτήν την στιγμή χρησιμοποιούμε το προεγκατεστημένο τρόπο εμφάνισης για τα σχόλια, ο οποίος είναι αρκετά καλός. Όμως ίσως θέλουμε περισσότερα. Δημιουργούμε ένα νέο αρχείο με το όνομα comments.php. Αυτό το αρχείο θα μας δώσει περισσότερο έλεγχο στα σχόλια μας. Ο κώδικας που περιέχει είναι μεγάλος, και γι’αυτό τον λόγω απλά το συμπεριλαμβάνουμε στο zip που θα βρείτε στο τέλος του άρθρου με όλα τα αρχεία.

Ας φτιάξουμε τώρα μια φόρμα αναζήτησης. Δημιοθργούμε ένα νέο αρχείο με το όνομα searchform.php και γράφουμε

<form method="get" id="search_form" action="<?php bloginfo('home'); ?>/">
<div>
<input type="text"  name="s" id="s" class="search"/>
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

‘Επειτα δημιουργούμε ένα νέο αρχείο και το ονομάζουμε search.php. Μέσα σε αυτό γράφουμε

<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h2>Αποτελέσματα Αναζήτησης</h2>
<div class="post" id="post-<?php the_ID(); ?>">
<h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Σύνδεσμος στο <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<p class="meta"><span><?php the_time('F jS, Y') ?></span><span>Από τον/την&nbsp;<?php the_author() ?></span></p>
<div>
<?php the_post_thumbnail(); ?>
</div>
<?php the_excerpt(); ?>
<div class="entry">
<p class="links">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Σύνδεσμος στο <?php the_title(); ?>" class="more" >Περισσότερα...</a>
<b>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;</b>
<?php comments_popup_link('Κανένα σχόλιο', '1 Σχόλιο', '% Σχόλια', 'σχόλια'); ?>
</p>
</div>
</div>
<?php endwhile; ?>
<div class="navigation">>
<div class="alignleft"><?php next_posts_link('&laquo; Παλαιότερα Άρθρα') ?></div>
<div class="alignright"><?php previous_posts_link('Νεότερα Άρθρα &raquo;') ?></div>
</div>
<?php else : ?>
<h2 class="center">Δεν βρέθηκε</h2>
<p class="center">Λυπούμαστε αλλά αυτό που ψάχνετε δεν βρέθηκε.</p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Τέλος προσθέτουμε στο header.php εκεί που θέλουμε να εμφανίσουμε την φόρμα αναζήτησης την εξής γραμμή

<div id="searchform">
<?php get_search_form(); ?>
</div>

Πλέον η ιστοσελίδα μας είναι πλήρως λειτουργική. Με άρθρα και σελίδες, σχόλια, πλαϊνή μπάρα, φόρμα αναζήτησης και εικόνες στα άρθρα.

Μπορείτε να κατεβάσετε το θέμα με ότι έχουμε κάνει μέχρι τώρα εδώ

Να σημειώσουμε ότι έχουμε προσθέσει κάποιες εικόνες και έχουμε κάνει στυλιστικές αλλαγές στο θέμα μας.

Στο επόμενο και τελευταίο μέρος, θα κάνουμε τις τελικές αλλαγές μας, θα δούμε το θέμα μας live και εκγατεστημένο και θα κάνουμε τον επίλογο σε αυτήν την σειρά βοηθημάτων.