Αλλαγή μεγέθους εικόνας σε Wordpress post

[poscore]

Χαίρεται, δουλεύω σε wordpress και έχω ένα ποστ που έχει μια feature image. Επίσης, έχει πολλά ποστ που έχουν πανω δεξιά align left μια εικόνίτσα 178pixel width. Όταν μπαίνω στο ποστ μεσα είναι παλι αυτη η εικόνα. Αυτό που θέλω να κάνω είναι όταν μπαίνω στο ποστ να το διαβάσω η εικόνα να γίνεται width 650pixels... να μεγαλώνει δηλαδή. Γνωρίζει κανείς πως; Μπορέι να με βοηθήσει; :/

ευχαριστώ πολύ!

[XPHSTOS_]

Μπορείς με css να την επιλέξεις και να την μεγαλώσεις..
Απλά θα πρέπει να κάνεις ακριβή επιλογή όταν είσαι μέσα στο άρθρο.
Συνήθως όταν ανοίγει το άρθρο όλο και κάποιο tag προστίθεται..

Π.χ. body > div.classname > div.classname > div > article > div > img { το css σου.. }
για να βρεις όλη αυτή την διαδρομή γιατί είναι λίγο μανίκι να ψάχνεις ένα ένα τα elements, μπορείς να χρησιμοποιήσεις τον Firebug ή τον inspector του chrome κτλπ.
Αν βρεις την εικόνα στον Inspector και πας να βάλεις css λογικά θα σου το δημιουργήσει μόνο του όλο αυτό το path.
Οπότε κάνεις τις αλλαγές σου και τα σώζεις όλα στο κανονικό σου αρχείο.css

Αν σε μπέρδεψα και έχεις κάπου online το Site στείλε Link για να στο δώσω έτοιμο.

[poscore]

Αυτό είναι το blog: http://greekorio.com/μπες σε οποιοδήποτε post και δες :/ Αυτό που λες θέλω να κάνω. Δηλαδή καταλαβαίνω τη λογική. Αλλά τα αρχεία είναι κάπως μπερδεμένα για εμένα, τώρα μπαίνω στο CMS.

Δεν ξέρω αν μπορείς να βγάλεις άκρη.... :/

σε ευχαριστώ για το response!

[NikosTsolakos]

εύκολο! πήγαινε στο css αρχείο που ειναι για το θέμα και βάλε αυτο 

στο <img />

style="width: 650px; height: 350px"

αλλά αν η εικόνα ειναι μικρή σε μέγεθος μπορεί να pixelαρη και να μην φαίνεται και πολλή καλά

 

ScreenShot: http://i.imgur.com/1dMygRD.png

 

αλλά αυτό νομίζω οτι μπορείς να το φτιάξεις και όταν δημοσιεύεις το άρθρο

[poscore]

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

 

Επίσης όταν δημοσιεύσεις το άρθρο δηλαδη; ;/ Δεν κατάλαβα...

 

[NikosTsolakos]

Εκεί που γράφεις το άρθρο!

[XPHSTOS_]

Δυστυχώς φίλε μου το template πέφτει στην σπάνια περίπτωση που χρησιμοποιεί ακριβώς τα ίδια tags και στο article view και στο category view.
Οπότε:

Σκαλίζεις το single page php του template και απλά θα προσθέσεις μια κλάση ή ένα id (για μεγαλύτερη ευκολία) στην εικόνα ή στο link που περιβάλλει την εικόνα.
Οπότε θα βρεις τον κώδικα που έχει τώρα και θα τον αλλάξεις κάπως έτσι: 

Πριν:

<div class="entry-content">
<p>
<a href="http://greekorio.com/wordpress/wp-content/uploads/2014/04/url7.jpg">
<img class="alignleft wp-image-1046" src="http://greekorio.com/wordpress/wp-content/uploads/2014/04/url7.jpg" alt="url" width="178" height="100">
</a>
Quadcopters are an amazing delivery drone technology consisting of 4 rotors and a core chip (the brain). This is a drone and it is what amazon and other big organizations want to use as their delivery system.</p>

Μετά:

<div class="entry-content">
<p>
<a href="http://greekorio.com/wordpress/wp-content/uploads/2014/04/url7.jpg">
<img class="alignleft wp-image-1046 articleimg" src="http://greekorio.com/wordpress/wp-content/uploads/2014/04/url7.jpg" alt="url" width="178" height="100">
</a>
Quadcopters are an amazing delivery drone technology consisting of 4 rotors and a core chip (the brain). This is a drone and it is what amazon and other big organizations want to use as their delivery system.</p>

Η αλλαγή που έκανα ήταν ότι στις ήδη υπάρχουσες κλάσεις την εικόνας πρόσθεσα μια ακόμη με το όνομα articleimg

οπότε μετά στο CSS σου θα γράψεις. 

img.articleimg { 
width: όσο θέλεις;
}

* Σημείωση: Προφανώς και ο κώδικας στο php δεν θα έχει αυτά τα δεδομένα και αντί για το link & την εικόνα θα δεις κάποιο php function. Μην τρομάξεις, απλά πρόσθεσε μια κλάση ή ένα id.

[geomagas]

@poscore

Δοκίμασε

.single-post .entry-content img:nth-of-type(1)
  {
  width: 650px; 
  height: 350px;
  }

[XPHSTOS_]

Αυτό που λέει ο geomagas δουλεύει!!

Άκυρα αυτά που είπα..

[geomagas]

Πάντα υπάρχει ένας selector!

 

Σημείωση: Το nth-of-type(1) μπορεί να αντικατασταθεί και με first-of-type, αλλά προτιμώ τον πιο γενικό (παραμετρικό) τρόπο.

[poscore]

Εκεί που γράφεις το άρθρο!

Αν το κάνω αυτό που λες θα αλλάξουν και οι 2! Δεν γίνεται. Θέλω ΜΟΝΟ η εικόνα μέσα στο ποστ να αλλάξει.

 

@geomagas εισαι μάγκας φίλε Ευχαριστώ για τον χρόνο σας! Δουλεύει άψογα...

 

PS. μήπως υπάρχει εύκολος τρόπους για align center? Δοκίμασα διάφορους κώδικες αλλά΄δεν μπαίνει στη μέση. Επίσης σε αυτό μπορώ να προσθέσω και ένα απαλό border?

[poscore]

Χαίρεται μετα απο κάποιες τροποποιήσεις έχω καταλάβει το εξής και δεν ξέρω πως να το λύσω. Η λύση παραπάνω δουλεύει ΑΛΛΑ δουλεύει σε κάτι που είναι χαλασμένο. Με άλλα λόγια όταν κάνω align left μια image και την κάνω μικρή windows 178 pixels. Αυτό μορφοποιέί την εικόνα κια όταν την μεγαλώνω με τον παραπάνω τρόπο μεγαλώσει μια εικόνα 300 pixels περίπου και φαίνεται άθλια...αυτό είναι ζήτησα του wordpress μάλλον αλλά δεν ξέρω τι να κάνω. Όταν την μικραίνω γιατί πηγαίνει την εικόνα και δεν την μικραίνει απλώς;;; :/

 

Για παράδειγμα μια εικόνα μπαίνει έτσι:

<a href="http://greekorio.files.wordpress.com/2014/04/1111111.jpg"><img class="alignnone  wp-image-718" src="http://greekorio.files.wordpress.com/2014/04/1111111.jpg?w=300" alt="1111111" width="575" height="322" /></a>

αν αλλάξω το 2ο src ΑΚΡΙΒΩΣ όπως το πρώτο λύνεται το θέμα. Αλλά για κάποιο λόγο το src no 2 την μικραίνει ...γίνεται κάπως να το κάνω αυτόματο;

[XPHSTOS_]

Χωρίς να ξέρω από wordpress, νομίζω ότι έχει media types στα οποία ορίζεις πρότυπα για αρχεία.
Πχ. Για τις εικόνες μπορείς να πεις ότι, ότι εικόνα και αν ανεβάσει ο άλλος θα την κάνεις σμίκρυνση στα 300px.

Κάτι τέτοιο μου μυρίζει και εδώ. Δες μήπως ισχύει αυτό που λέω...
Το ?w=300 στο src της 2ης εικόνας υποδηλώνει το μήκος της.

Μπορείς επίσης να δοκιμάσεις και το !important στο CSS σου, αλλά δεν είμαι σίγουρος για το αν θα δουλέψει.
px. width: 500px !important;

[poscore]

Προσπάθησα να κάνω το ανάποδο απο αυτό που είπώθηκε παραπάνω. Δηλαδή να έχουν το κανονικό width ¨ολες και η μικρή στο first page να την μικρύνω με CSS αλλά δεν μπορώ να πάρω μοναδικό ID απο εκείνη. Το Image στο πρώτο page δλδ...