Ας ξεκινήσουμε από εκεί που είχαμε μείνει στο προηγούμενο άρθρο. Πλέον έχουμε την κεντρική σελίδα του WordPress έτοιμη. Χρειαζόμαστε ακόμα κάποια βασικά αρχεία για να μπορούμε να εμφανίσουμε τα άρθρα μας και τις σελίδες μας, καθώς και ένα αρχείο με όνομα functions.php το οποίο θα χειρίζεται όλα όσα συμβαίνουν στο WordPress.

Ξεκινάμε λοιπόν και δημιουργούμε ένα αρχείο με το όνομα page.php. Αυτό το αρχείο θα χειριστεί όλες τις στατικές μας σελίδες. Έτσι γράφουμε:

<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<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>
<div class="entry">
<?php the_content(); ?>
</div>
</div>
<?php endwhile; ?>
<?php else : ?>
<h2 class="center">Δεν βρέθηκε</h2>
<p class="center">Λυπούμαστε αλλά αυτό που ψάχνετε δεν βρέθηκε.</p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
</body>
</html>

Ο παραπάνω κώδικας, καλεί το header.php ,μετά χρησιμοποιεί το Loop, και μας εμφανίζει τον τίτλο, τα στοιχεία του άρθρου, και το απόσπασμα. Μετά μας εμφανίζει έναν σύνδεσμο για το πλήρες άρθρο, και τον αριθμό των σχόλιων. Τέλος μας εμφανίζει συνδέσμους για τα προηγούμενα και τα νεότερα άρθρα (αν υπάρχουν) και ένα μήνυμα λάθους άν δεν βρεθεί τίποτα. Στο τέλος του κώδικα μας καλούμε τα αρχεία sidebar.php και footer.php.
Έτσι κάθε φορά που το WordPress θα εμφανίζει μια σελίδα, θα καλεί το αρχείο που μόλις δημιουργήσαμε.

Τώρα θα δημιουργήσουμε ένα αρχείο με όνομα single.php το οποίο θα χειρίζεται την εμφάνιση των άρθρων μας (του μη στατικόυ περιεχομένου μας). Έτσι γράφουμε:

<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<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 class="entry">
<?php the_content(); ?>
</div>
</div>
<?php comments_template(); ?>
<?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(); ?>
</body>
</html>

Ο παραπάνω κώδικας, καλεί το header.php ,μετά χρησιμοποιεί το Loop, και μας εμφανίζει τον τίτλο, τα στοιχεία του άρθρου, και το περιεχόμενο μας. Μετά συμπεριλαμβάνουμε το υπάρχον αρχείο για τα σχόλια. Μετά μας εμφανίζει έναν σύνδεσμο για το πλήρες άρθρο, και τον αριθμό των σχόλιων. Τέλος μας εμφανίζει συνδέσμους για τα προηγούμενα και τα νεότερα άρθρα (αν υπάρχουν) και ένα μήνυμα λάθους άν δεν βρεθεί τίποτα. Στο τέλος του κώδικα μας καλούμε τα αρχεία sidebar.php και footer.php.

Μπορείτε να κατεβάσετε τα αρχεία αυτού του βοηθήματος εδώ

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