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

Ενημερώθηκε: 13 Σεπτεμβρίου 2017 / Άρθρο από: Wisnu

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

Οι επιλεγμένες εικόνες είναι πολύ σημαντικές

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

Είμαι πρόθυμος να ποντάρω όχι πολύ συχνά. Τα καλύτερα ιστολόγια στο διαδίκτυο χρησιμοποιούν προσαρμοσμένα γραφικά, για παράδειγμα Κομψή Θέματα 'Blog έχει εκπληκτικές εμφανιζόμενες εικόνες. Αυτές οι εικόνες παράγονται από μια ομάδα εσωτερικών σχεδιαστών. Θα παρατηρήσετε ότι είναι όλα μοναδικά και εξαιρετικά δημιουργημένα.

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

Χρειάζεστε βοήθεια για να τροποποιήσετε τον ιστότοπό σας WordPress;
Το WHSR συνεργάζεται πλέον με το Codeable.io για να βοηθήσει τους χρήστες που χρειάζονται επαγγελματικές υπηρεσίες ανάπτυξης / προσαρμογής WP.

Για να λάβετε μια δωρεάν προσφορά, συμπληρώστε αυτή τη φόρμα αίτησης.

 

Ρύθμιση νέας προσαρμοσμένης προεπιλεγμένης εικόνας

Μπορείτε να το κάνετε αυτό, εγκαθιστώντας & ενεργοποιώντας Προεπιλεγμένη προσθήκη πρόσθετων στοιχείων.

Πριν φτάσω στο plugin, ας ρίξουμε μια ματιά σε έναν ιστότοπο δοκιμών χωρίς προεπιλεγμένες προβαλλόμενες εικόνες.

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

 

ΧωρίςDefaultImage

Προεπιλεγμένη προσθήκη πρόσθετων στοιχείων

1. Μεταβείτε στις Ρυθμίσεις> Πολυμέσα.
2. Στην ενότητα Ρυθμίσεις πολυμέσων, μπορείτε να επιλέξετε μια προεπιλεγμένη επιλεγμένη εικόνα από τη συλλογή ή μπορείτε να ανεβάσετε μία.

DefaltFeatImgMediaSettings

Και, είστε έτοιμοι. Είναι πραγματικά τόσο απλό.

Τώρα με την προεπιλεγμένη εμφανιζόμενη εικόνα στη θέση της, έτσι φαίνεται η σελίδα:

ΜεDefaultImage

 

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

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

Τώρα κάτι τέτοιο θα φαινόταν καλό στο blog σας γύρω από το χρόνο θα πρέπει να ξεχάσετε ποτέ να προσθέσετε μια χαρακτηρισμένη εικόνα στην ανάρτησή σας.

Ορισμός της πρώτης εικόνας της ανάρτησής σας ως προεπιλεγμένης επιλεγμένης εικόνας

Αυτό μπορεί να γίνει με δύο κομμάτια κώδικα.

Το πρώτο, θα πρέπει να προσθέσετε στο functions.php στο αρχείο WordPress.

// function to call the first uploaded image in function file function main_image () {$ files = get_children ('post_parent ='. get_the_ID (). '& post_type = attachment & post_mime_type = image & order = desc'); if ($ files): $ keys = array_reverse (array_keys ($ αρχεία)); $ j = 0; $ num = $ κλειδιά [$ j]; $ image = wp_get_attachment_image ($ num, "large", true); $ imagepieces = explode ('"', $ image); $ imagepath = $ imagepieces [1]; $ main = wp_get_attachment_url ($ num); $ template = get_template_directory (); $ the_title = get_the_title (); εκτύπωση" "; τέλος εαν; }

Ο παραπάνω κώδικας βοηθά στην απόκτηση της πρώτης εικόνας σας από κάθε θέση.

Τώρα πρέπει να ελέγξουμε αν υπάρχουν επιλεγμένες εικόνες που έχουν επιλεγεί για τις εν λόγω θέσεις.

Μπορείτε να το κάνετε προσθέτοντας τον ακόλουθο κώδικα στο αρχείο θέματος. Προσθέστε τον κωδικό στο μέρος όπου θέλετε να εμφανιστεί η εικόνα γνωστή ως home.php, single.php, archive.php ή οπουδήποτε αλλού κρίνετε απαραίτητο.

ΤΑΥΤΟΤΗΤΑ); } αλλιώς {echo main_image (); };>

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

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

Άλλες Ιδέες για Προτεινόμενες Εικόνες

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

Πείτε μου πώς πήγε με το ιστολόγιό σας, καταφέρατε να βρείτε τη σωστή προεπιλεγμένη εικόνα;

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

Πηγή (Κωδικός για ρύθμιση): Snipplr

Σχετικά με τον Βισνού

Ο Vishnu είναι ανεξάρτητος συγγραφέας τη νύχτα, εργάζεται ως αναλυτής δεδομένων την ημέρα.