Home-theater-designers
Μια εικόνα αξίζει χίλιες λέξεις --- εκτός αν έχει αλλάξει το μέγεθος της ακατάλληλα, οπότε είναι λίγο ενοχλητική. Το WordPress περιέχει ισχυρά εργαλεία για την αλλαγή μεγέθους εικόνων και μικρογραφιών, αλλά πρέπει να ξέρετε πώς να τα αντιμετωπίσετε.
Διαβάστε παρακάτω για όλα όσα πρέπει να γνωρίζετε σχετικά με τα μεγέθη εικόνων στο WordPress και τη διαχείριση επιλεγμένων εικόνων.
Επεξεργασία PHP σε αρχεία WordPress
Αυτή η ανάρτηση περιέχει κώδικα PHP για το WordPress. Wantσως θελήσετε να διαβάσετε το δωρεάν μάθημα διακοπής PHP πριν επιχειρήσετε τυχόν τροποποιήσεις στο θέμα σας.
Εάν δεν σας βολεύει να ανοίγετε τα αρχεία θεμάτων ή δεν θέλετε επειδή θα χαθούν με μελλοντικές ενημερώσεις θέματος, μπορείτε να χρησιμοποιήσετε το Οι προσαρμοσμένες λειτουργίες μου plugin για να προσθέσετε μπλοκ κώδικα.
https://en-gb.wordpress.org/plugins/my-custom-functions/
Βασικά στοιχεία μεγέθους εικόνας WordPress
Στον πίνακα ελέγχου διαχειριστή του WordPress, πιθανότατα γνωρίζετε ήδη Ρυθμίσεις >> Τα μισα.
πράγματα που πρέπει να κάνετε την παραμονή στο διαδίκτυο
Αυτά είναι τα τρία προεπιλεγμένα μεγέθη εικόνας, τα οποία καλεί το WordPress: όνυξ του αντίχειρος , Μεσαίο , και μεγάλο Το Το μέγεθος της μικρογραφίας έχει μια ειδική ρύθμιση για περικοπή στην ακριβή διάσταση που καθορίζετε εδώ. Αυτό δεν χρειάζεται να έχει διάσταση αναλογίας 1: 1 --- μπορείτε να το ορίσετε όπως θέλετε.
Όταν είναι ενεργοποιημένη η περικοπή, οι εικόνες θα κλιμακωθούν και θα κεντραριστούν, τότε οτιδήποτε δεν ταιριάζει θα απορριφθεί.
Η μεσαία και μεγάλη ρύθμιση λειτουργεί ελαφρώς διαφορετικά, με την έννοια που θα καθορίσετε το μέγιστο διαστάσεις τόσο για πλάτος όσο και για ύψος και οι εικόνες θα μειωθούν ανάλογα. Εάν η εικόνα είναι πολύ μικρή, δεν θα δημιουργηθούν αυτά τα μεγέθη.
Όταν ανεβάζετε μια νέα εικόνα, η πρωτότυπη αποθηκεύεται και είναι διαθέσιμη για εισαγωγή σε μια ανάρτηση σε πλήρες μέγεθος και δημιουργούνται αυτόματα τα άλλα καταχωρημένα μεγέθη εικόνας.
Προσθήκη προσαρμοσμένων μεγεθών εικόνας στο WordPress
Τα τρία μεγέθη που ορίζονται από προεπιλογή στο WordPress ενδέχεται να μην είναι αρκετά, γι 'αυτό επιτρέπεται στα θέματα και στα πρόσθετα να προσθέτουν τα δικά τους προσαρμοσμένα μεγέθη. Εάν αισθάνεστε άνετα να επεξεργάζεστε τα αρχεία θεμάτων, μπορείτε να το κάνετε και αυτό.
Ανοίξτε τον κατάλογο θεμάτων και αναζητήστε το functions.php αρχείο. Πρόσθεσε το τον ακόλουθο κώδικα, ένα για κάθε μέγεθος εικόνας που θέλετε να ορίσετε:
add_image_size( 'my-thumbnail', 400, 200, true);Κάθε νέο μέγεθος εικόνας χρειάζεται όνομα, πλάτος και ύψος και αν οι εικόνες πρέπει να περικοπούν σε αυτό ακριβώς το μέγεθος ( αληθής ή ψευδής ). Για δομικά μέρη ενός θέματος ή του γραφικού στοιχείου, γενικά θα θέλατε να περικόψετε, ώστε να μην σπάσει η διάταξη.
Μπορεί να μπείτε στον πειρασμό να δημιουργήσετε πολλά προσαρμοσμένα μεγέθη εικόνας, αλλά θα πρέπει να το κάνετε με φειδώ. Κάθε μέγεθος εικόνας που ορίζετε θα δημιουργείται για κάθε εικόνα που ανεβάζετε, ακόμη και αν το προορίζατε μόνο για εμάς με την επιλεγμένη εικόνα.
Έτσι, εάν έχετε επτά προσαρμοσμένα μεγέθη εικόνας, συν τα τρία προεπιλεγμένα, κάθε εικόνα που ανεβάζετε θα δημιουργεί 10 μικρά αντίγραφα της ίδιας. Αν σκεφτείτε ότι μια μεμονωμένη ανάρτηση μπορεί να έχει 10 εικόνες ενσωματωμένες σε αυτήν, δηλαδή 100 αρχεία δημιουργούνται μόνο για αυτήν την ανάρτηση μόνο.
Δεν μπορείτε να δημιουργήσετε ένα προσαρμοσμένο μέγεθος εικόνας και να καθορίσετε ότι πρέπει να χρησιμοποιείται μόνο για τις επιλεγμένες εικόνες σας.
Επίσης, ακόμη και αν δεν χρησιμοποιείτε πλέον ένα συγκεκριμένο μέγεθος και έχετε διαγράψει αυτόν τον κωδικό (ή έχετε αλλάξει θέματα), οι παλιές εικόνες θα παραμείνουν για πάντα στον διακομιστή. Το WordPress δεν θα διαγράψει τις αχρησιμοποίητες εικόνες για εσάς. Σε έναν ιστότοπο τόσο παλιό ή τόσο μεγάλο όσο το MakeUseOf, αυτό σημαίνει ότι μερικές εκατοντάδες gigabytes σπαταλούνται για την αποθήκευση εικόνων που δεν χρησιμοποιούνται πλέον.
Για μικρότερους ιστότοπους, το Media Cleaner Το πρόσθετο μπορεί να βοηθήσει, αλλά πάντα εκτελέστε πρώτα ένα πλήρες αντίγραφο ασφαλείας.
https://wordpress.org/plugins/media-cleaner/#description
Προσαρμοσμένα μεγέθη εικόνας για χρήση σε περιεχόμενο δημοσίευσης
Από προεπιλογή, τα προσαρμοσμένα μεγέθη εικόνας δεν θα εμφανίζονται στο αναπτυσσόμενο πλαίσιο κατά την εισαγωγή μιας εικόνας σε μια ανάρτηση. Το μόνο που θα δείτε εκεί είναι Μικρογραφία, Μεσαίο, Μεγάλο και Πλήρες Μέγεθος (ανάλογα με το μέγεθος της αρχικής εικόνας, αφού δεν θα αναβαθμιστεί).
Εάν θέλετε το προσαρμοσμένο σας μέγεθος να είναι επίσης στη λίστα, θα χρειαστούμε λίγο περισσότερο κώδικα. Και πάλι, προσθέστε στο δικό σας functions.php αρχείο:
function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );
Αυτό λειτουργεί φιλτράροντας τη λίστα επιλογής μέσων. Συγχωνεύουμε τον αρχικό πίνακα λίστας μεγεθών με τυχόν νέα μεγέθη που θέλουμε επίσης να αναγράφονται. Αλλάξτε το «my-thumbnail» και το «My Thumbnail Size» στο προσαρμοσμένο σας μέγεθος και το φιλικό προς αναγνώσιμο από τον άνθρωπο όνομα που θα θέλατε να αναφέρεται ως.
Επιλογές επιλεγμένων εικόνων WordPress
Οι επιλεγμένες εικόνες είναι μια μεμονωμένη εικόνα που σχετίζεται με μια ανάρτηση, αλλά δεν εισάγεται απαραίτητα στο περιεχόμενο της ανάρτησης. Συχνά χρησιμοποιούνται από θέματα στην κεφαλίδα, στην πρώτη σελίδα ή στην πλαϊνή μπάρα. Ωστόσο, όσον αφορά το μέγεθος της εικόνας, δεν αντιμετωπίζονται διαφορετικά με τις κανονικές εικόνες.
Για κάθε μέγεθος που έχετε ορίσει, οποιαδήποτε εικόνα που μεταφορτώνεται θα αντιγραφεί και θα αλλάξει το μέγεθος, συμπεριλαμβανομένης της επιλεγμένης εικόνας.
ο διαχειριστής εργασιών έχει απενεργοποιηθεί από τον διαχειριστή σας
Εάν δεν βλέπετε την επιλογή να Ορισμός επιλεγμένης εικόνας στην οθόνη επεξεργασίας των δημοσιεύσεών σας, είναι πιθανό το θέμα σας να μην υποστηρίζει τη δυνατότητα. Μπορείτε να αναγκάσετε την υποστήριξη προσθέτοντας την ακόλουθη γραμμή στο θέμα σας functions.php αρχείο, αλλά προτείνω ανεπιφύλακτα να βρείτε ένα νέο θέμα.
Η έλλειψη υποστήριξης για κάτι τόσο βασικό όσο οι επιλεγμένες εικόνες θα ήταν ενδεικτικό του ξεπερασμένου κώδικα αλλού.
add_theme_support('post-thumbnails');Για να χρησιμοποιήσετε την επιλεγμένη εικόνα στο δικό σας θέμα ή πρόσθετα, χρησιμοποιήστε the_post_thumbnail () λειτουργία για έξοδο της ετικέτας εικόνας:
the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));Η συνάρτηση λαμβάνει 2 παραμέτρους: το όνομα του ονόματος που αναζητάτε (σε αυτήν την περίπτωση «my-thumbnail») και τυχόν χαρακτηριστικά που θέλετε να περάσετε, όπως μια προσαρμοσμένη κλάση CSS.
Αν προτιμάτε να λάβετε απλώς το πραγματικό URL της επιλεγμένης εικόνας παρά το απαιτούμενο HTML, δοκιμάστε αυτό (λάβετε το μέσο μέγεθος εικόνας σε αυτό το παράδειγμα):
πώς να δημοσιεύσετε gif στο instagram
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];Αναγέννηση εικόνων μικρογραφιών WordPress
Κάθε φορά που αλλάζετε τις προεπιλεγμένες διαστάσεις της εικόνας ή δημιουργείτε ένα προσαρμοσμένο μέγεθος εικόνας, θα ισχύει μόνο για νέος μεταφορτώσεις. Όλες οι υπάρχουσες εικόνες σας παραμένουν στις αρχικές διαστάσεις.
Εάν θέλετε να αλλάξετε το μέγεθος των εικόνων που έχετε ανεβάσει προηγουμένως, θα χρειαστείτε ένα πρόσθετο. Ανασυγκρότηση μικρογραφιών AJAX σας επιτρέπει να επιλέξετε ποια μεγέθη θα αναγεννηθούν και θα λειτουργήσει αργά στο αρχείο σας.
https://wordpress.org/plugins/ajax-thumbnail-rebuild/
Υπάρχουν ορισμένοι περιορισμοί και παγίδες που πρέπει να γνωρίζετε.
Ενώ οι επιλεγμένες εικόνες μπορούν να αλλάξουν αυτόματα το μέγεθος, κανένα πρόσθετο δεν μπορεί να ξαναγράψει περιεχόμενο ανάρτησης. Για παράδειγμα, εάν προσθέσατε μια εικόνα σε μια ανάρτηση στο μεγάλο μέγεθος (το οποίο μπορεί να ήταν 500px εκείνη τη στιγμή), αλλάζοντας τον ορισμό του μεγάλο δεν θα αλλάξει το μέγεθος της εικόνας στην ανάρτηση. Θα παραμείνει στα 500px εκτός αν επεξεργαστείτε την ανάρτηση και εισαγάγετε ξανά την ίδια εικόνα στο νέο μέγεθος.
Όπως αναφέρθηκε, εάν έχετε πολλά μεγέθη εικόνας, θα δημιουργήσετε πολλές εικόνες. Ευτυχώς, το Thumbnail Rebuild σας επιτρέπει να το περιορίσετε σε αυτό μόνο επιλεγμένες εικόνες Το Αλλά και πάλι, θυμηθείτε ότι αυτό ισχύει μόνο για την προηγούμενη εικόνα σας. Όλες οι μελλοντικές μεταφορτώσεις εικόνων θα διαχειρίζονται από το WordPress, πράγμα που σημαίνει ότι όλα τα μεγέθη εικόνας θα δημιουργηθούν για τα πάντα.
Τώρα θα ήταν μια καλή στιγμή για να μάθετε επίσης διαφορά μεταξύ JPG και PNG ώστε να γνωρίζετε να χρησιμοποιείτε τη βέλτιστη μορφή στο μέλλον.
Ανεβάστε τον ιστότοπό σας στο WordPress στο επόμενο επίπεδο
Θέλετε να τροποποιήσετε το θέμα του WordPress; Η χρήση των εικόνων, των χρωμάτων και της θέσης των στοιχείων από το θέμα σας καθορίζεται κυρίως από CSS και HTML, γι 'αυτό σας συνιστούμε να ελέγξετε αυτά τα βήματα βήμα προς βήμα για να μάθετε CSS και HTML.
Και αν ενδιαφέρεστε για θέματα, ρίξτε μια ματιά σε αυτά τα υπέροχα θέματα WordPress για ένα χαρτοφυλάκιο φωτογραφίας.
Μήπως ο ιστότοπός σας στο WordPress καταστρέφεται πολύ συχνά; Πληρώνετε πάρα πολλά; Αλλαγή σε γνωστή υπηρεσία φιλοξενίας όπως η InMotion Hosting (ειδική έκπτωση MakeUseOf με αυτός ο σύνδεσμος ) ή Bluehost (ειδική έκπτωση MakeUseOf με αυτός ο σύνδεσμος ).
Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ Να γιατί το FBI εξέδωσε προειδοποίηση για ransomware HiveΤο FBI εξέδωσε προειδοποίηση για ένα ιδιαίτερα δυσάρεστο είδος ransomware. Να γιατί πρέπει να είστε ιδιαίτερα επιφυλακτικοί με το ransomware της Hive.
Διαβάστε Επόμενο Σχετικά θέματα- Προγραμματισμός
- Wordpress
Ο Τζέιμς έχει πτυχίο Τεχνητής Νοημοσύνης και έχει πιστοποίηση CompTIA A+ και Network+. Όταν δεν είναι απασχολημένος ως Hardware Reviews Editor, απολαμβάνει LEGO, VR και επιτραπέζια παιχνίδια. Πριν ενταχθεί στο MakeUseOf, ήταν τεχνικός φωτισμού, καθηγητής αγγλικών και μηχανικός κέντρου δεδομένων.
Περισσότερα από τον James BruceΕγγραφείτε στο newsletter μας
Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!
Κάντε κλικ εδώ για εγγραφή