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

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

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

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

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

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

Τούτου λεχθέντος, ας ξεκινήσουμε! 

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

Μέθοδος 1 - Ορισμός στατικής εικόνας ως προεπιλεγμένης επιλεγμένης εικόνας

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

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

Ο κώδικας είναι ο εξής:

the_post_thumbnail();
} αλλιώς { ?>

Θα πρέπει να μοιάζει με αυτό:

Το πού προστίθεται ο κώδικας εξαρτάται από το θέμα σας και πού ακριβώς θέλετε να τοποθετηθεί η εικόνα. Επίσης, το /images/default-image.jpg θα πρέπει να αντικατασταθεί με τη διαδρομή της εικόνας που θα χρησιμοποιήσουμε. Η ίδια εικόνα θα πρέπει να βρίσκεται μέσα στον φάκελο του θέματος.

Μπορούμε επίσης να αντικαταστήσουμε το < ?php bloginfo('template_directory'); ?>/images/default-image.jpg με μια άμεση διεύθυνση URL εικόνας και θα λειτουργήσει επίσης.

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

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

Μέθοδος 2 - Χρησιμοποιήστε την πρώτη εικόνα στην ανάρτηση ως την επιλεγμένη εικόνα

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

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

Πρώτο βήμα - προσθέστε τον ακόλουθο κώδικα στο αρχείο functions.php του θέματός σας.

συνάρτηση 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($files));
$j=0;
$num = $keys[$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();
print "<img src='$main' alt='$the_title' class='frame' />";
endif;
}

Δεύτερο βήμα - Τώρα που ο κώδικάς μας έχει προστεθεί στο αρχείο functions.php, μπορούμε να προχωρήσουμε στην προσθήκη του ακόλουθου κώδικα στο σημείο που θέλουμε να εμφανίζεται η εικόνα (όπως ακριβώς κάναμε και με την πρώτη μέθοδο).

echo get_the_post_thumbnail($post->ID);
} αλλιώς {
echo main_image();
} ?>

Και τελείωσε! Οι αναρτήσεις θα εμφανίζουν πλέον την πρώτη εικόνα που είναι διαθέσιμη στο περιεχόμενό τους.

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

Ορίστε εύκολα μια προεπιλεγμένη εικόνα χρησιμοποιώντας ένα πρόσθετο WordPress

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

WP Media Folder μόλις εισήγαγε μια επιλογή για να ορίσετε μια προεπιλεγμένη εικόνα που είναι χρήσιμη λαμβάνοντας υπόψη όλες τις δυνατότητες που προσφέρει αυτό το πρόσθετο.

Για να ενεργοποιήσετε αυτήν τη λειτουργία, μεταβείτε στις Ρυθμίσεις > WP Media Folder  > Κύριες ρυθμίσεις .

Σε αυτήν την ενότητα, στο κάτω μέρος, θα δούμε την Προεπιλεγμένη εικόνα με 2 κύριες επιλογές:

1η επιλογή - Συγκεκριμένη εικόνα που μας επιτρέπει να επιλέξουμε μια στατική εικόνα που θα χρησιμοποιηθεί σε όλες τις αναρτήσεις όταν δεν είναι επιλεγμένη μια επιλεγμένη εικόνα. Για να χρησιμοποιήσετε αυτήν την επιλογή, απλώς επιλέξτε το πλαίσιο ελέγχου και, στη συνέχεια, κάντε κλικ στην
ΕΠΙΛΟΓΗ .

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

Τέλος, κάντε κλικ στην επιλογή Αποθήκευση αλλαγών και η μαγεία τελείωσε!

2η επιλογή - Τώρα, τι συμβαίνει αν δεν θέλουμε να χρησιμοποιήσουμε μόνο μια συγκεκριμένη εικόνα αλλά αντ' αυτού, μια επιλογή εικόνων που θα χρησιμοποιηθούν τυχαία;

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

Αφού επιλέξουμε αυτήν την επιλογή, θα μπορέσουμε να δούμε τους διαθέσιμους φακέλους που μπορούν να οριστούν.

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

Η μαγεία θα γίνει και τώρα δεν θα χρειάζεται να αγχωνόμαστε άλλο για τις αναρτήσεις χωρίς εμφανιζόμενη εικόνα, τέλεια! Έτσι δεν είναι; :)

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

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

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

Το καλύτερο μέρος του WP Media Folder είναι ότι αυτή δεν είναι η μόνη λειτουργία που προσφέρει, καθώς έχουμε πολλές άλλες επιλογές, όπως η μεταφορά πολυμέσων στο AWS , η χρήση του Google Drive ως πηγής εικόνας ή η δημιουργία εκπληκτικών συλλογών !

Τι περιμένετε λοιπόν; Πηγαίνετε εδώ και αποκτήστε WP Media Folder τώρα