How to: Auto Resize σε όλες τις εικόνες στο WordPress, εύκολα!

chrisgr 21/02/2013 0
How to: Auto Resize σε όλες τις εικόνες στο WordPress, εύκολα!

Buy Corel WordPerfect Office X6 Professional Edition 64 bit oem, Where to buy Cyberlink PowerDirector 7 Ultra oem
Ένα σύνηθες πρόβλημα που αντιμετωπίζουν οι bloggers με το WordPress ειδικά αυτοί που έχουν RSS Scripts, Bots και RSS Feeders ακόμα και σε Single post είναι το μέγεθος των εικόνων. Συνήθως στα Templates των WordPress Blogs υπάρχει συγκεκριμένος διαθέσιμος χώρος για τα posts. Ας πούμε π.χ ότι έχουμε ένα template που δίνει χώρο για το Post, 500 pixels width. Εάν προσθέσουμε μία εικόνα στο Post μας η οποία να είναι 600 pixels width αυτόματα ο χώρος του post θα προσαρμοστεί ώστε να χωρέσει η εικόνα μέσα με αποτέλεσμα να έχουμε καταστροφή των ορίων του Template μας με ότι αυτό συνεπάγεται. Εκτός του προβλήματος με τα Template σε περίπτωση εισαγωγής  πολλαπλών εικόνων κάθε εικόνα πρέπει να την κάνουν ξεχωριστά Resize με πρόγραμμα επεξεργασίας εικόνων χειροκίνητα  η με κάποιο Plugin αυτόματα με αποτέλεσμα να δημιουργούνται ασυμβατότητες ή να είναι υπερβολικά χρονοβόρο. Επίσης ένα Resize στην εικόνα σημαίνει αυτόματα και μείωση της ποιότητας της, εκτός εξαιρέσεων.

How to buy Adobe Photoshop CS5 Extended 64 bit, Microsoft Office 2007 Standard 32 bit download
Σήμερα λοιπόν θα σας δείξω πώς με μία απλή γραμμή κώδικα μπορούμε να κάνουμε αυτόματα resize στις εικόνες μας, χωρίς επεξεργαστή, χωρίς plugin και χωρίς προβλήματα στο Template. Θα αναλύσουμε τα βήματα αναλυτικά αλλά και με εικόνες.

Cheapest Microsoft Project Professional 2016 software, Where can I buy 3DQuickPress 6 32 bit
Κάνουμε Login στο WordPress Blog μας με Admin User. Στο κεντρικό μενού (Dashboard) πάμε απο το Μενού στην επιλογή Appearance και με κλικ στο Editor. Αφού μας βάλει στον Editor απο δεξιά ψάχνουμε και επιλέγουμε το “Stylesheet” Style.css. Πάμε στον κώδικα μέσα και προσθέτουμε το ”  img {max-width:85%; height: auto;} ” (χωρίς τα “αυτάκια”). Αυτό που μπορείτε να πειράξετε είναι το ποσοστό του Resize της εικόνας μέσα στο πόστ. Εγώ στην συγκεκριμένη περίπτωση έχω δηλώσει οτι θέλω η εικόνα να γίνεται Resize στο 85% του διαθέσιμου χώρου που έχω για πόστ. Επιλέγουμε Update File και είμαστε έτοιμοι.

 

Το αποτέλεσμα στις φωτογραφίες απο κάτω.

Το πριν: Η εικόνα ανεξέλεγκτη μέσα στο πόστ και το Template διαλυμένο εξαιτίας της εικόνας. 

 

 

prin

 

Το μετά: Η εικόνα στα πλαίσια του ποστ,και το Template σωστά δομημένο

 

 

meta