Πώς να προσθέσετε επιλεγμένες εικόνες ή μικρογραφίες δημοσιεύσεων στο WordPress

Ο τρόπος προσθήκης μιας επιλεγμένης εικόνας ή μιας μικρογραφίας ανάρτησης στο WordPress είναι απαραίτητος για κάθε blogger, προγραμματιστή ή δημιουργό περιεχομένου. Οι επιλεγμένες εικόνες κάνουν τις αναρτήσεις σας οπτικά ελκυστικές και παίζουν βασικό ρόλο στην εμπλοκή των αναγνωστών σας, στη βελτίωση του SEO και στην ενίσχυση των προεπισκοπήσεων στα μέσα κοινωνικής δικτύωσης. Είτε διαχειρίζεστε ένα ιστολόγιο, έναν ιστότοπο χαρτοφυλακίου είτε ένα ηλεκτρονικό κατάστημα, μια σωστά τοποθετημένη επιλεγμένη εικόνα μπορεί να ενισχύσει σημαντικά την επίδραση του περιεχομένου σας.

Σε αυτό το άρθρο, θα μάθετε πώς να ενεργοποιήσετε και να προσθέσετε επιλεγμένες εικόνες στο WordPress χρησιμοποιώντας ρυθμίσεις κώδικα και θέματος. Θα σας καθοδηγήσουμε επίσης στην προσθήκη εικόνων μέσω του Classic Editor και του Elementor, ώστε να μπορείτε να επιλέξετε την καλύτερη μέθοδο για τη ροή εργασίας σας.

Γιατί να χρησιμοποιείτε επιλεγμένες εικόνες σε αναρτήσεις;

Οι επιλεγμένες εικόνες είναι ζωτικής σημασίας για να κάνουν τις αναρτήσεις σας στο WordPress πιο ελκυστικές και επαγγελματικές. Λειτουργούν ως οπτικά στοιχεία που βοηθούν στην προσέλκυση της προσοχής των αναγνωστών, στη βελτίωση της συνολικής αισθητικής του ιστολογίου ή του ιστότοπού σας και στη δημιουργία συνέπειας σε όλο το περιεχόμενό σας. Εκτός από τη βελτίωση της οπτικής ελκυστικότητας, οι πλατφόρμες κοινωνικής δικτύωσης συχνά χρησιμοποιούν επιλεγμένες εικόνες όταν το περιεχόμενό σας κοινοποιείται, δίνοντας στις αναρτήσεις σας μια ισχυρότερη παρουσία και αυξάνοντας τα ποσοστά κλικ.

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

Γι' αυτό το λόγο, εργαλεία όπως WP Media Folder συνιστώνται ανεπιφύλακτα. Με λειτουργίες όπως απεριόριστους φακέλους, φίλτρα προηγμένης αναζήτησης και απρόσκοπτη ενσωμάτωση με πλατφόρμες cloud, WP Media Folder σας βοηθά να παραμένετε οργανωμένοι και κάνει τη διαχείριση των επιλεγμένων εικόνων και άλλων πολυμέσων σας πανεύκολη.

Πώς να ενεργοποιήσετε τις επιλεγμένες εικόνες στο θέμα WordPress σας

Δεν εμφανίζουν ή ενεργοποιούν αυτόματα όλα τα θέματα WordPress τη λειτουργία επιλεγμένης εικόνας. Εάν δεν βλέπετε αυτήν την επιλογή κατά τη δημιουργία μιας ανάρτησης, είναι πιθανό το θέμα σας να μην έχει ενεργοποιήσει την υποστήριξη για αυτήν τη λειτουργία. Μην ανησυχείτε, μπορείτε να την ενεργοποιήσετε με δύο τρόπους, χρησιμοποιώντας προσαρμοσμένο κώδικα (χωρίς να αγγίζετε απευθείας τα αρχεία του θέματος) ή μέσω των προεπιλεγμένων ρυθμίσεων του θέματος που χρησιμοποιείτε.

Χρήση προσαρμοσμένου κώδικα

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

Για να το κάνετε αυτό, ξεκινήστε εγκαθιστώντας την προσθήκη WPCode από το μενού Πρόσθετα > Προσθήκη νέου. Στη συνέχεια, αναζητήστε "WPCode" και κάντε κλικ στην επιλογή Εγκατάσταση και, στη συνέχεια, στην επιλογή Ενεργοποίηση .

Μόλις ενεργοποιηθεί το πρόσθετο, ανοίξτε το μενού Αποσπάσματα κώδικα και επιλέξτε + Προσθήκη αποσπάσματος.

Επιλέξτε την "Προσθήκη του προσαρμοσμένου σας κώδικα (Νέο απόσπασμα)" .

Στη συνέχεια, εισαγάγετε τον ακόλουθο κώδικα στη στήλη "Προεπισκόπηση κώδικα", επιλέξτε PHP Snippet στο Code Type και κάντε κλικ στην επιλογή Save Snippet.

Όταν ανοίγετε τον επεξεργαστή αναρτήσεων, η προσθήκη μιας επιλεγμένης εικόνας εμφανίζεται στην πλαϊνή γραμμή.

Αν θέλετε να εμφανίσετε την εικόνα που εμφανίζεται στην εμφάνιση της ανάρτησης, προσθέστε αυτόν τον κώδικα στο κατάλληλο αρχείο θέματος μέσα στον βρόχο, όπως single.php ή content.php.

<?php the_post_thumbnail(); ?> 

Μπορείτε επίσης να προσθέσετε αυτό για να προσαρμόσετε το μέγεθος της εικόνας.

set_post_thumbnail_size( 300, 200 ); 

Ή δημιουργήστε προσαρμοσμένα μεγέθη όπως π.χ.

add_image_size( 'προσαρμοσμένο μέγεθος', 590, 180 ); 

Τέλος, καλέστε με τον ακόλουθο κωδικό.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Χρήση ρυθμίσεων θέματος

Αν δεν θέλετε να ασχοληθείτε με τον κώδικα, πολλά σύγχρονα θέματα WordPress παρέχουν ήδη ρυθμίσεις για την ενεργοποίηση και τον ορισμό επιλεγμένων εικόνων απευθείας από το Customizer. Για να το κάνετε αυτό, μεταβείτε στην Εμφάνιση > Προσαρμογή. Στη συνέχεια, επιλέξτε άρθρων > Ιστολόγιο / Αρχείο.

Στη συνέχεια, στην ενότητα Δομές άρθρων > Στοιχεία άρθρων, θα βρείτε το μενού Προτεινόμενη εικόνα. Για να το ενεργοποιήσετε, απλώς κάντε κλικ στο εικονίδιο του ματιού όπως φαίνεται στην παρακάτω εικόνα. Μπορείτε επίσης να προσαρμόσετε την αναλογία, το εφέ κατάδειξης και το μέγεθος.

Προσθήκη επιλεγμένων εικόνων στο WordPress μέσω του Gutengberg (Επεξεργαστής μπλοκ)

Η προσθήκη μιας επιλεγμένης εικόνας στο WordPress χρησιμοποιώντας το Gutenberg (Block Editor) είναι εύκολη και πρακτική, ειδικά επειδή η διεπαφή του είναι μοντέρνα και διαισθητική. Με το Gutenberg, μπορείτε να ορίσετε την επιλεγμένη εικόνα απευθείας από την πλαϊνή γραμμή του επεξεργαστή χωρίς να εγκαταστήσετε πρόσθετα πρόσθετα. Αυτή η λειτουργία είναι κατάλληλη για αρχάριους και έμπειρους χρήστες που θέλουν να προσαρμόσουν γρήγορα την οπτική εμφάνιση των αναρτήσεών τους.

Στη συνέχεια, επιλέξτε την εικόνα που θα είναι η επιλεγμένη εικόνα, εισαγάγετε το κείμενο ALT και κάντε κλικ στην επιλογή Ορισμός επιλεγμένης εικόνας.

Προσθήκη επιλεγμένων εικόνων στο WordPress μέσω του Elementor

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

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

Στη συνέχεια, θα εμφανιστεί η οθόνη πολυμέσων. Επιλέξτε την εικόνα, εισαγάγετε το κείμενο ALT και τέλος κάντε κλικ στην επιλογή Επιλογή .

Σύναψη

Η προσθήκη μιας επιλεγμένης εικόνας μπορεί να προσφέρει σημαντική οπτική αξία για να προσελκύσει την προσοχή των αναγνωστών, να ενισχύσει την ταυτότητα του περιεχομένου και να βελτιώσει την εμφάνιση κατά την κοινοποίησή της στα μέσα κοινωνικής δικτύωσης. Εκτός από την ομορφότερη σελίδα, αυτή η λειτουργία υποστηρίζει επίσης το SEO και κάνει τον ιστότοπό σας στο WordPress να φαίνεται πιο επαγγελματικός.

Ωστόσο, η διατήρηση της οργανωμένης και αποτελεσματικής βιβλιοθήκης πολυμέσων είναι επίσης σημαντική καθώς αυξάνεται ο αριθμός των εικόνων που ανεβάζετε. Μπορείτε να χρησιμοποιήσετε WP Media Folder , μια λύση διαχείρισης πολυμέσων WordPress με εξαιρετικές λειτουργίες, όπως απεριόριστους φακέλους, προηγμένη αναζήτηση και ενσωμάτωση στο cloud. Δοκιμάστε το τώρα για να διαχειριστείτε τις επιλεγμένες εικόνες σας πιο γρήγορα, αποτελεσματικά και χωρίς άγχος!