Πώς να διορθώσετε την εμφάνιση της επιλεγμένης εικόνας στο WordPress (6 τρόποι)

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

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

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

Συνήθεις λόγοι για προβλήματα με επιλεγμένες εικόνες

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

1. Το θέμα δεν υποστηρίζει επιλεγμένες εικόνες

Το WordPress προσφέρει άπειρα κομψά και διασκεδαστικά θέματα για να ανανεώσετε τον ιστότοπό σας, γεγονός που καθιστά συναρπαστική την προσαρμογή της εμφάνισής σας. Ωστόσο, ορισμένοι από εσάς μπορεί να ξεχάσετε να ελέγξετε αν το θέμα υποστηρίζει επιλεγμένες εικόνες.

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

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

2. Λανθασμένες ρυθμίσεις οθόνης

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

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

3. Διένεξεις προσθηκών

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

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

4. Lazy loading επηρεάζει την ορατότητα της εικόνας

Lazy loading είναι μια λειτουργία που χρησιμοποιείται από πρόσθετα (plugins) για τη βελτίωση των χρόνων φόρτωσης σελίδας, φορτώνοντας εικόνες μόνο όταν χρειάζονται.

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

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

5. Σφάλματα HTTP κατά την μεταφόρτωση εικόνας

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

Αυτό είναι ένα συνηθισμένο πρόβλημα, ειδικά όταν προσπαθείτε να μεταφορτώσετε μεγαλύτερες εικόνες στον ιστότοπό σας. Για να το διορθώσετε, αυξήστε το όριο μνήμης PHP επεξεργάζοντας το αρχείο wp-config.php ή συμπιέστε την εικόνα πριν από την μεταφόρτωση.

6. Λείπει το μετα-πλαίσιο της επιλεγμένης εικόνας

Το μετα-πλαίσιο της επιλεγμένης εικόνας θα πρέπει να είναι ορατό κατά την επεξεργασία μιας ανάρτησης ή σελίδας. Εάν το πλαίσιο λείπει, αυτό θα μπορούσε να οφείλεται σε λανθασμένες ρυθμίσεις εμφάνισης στον επεξεργαστή ή σε ορισμένες ρυθμίσεις θέματος που το απενεργοποιούν από προεπιλογή.

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

Βήμα προς βήμα λύσεις

Η κατανόηση της πιθανής αιτίας σάς βοηθά να εντοπίσετε την πιο αποτελεσματική λύση. Παρακάτω θα βρείτε μερικές εύκολες συμβουλές που θα σας βοηθήσουν να διορθώσετε το πρόβλημα της μη εμφάνισης της επιλεγμένης εικόνας στο WordPress. Ας ακολουθήσουμε αυτά τα βήματα και ας προσδώσουμε λίγη οπτική ελκυστικότητα στον ιστότοπό σας! 

1. Ενεργοποιήστε τις επιλεγμένες εικόνες στο θέμα σας

Αν χρησιμοποιείτε ένα θέμα που δεν υποστηρίζει επιλεγμένες εικόνες και δεν θέλετε να ξεκινήσετε από την αρχή, υπάρχει λύση.
Μπορείτε να ενεργοποιήσετε τις επιλεγμένες εικόνες κάνοντας απλή επεξεργασία στο αρχείο functions.php. Αυτό το αρχείο βρίσκεται στον φάκελο του θέματός σας, που συνήθως βρίσκεται στη διεύθυνση wp-content/themes/your-theme-name/functions.php .

Δοκιμάστε να ανοίξετε αυτό το αρχείο και να προσθέσετε τον κώδικα: add_theme_support('post-thumbnails'); στο κάτω μέρος.

Μην ξεχάσετε να αποθηκεύσετε τις αλλαγές, ώστε να ισχύσουν. Μόλις προστεθούν, το θέμα σας θα υποστηρίζει πλέον επιλεγμένες εικόνες.

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

2. Ελέγξτε και προσαρμόστε τις ρυθμίσεις εμφάνισης στον επεξεργαστή WordPress

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

• Μεταβείτε σε οποιαδήποτε σελίδα όπου θέλετε να προσθέσετε μια επιλεγμένη εικόνα.
• Επιλέξτε το εικονίδιο συν (+) για να προσθέσετε ένα μπλοκ.

• Στη συνέχεια, επιλέξτε Τελευταίες αναρτήσεις WP .
• Ενεργοποιήστε την "Επιλεγμένη εικόνα" από τις ρυθμίσεις "Μπλοκ" .
• Προσαρμόστε την εικόνα ώστε να ταιριάζει με τη διάταξη.

3. Απενεργοποιήστε τα πρόσθετα για να εντοπίσετε διενέξεις

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

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

4. Απενεργοποιήστε lazy loading για τις επιλεγμένες εικόνες, εάν είναι απαραίτητο

Δεν χρειάζεται να απενεργοποιήσετε εντελώς τη λειτουργία lazy loading στον ιστότοπό σας. Μπορείτε να επωφεληθείτε από την lazy loading για να βελτιστοποιήσετε την προβολή εικόνων, διασφαλίζοντας παράλληλα ότι οι επιλεγμένες εικόνες εμφανίζονται σωστά. Ακολουθούν δύο πράγματα που μπορείτε να κάνετε για να το διορθώσετε: 

α. Επεξεργαστείτε το αρχείο functions.php

• Μεταβείτε στην Εμφάνιση και, στη συνέχεια, στον Επεξεργαστή Αρχείων Θέματος στον πίνακα ελέγχου του WordPress.
• Ανοίξτε το functions.php του τρέχοντος θέματός σας.
• Προσθέστε τον ακόλουθο κώδικα στο αρχείο:

add_filter('wp_lazy_loading_enabled', function($default, $tag_name, $context) { αν ($context === 'the_post_thumbnail') { return false; } return $default; }, 10, 3); 

• Τέλος, αποθηκεύστε το αρχείο. 

β. Χρησιμοποιήστε ένα πρόσθετο (plugin)

Αν δεν θέλετε να γίνετε πολύ τεχνικοί κάνοντας επεξεργασία κώδικα, μπορείτε να αποκτήσετε ένα πρόσθετο όπως WP Speed of Light , το Disable Lazy Load, το Lite Speed Cache ή το WP Rocket. Αυτά τα εργαλεία σάς επιτρέπουν να ορίσετε lazy loading χωρίς να επεξεργαστείτε αρχεία, καθιστώντας τα μια πιο φιλική προς το χρήστη επιλογή για μη προγραμματιστές.

5. Επιλύστε σφάλματα HTTP αυξάνοντας το όριο μνήμης PHP ή ελέγχοντας τα δικαιώματα πρόσβασης αρχείων

Εάν αντιμετωπίζετε σφάλματα HTTP που προκαλούν την εμφάνιση επιλεγμένων εικόνων, υπάρχουν δύο τρόποι για να το αντιμετωπίσετε. Μπορείτε να αυξήσετε το όριο μνήμης PHP ή να ελέγξετε την άδεια αρχείου για να βεβαιωθείτε ότι είναι σωστή. Ακολουθεί το πλήρες σεμινάριο και για τις δύο λύσεις: 

α. Αύξηση ορίου μνήμης PHP

Αυτό το βήμα απαιτεί την τροποποίηση του αρχείου .htaccess ή του wp-config.php. Δοκιμάστε να τροποποιήσετε κάθε αρχείο για να βρείτε το κατάλληλο: 

1. Τροποποίηση του wp-config.php

• Αποκτήστε πρόσβαση στον ιστότοπό σας μέσω προγράμματος-πελάτη FTP ή cPanel.
• Ανοίξτε τη Διαχείριση Αρχείων και βρείτε το wp-config.php στον ριζικό κατάλογο.

• Αναζητήστε την ακόλουθη γραμμή: define('WP_MEMORY_LIMIT', '32M') ;
• Τροποποιήστε την τιμή όπως απαιτείται. Για παράδειγμα: define('WP_MEMORY_LIMIT', '256M') ;

2. Προσθήκη κώδικα στο αρχείο .htaccess

• Εντοπίστε το .htaccess στον ριζικό κατάλογο.
• Προσθέστε αυτόν τον κώδικα στο κάτω μέρος: php_value memory_limit 256M .
• Αποθηκεύστε τις αλλαγές.

β. Έλεγχος δικαιωμάτων αρχείων

Τα εσφαλμένα δικαιώματα αρχείων μπορούν να προκαλέσουν σφάλματα HTTP κατά την μεταφόρτωση εικόνων. Τα δικαιώματά σας στο WordPress θα πρέπει να είναι ως εξής:

• Αρχεία : Ορισμός σε 644
• Φάκελοι : Ορισμός σε 755

Εάν τόσο τα αρχεία όσο και οι φάκελοί σας έχουν λανθασμένα δικαιώματα, μπορείτε να τα τροποποιήσετε με μη αυτόματο τρόπο ακολουθώντας αυτήν τη γρήγορη επιδιόρθωση:

• Ανοίξτε τη Διαχείριση αρχείων .
• Κάντε δεξί κλικ στον wp-content/uploads .
• Επιλέξτε Δικαιώματα αρχείων ή Αλλαγή δικαιωμάτων .
• Ορίστε τα δικαιώματα φακέλου σε 755. Αποθηκεύστε τις αλλαγές.
• Επίσης, ενημερώστε τα δικαιώματα αρχείων ορίζοντας τα σε 644.
• Κλείστε αφού αποθηκεύσετε τις αλλαγές.

6. Βεβαιωθείτε ότι το μετα-πλαίσιο της επιλεγμένης εικόνας είναι ενεργοποιημένο στις επιλογές οθόνης

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

• Ανοίξτε μια ανάρτηση στον πίνακα ελέγχου του WordPress.
• Επιλέξτε Επιλογές οθόνης στην επάνω δεξιά γωνία. Η τοποθεσία ενδέχεται να διαφέρει εάν χρησιμοποιείτε πρόγραμμα επεξεργασίας μπλοκ.

• Επιλέξτε το πλαίσιο Προτεινόμενη εικόνα .
• Κάντε κύλιση προς τα κάτω στον πίνακα επεξεργασίας και βρείτε την ενότητα Προτεινόμενη εικόνα .

• Ανεβάστε μια εικόνα από τη Βιβλιοθήκη πολυμέσων .
• Στη συνέχεια, εφαρμόστε τις αλλαγές . Η εικόνα θα πρέπει τώρα να εμφανίζεται σωστά.

Σύναψη

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

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

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