Πώς να διορθώσετε την εικόνα προεπισκόπησης που δεν εμφανίζεται στο WordPress (6 τρόποι)

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

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

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

Συνηθισμένοι Λόγοι για Προβλήματα Προτεινόμενων Εικόνων

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

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

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

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

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

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

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

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

3. Συγκρούσεις προσθέτων

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Απενεργοποιήστε τα πρόσθετα για να εντοπίσετε συγκρούσεις

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

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

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

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

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

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

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

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

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

Εάν δεν θέλετε να γίνετε υπερβολικά τεχνικοί με την επεξεργασία κώδικα, μπορείτε να αποκτήσετε ένα πρόσθετο όπως WP Speed of Light, Απενεργοποίηση Lazy Load, LiteSpeed 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 που δεν εμφανίζονται είναι αρκετά εύκολη. Η τακτική ενημέρωση των προσθέτων σας και η χρήση των σωστών θεμάτων μπορεί να αποτρέψει μελλοντικά προβλήματα που προκαλούνται από συγκρούσεις συμβατότητας.

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

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