Αλλαγή μεγέθους στις εικόνες- Parabola theme

WordPress Themes

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
xmarkx
Δημοσιεύσεις: 9
Εγγραφή: 03 Μάιος 2014 06:51
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από xmarkx » 03 Μάιος 2014 07:05

Γεια σας,

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

δοκίμασα αυτό αλλά δεν δουλεύει...

Κώδικας: Επιλογή όλων

.single-post .entry-content img:nth-of-type(1)
  {
  width: 650px; 
  height: 350px;
  }
Η εικόνα στην αρχή είναι με 178 pixel width. Έπειτα μέσα στο ποστ όταν εκτελώ το κώδικα παει 650 σωστά αλλά κάνει rezise απο width 300 pixel . Οπότε η ανάλυση είναι χάλια...

Πιθανή λύση: Να τα βάζω 650 όλα και στο πρωτοσέλιδο να προσθέσω ένα CSS που τα images να είναι με 178 pixel width. ΑΛΛΑ δεν μπορώ να πάρω με μοναδικό ID την εικόνα στην αρχική μου σελίδα. :/

ευχαριστώ πολύ!
Συνημμένα
img2.PNG
Τυχαία δημοσίευση
image.PNG
Αρχική σελίδα
Tech, Anime, Game news: http://greekorio.com/

Άβαταρ μέλους
giannis17
Honorary Member
Δημοσιεύσεις: 1215
Εγγραφή: 06 Ιαν 2005 19:50
Τοποθεσία: Παγκράτι - Αθήνα
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από giannis17 » 03 Μάιος 2014 09:46

Θα πρέπει να αλλάξεις τα αρχεία του θέματος (συνήθως archive.php, single.php).

Όπου στο πρώτο που αφορά την αρχική σου να σιγουρευτείς πως ο τρόπος που εμφανίζει τις εικόνες είναι:

Κώδικας: Επιλογή όλων

the_post_thumbnail('thumbnail'); 
και στο δεύτερο που αφορά το μονό άρθρο είναι:

Κώδικας: Επιλογή όλων

the_post_thumbnail('large'); 
μετά ουσιαστικά δεν χρειάζεται css για να ρυθμίζεις το μέγεθος των εικόνων.
"There is only one problem with common sense; it’s not very common."
– Milt Bryce

Άβαταρ μέλους
xmarkx
Δημοσιεύσεις: 9
Εγγραφή: 03 Μάιος 2014 06:51
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από xmarkx » 03 Μάιος 2014 09:52

Ευχαριστώ για την απάντηση. Εμ, δεν πολυκατάλαβα τι εννοείς. Βασικά αν και ξέρω html CSS δεν πολυέχω δουλέψει με CMS και δεν πολυκαταλαβάινω την λογική των αρχείων.

το single.php ειναι

Κώδικας: Επιλογή όλων

<?php
/**
 * The Template for displaying all single posts.
 *
 * @package Cryout Creations
 * @subpackage parabola
 * @since parabola 0.5
 */

get_header&#40;&#41;;?>

		<section id="container" class="<?php echo parabola_get_layout_class&#40;&#41;; ?>">
			<div id="content" role="main">
			<?php cryout_before_content_hook&#40;&#41;; ?>
			
<?php if &#40; have_posts&#40;&#41; &#41; while &#40; have_posts&#40;&#41; &#41; &#58; the_post&#40;&#41;; ?>

				<div id="post-<?php the_ID&#40;&#41;; ?>" <?php post_class&#40;&#41;; ?>>
					<h1 class="entry-title"><?php the_title&#40;&#41;; ?></h1>
					<?php cryout_post_title_hook&#40;&#41;; ?>
					<div class="entry-meta">
						<?php parabola_posted_on&#40;&#41;; cryout_post_meta_hook&#40;&#41;; ?>
					</div><!-- .entry-meta -->

					<div class="entry-content">
						<?php the_content&#40;&#41;; ?>
						<?php wp_link_pages&#40; array&#40; 'before' => '<div class="page-link"><span>' . __&#40; 'Pages&#58;', 'parabola' &#41;, 'after' => '</span></div>' &#41; &#41;; ?>
					</div><!-- .entry-content -->

<?php if &#40; get_the_author_meta&#40; 'description' &#41; &#41; &#58; // If a user has filled out their description, show a bio on their entries  ?>
					<div id="entry-author-info">
						<div id="author-avatar">
							<?php echo get_avatar&#40; get_the_author_meta&#40; 'user_email' &#41;, apply_filters&#40; 'parabola_author_bio_avatar_size', 60 &#41; &#41;; ?>
						</div><!-- #author-avatar -->
						<div id="author-description">
							<h2><?php printf&#40; esc_attr__&#40; 'About %s', 'parabola' &#41;, get_the_author&#40;&#41; &#41;; ?></h2>
							<?php the_author_meta&#40; 'description' &#41;; ?>
							<div id="author-link">
								<a href="<?php echo get_author_posts_url&#40; get_the_author_meta&#40; 'ID' &#41; &#41;; ?>">
									<?php printf&#40; __&#40; 'View all posts by ','parabola'&#41;.'%s <span class="meta-nav">&rarr;</span>', get_the_author&#40;&#41; &#41;; ?>
								</a>
							</div><!-- #author-link	-->
						</div><!-- #author-description -->
					</div><!-- #entry-author-info -->
<?php endif; ?>

					<div class="entry-utility">
						<?php parabola_posted_in&#40;&#41;; ?>
						<?php edit_post_link&#40; __&#40; 'Edit', 'parabola' &#41;, '<span class="edit-link">', '</span>' &#41;; cryout_post_footer_hook&#40;&#41;; ?>
					</div><!-- .entry-utility -->
				</div><!-- #post-## -->

				<div id="nav-below" class="navigation">
					<div class="nav-previous"><?php previous_post_link&#40; '%link', '<span class="meta-nav">&laquo;</span> %title' &#41;; ?></div>
					<div class="nav-next"><?php next_post_link&#40; '%link', '%title <span class="meta-nav">&raquo;</span>' &#41;; ?></div>
				</div><!-- #nav-below -->

				<?php comments_template&#40; '', true &#41;; ?>

<?php endwhile; // end of the loop. ?>

			<?php cryout_after_content_hook&#40;&#41;; ?>
			</div><!-- #content -->
	<?php parabola_get_sidebar&#40;&#41;; ?>
		</section><!-- #container -->

<?php get_footer&#40;&#41;; ?>
εδώ για παράδειγμα τι θα μπορούσα να αλλάξω; Ο κώδικας που έδωσες δεν υπα΄ρχει μόνο ένα the_post(); υπάρχει... :/ Σόρρυ για τις αρχάριες ερωτήσεις μου αλλά δεν μπορώ να βγάλω άκρη :|
Tech, Anime, Game news: http://greekorio.com/

geomagas
Δημοσιεύσεις: 667
Εγγραφή: 06 Απρ 2013 13:36
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από geomagas » 03 Μάιος 2014 10:21

Η εικόνα είναι το πρώτο στοιχείο του <div class="entry-content">, αλλά μετά από αυτό ακολουθεί αμέσως το the_content(); οπότε ψάξε στο functions.php για add_filter('the_content',.....)

Αυτά, αν θεωρείς ότι η λύση είναι να πειράξεις το theme.
Όμως θεωρώ ότι το πρόβλημα είναι ότι ανεβάζεις εικόνες μικρής ανάλυσης (που όταν μεγεθύνονται από το browser φυσικά δείχνουν χάλια) ενώ θα έπρεπε να τις ανεβάζεις σε πιο ψηλή (που στη σμίκρυνση δεν θα έχεις πρόβλημα).

Άβαταρ μέλους
xmarkx
Δημοσιεύσεις: 9
Εγγραφή: 03 Μάιος 2014 06:51
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από xmarkx » 03 Μάιος 2014 11:57

Ανεβάζω μεγάλη ανάλυση >700pixel. Όταν προσπαθώ να κάνω την μικρή εικόνα align left, την κάνω edit και της βάζω 178Pixel width. Αυτό δεν ξερω αλλά μπορεί αν την μικραίνει...κάπως...η εικόνα γίνεται 650 που θέλω αλλά δεν βάζει την εικόνα που ανέβασα αλλά μια άλλη επεξεργασμένη και μικρότερη στα 300 Pixel. Είναι σαν να ανεβάζω κάτι το μικραίνει και μετα κάνει οτι του λεω...
Tech, Anime, Game news: http://greekorio.com/

geomagas
Δημοσιεύσεις: 667
Εγγραφή: 06 Απρ 2013 13:36
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από geomagas » 03 Μάιος 2014 12:36

Δεν ξέρω που την κάνεις edit, αλλά προφανώς το theme σου αποφασίζει να συμπεριλάβει τη thumbnail-έκδοση μεσα στο post, οπότε ότι είπε ο giannis17.

Αλλά ψάξτο στο functions.php διότι αφού δεν υπάρχει στο single.php, η μόνη εξήγηση είναι να το προσθέτει μέσω του the_content filter.

Άβαταρ μέλους
giannis17
Honorary Member
Δημοσιεύσεις: 1215
Εγγραφή: 06 Ιαν 2005 19:50
Τοποθεσία: Παγκράτι - Αθήνα
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από giannis17 » 03 Μάιος 2014 13:11

επίσης το πρόβλημα είναι πως συμπεριλαμβάνεις τις εικόνες σου στο σώμα του κειμένου (content) οπότε δεν υπάρχει εύκολος τρόπος να τις διαχειριστείς.

Οι εικόνες αυτές πρέπει να εισάγονται στο "featured image" κάτω δεξιά στο edit κάθε άρθρου, όχι στο σώμα του. Σε αυτή την περίπτωση κατά πάσα πιθανότητα δεν θα στις εμφανίζει τότε απλά προσθέτεις τον κώδικα που σου έδωσα από πάνω στο σημείο που θες να δείχνει την εικόνα.
"There is only one problem with common sense; it’s not very common."
&#8211; Milt Bryce

Άβαταρ μέλους
xmarkx
Δημοσιεύσεις: 9
Εγγραφή: 03 Μάιος 2014 06:51
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από xmarkx » 03 Μάιος 2014 13:38

Χρησιμοποιώ πάντα feature image. Οπότε λες να κάνω τροποποίηση για να δείχνει ένα thumbnail στην αρχική...καλό ως ιδέα, θα το κοιτάξω όσο μπορώ..ευχαριστώ.
Tech, Anime, Game news: http://greekorio.com/

Άβαταρ μέλους
xmarkx
Δημοσιεύσεις: 9
Εγγραφή: 03 Μάιος 2014 06:51
Επικοινωνία:

Αλλαγή μεγέθους στις εικόνες- Parabola theme

Δημοσίευση από xmarkx » 04 Μάιος 2014 23:52

Παιδιά, για να προσθέσω την feature image ως thumbnail στην αρχική μου, αρκεί

Κώδικας: Επιλογή όλων

<?php the_post_thumbnail&#40;'thumbnail'&#41;; ?>
?

Αν ναι, θα μπορούσε κάποιος να μου προσδιορίσει περίπου που να το προσθέσω; Εχω κάνει > 10 δοκιμές και κάνει διάφορα τρελά...

ευχαριστώ πολυ.
Tech, Anime, Game news: http://greekorio.com/

Απάντηση

Επιστροφή στο “WordPress Themes”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης