Jepeteo.com

Πολλά θέματα WordPress, και ειδικά αυτά που έχουν διάταξη παρόμοια με περιοδικό, χρησιμοποιούν μία εικόνα (thumbnail) που αντιπροσωπεύει κάθε άρθρο, με (ή χωρίς)  κάποιο κείμενο που συνοψίζει το άρθρο. Μέχρι την έκδοση 2.9 του WordPress, δεν υπήρχε καθορισμένος τρόπος να το κάνεις αυτό, και οι τρόποι που υπήρχαν ήταν περίπλοκοι και χρονοβόροι. Τώρα, αυτό είναι εύκολο χρησιμοποιώντας ενσωματωμένες εντολές του ίδιου του WordPress.

Πάμε μαζί λοιπόν να δούμε πώς μπορεί να γίνει αυτό.

Κατ’αρχήν θα πρέπει να δηλώσεις στο θέμα σου οτι θέλεις την υποστήριξη αυτής της λειτουργίας. Άνοιξε, το αρχείο functions.php και πρόσθεσε την παρακάτω εντολή:

add_theme_support( 'post-thumbnails' );

Με αυτήν την εντολή ενεργοποιείς το UI (User Interface = διεπαφή χρήστη) στην διαχείρηση του WordPress. Τώρα όποτε προσθέτεις η επεξεργάζεσαι ένα νέο άρθρο (ή σελίδα), θα βλέπεις ένα νέο μενού με το όνομα Επιλεγμένη Εικόνα (Featured Image). Η παραπάνω εντολή ενεργοποιεί την Επιλεγμένη Εικόνα σε άρθρα και σελίδες. Αν για κάποιο λόγω δεν θές να εμφανίζεται σε κάποιο απο τα δύο τότε θα πρέπει να αντικαταστήσεις τον παραπάνω κώδικα με ενα από τους παρακάτω, ανάλογα με τις ανάγκες σου.

Εμφάνιση μενού επιλεγμένης εικόνας σε άρθρα:

add_theme_support( 'post-thumbnails', array( 'post' ) ); // Add it for posts

Εμφάνιση μενού επιλεγμένης εικόνας σε σελίδες:

add_theme_support( 'post-thumbnails', array( 'page' ) ); // Add it for pages

Ωραία μεχρι εδώ. Τώρα πρέπει να πείς στο θέμα σου να χρησιμοποιεί την δυνατότητα που μόλις του πρόσθεσες. Άνοιξε το πρότυπο κεντρική σελίδας του θέματός σου (index.php – βρίσκεται μέσα στο φάκελο του θέματος σου). Βρες την γραμμή που λέει:

<?php the_content(); ?>

Και πρόσθεσε πρίν απο αυτήν το παρακάτω:

<?php the_post_thumbnail(); ?>

Αυτό ήταν! Τωρα πρίν απο το κείμενο του άρθρου σου θα εμφανίζεται η Επιλεγμένη Εικόνα.

Αν θες μπορείς να πάς και ένα βήμα πιό πέρα. Μπορείς να αλλάξεις το μέγεθος της επιλεγμένης εικόνας αλλάζοντας λίγο τον κώδικα της τελευταιας εντολής.
Μπορείς να χρησιμοποιήσεις τα 3 προκαθορισμένα μεγέθη  για την επιλεγμένη εικόνα. (Τις διαστάσεις θα τις βρείς στο μενου Ρυθμίσεις > Πολυμέσα)

<?php the_post_thumbnail('large'); ?>
<?php the_post_thumbnail('medium'); ?>
<?php the_post_thumbnail('thumbnail'); ?>

Ή μπορείς να χρησιμοποιήσεις το δικό σου μέγεθος βαζοντας την παρακάτω εντολή:
<?php the_post_thumbnail(array(aaa,bbb)); ?>  όπου aaa=μήκος και bbb=ύψος.