Manşet thumbnail sorunu ?

07-05-2014, 09:43:23

Merhaba, aşağıda linkini verdiğim ücretsiz temayı kullanmak istiyorum. Temanın manşet kısmındaki resimler arasındaki boşlukları kaldırmak istedim. Bunu css'den yaptığımda yan taraftaki ikinci ve alttaki 3 resim ufak kalıyorlardı. Onları büyütmek için temanın ayar dosyasından boyutlarını büyüttüm fakat ikinci resim büyümesine rağmen alttaki ufak resimler büyümüyorlar. Belirli bir limiti var, thumbnail boyutunu istediğim kadar büyütsemde büyümüyorlar. Bürtürlü yapamadım. Nerede hata yapıyorum acaba ?

Kullandığım tema: http://demo.mythemeshop.com/point/

Boyutlarını ayarladığımda oluşan durum bu :

functions.php thumbnail ayarlama kısmı

/*-----------------------------------------------------------------------------------*/
/*  Post Thumbnail Support
/*-----------------------------------------------------------------------------------*/
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 220, 162, true );
add_image_size( 'featured', 220, 162, true ); //Latest posts thumb
add_image_size( 'carousel', 140, 130, true ); //Bottom featured thumb
add_image_size( 'bigthumb', 620, 315, true ); //Big thumb for featured area
add_image_size( 'mediumthumb', 380, 350, true ); //Medium thumb for featured area
add_image_size( 'smallthumb', 150, 155, true ); //Small thumb for featured area
add_image_size( 'widgetthumb', 60, 57, true ); //widget

Buda css'de manşet kısmı

.featuredBox {
    padding: 14px 2.2% 0 2.2%;
    overflow: hidden;
}
.firstpost {
    float: left;
    margin-bottom: 0;
    max-width: 620px;
    width: 66.2%;
    position: relative;
    overflow: hidden;
}
.secondpost {
    float: left;
    max-height:380px;
    max-width: 350px;
    position: relative;
    overflow: hidden;
}
.thirdpost {
    float: left;
height: xpx !important;
width: xpx !important;
    position: relative;
    overflow: hidden;
}

.thirdpost:last-child { margin-right: 0 }


#first-thumbnail {
    width: 100%;
    max-width: 550px;
}
#second-thumbnail {

    width: 100%;
    max-width: 480px;
}


.featured-excerpt {
    position: absolute;
    bottom: 0;
    width: 94%;
    margin: 0;
    padding: 3%;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;

}


.featured-title {
    font-size: 18px;
    font-weight: 700;
    clear: both;
    display: block;
    text-transform: uppercase;
    margin-bottom: 3px;
}
.secondpost .featured-title {
    font-size: 14px;
    line-height: 1.3;
}
.f-excerpt { font-size: 14px }
.thirdpost .featured-title {
    font-size: 10px;
    line-height: 1.3;
}
.frontTitle {
    background: #E2E2E2;
    color: #2A2A2A;
    line-height: 36px;
    font-size: 18px;
    margin-bottom: 28px;
    padding: 2px 0 2px 15px;
}

07-05-2014, 11:50:48

#2

yakoSin

Misafir

Öncelikle resimler istediğiniz ebatlara göre boyutlanıyor mu bu sorauya cevap bulmak lazım. Resimlerin boyutlarına bakarak anlaşılabilir bu durum.

Eğere sistem resimleri istediğiniz ölçüde boyutlandırmış ama sitede küçük görünüyorsa, demo'da baktığım kadarıyla img etiketine html olarak width ve height verilmiş orayı revize etmek lazım.

07-05-2014, 12:50:37

_sinan_

yakoSin adlı üyeden alıntı: mesajı görüntüle

Öncelikle resimler istediğiniz ebatlara göre boyutlanıyor mu bu sorauya cevap bulmak lazım. Resimlerin boyutlarına bakarak anlaşılabilir bu durum.

Eğere sistem resimleri istediğiniz ölçüde boyutlandırmış ama sitede küçük görünüyorsa, demo'da baktığım kadarıyla img etiketine html olarak width ve height verilmiş orayı revize etmek lazım.

Resimler boyutu değişiyor, küçülüyor fakat maximum bukadar büyüyor. Dediğiniz html de boyut verilmiş olabilir, fakat bulamadım. Header.php dosyası

<!DOCTYPE html>
<?php $mts_options = get_option('point'); ?>
<html class="no-js" <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo('charset'); ?>">
	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
	<!--[if IE ]>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<![endif]-->
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<title><?php wp_title( '|', true, 'right' ); ?></title>
	<?php mts_meta(); ?>
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	<?php wp_head(); ?>
</head>
<body id ="blog" <?php body_class('main'); ?>>
	<div class="main-container">
		<?php if(isset($mts_options['mts_trending_articles'])) { if($mts_options['mts_trending_articles'] == '1' && $mts_options['mts_trending_articles'] != '') { ?>
			<div class="trending-articles">
				<ul>
					<li class="firstlink"><?php _e('Trend Testler','mythemeshop'); ?>:</li>
					<?php $i = 1; $my_query = new wp_query( 'cat='.$mts_options['mts_trending_articles_cat'].'&posts_per_page=4&ignore_sticky_posts=1' ); ?>
					<?php if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post(); ?>
						<li class="trendingPost <?php if($i % 4 == 0){echo 'last';} ?>">
							<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><?php mts_short_title('...', 24); ?></a>
						</li>                   
					<?php $i++; endwhile; endif;?>
				</ul>
			</div>
		<?php }} ?>
		<header class="main-header">
			<div id="header">
				<?php if ($mts_options['mts_logo'] != '') { ?>
					<?php if( is_front_page() || is_home() || is_404() ) { ?>
						<h1 id="logo" class="image-logo"><a href="<?php echo home_url(); ?>"><img src="<?php echo $mts_options['mts_logo']; ?>" alt="<?php bloginfo( 'name' ); ?>"></a></h1>
					<?php } else { ?>
						<h2 id="logo" class="image-logo"><a href="<?php echo home_url(); ?>"><img src="<?php echo $mts_options['mts_logo']; ?>" alt="<?php bloginfo( 'name' ); ?>"></a></h2>
					<?php } ?>
				<?php } else { ?>
					<?php if( is_front_page() || is_home() || is_404() ) { ?>
						<h1 id="logo" class="text-logo"><a href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ); ?></a></h1>
					<?php } else { ?>
						<h2 id="logo" class="text-logo"><a href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ); ?></a></h2>
					<?php } ?>
				<?php } ?>
				<div class="secondary-navigation">
					<nav id="navigation" >
						<?php if ( has_nav_menu( 'primary-menu' ) ) { ?>
							<?php $walker = new mts_Walker; wp_nav_menu( array( 'theme_location' => 'primary-menu', 'menu_class' => 'menu', 'container' => '', 'walker' => $walker ) ); ?>
						<?php } else { ?>
							<ul class="menu">
								<?php wp_list_categories('title_li='); ?>
							</ul>
						<?php } ?>
						<a href="#" id="pull"><?php _e('Menu','mythemeshop'); ?></a>
					</nav>
				</div>
			</div>
		</header>
		<?php if ($mts_options['mts_header_adcode'] != '') { ?>
			<div class="header-bottom-second">
				<?php echo '<div id="header-widget-container">';
				if ($mts_options['mts_header_adcode'] != ''){
					echo '<div class="widget-header">';
					echo $mts_options['mts_header_adcode'];
					echo '</div>';
				}
				?>
				<?php if ($mts_options['mts_posttopleft_adcode'] != ''){ ?>
					<div class="widget-header-bottom-right">
						<div class="textwidget">
							<div class="topad"><?php echo $mts_options['mts_posttopleft_adcode']; ?> </div>
						</div>
					</div> 
				<?php } ?>
		<?php echo '</div></div>'; } ?>
		<?php if(isset($mts_options['mts_featured_slider'])) { if($mts_options['mts_featured_slider'] == '1' && $mts_options['mts_featured_slider'] != '') { ?>
			<?php if(is_home() && !is_paged()) { ?>
				<div class="featuredBox">
					<?php $i = 1; $slider_cat = 1; if($mts_options['mts_featured_slider_cat'] != '') { $slider_cat = implode(",", $mts_options['mts_featured_slider_cat']); } $my_query = new WP_Query('cat='.$slider_cat.'&posts_per_page=4&ignore_sticky_posts=1'); 
						while ($my_query->have_posts()) : $my_query->the_post(); ?>
						<?php if($i == 1){ ?> 
							<div class="firstpost excerpt">
								<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="nofollow" id="first-thumbnail">
									<?php if ( has_post_thumbnail() ) { ?> 
										<?php the_post_thumbnail('bigthumb',array('title' => '')); ?>
									<?php } else { ?>
										<div class="featured-thumbnail">
											<img src="<?php echo get_template_directory_uri(); ?>/images/bigthumb.png" class="attachment-featured wp-post-image" alt="<?php the_title(); ?>">
										</div>
									<?php } ?>
									<p class="featured-excerpt">
										<span class="featured-title"><?php the_title(); ?></span>
										<span class="f-excerpt"><?php echo mts_excerpt(10);?></span>
									</p>
								</a>
							</div><!--.post excerpt-->
						<?php } elseif($i == 2) { ?>
							<div class="secondpost excerpt">
								<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="nofollow" id="second-thumbnail">
									<?php if ( has_post_thumbnail() ) { ?> 
										<?php the_post_thumbnail('mediumthumb',array('title' => '')); ?>
									<?php } else { ?>
										<div class="featured-thumbnail">
											<img src="<?php echo get_template_directory_uri(); ?>/images/mediumthumb.png" class="attachment-featured wp-post-image" alt="<?php the_title(); ?>">
										</div>
									<?php } ?>
									<p class="featured-excerpt">
										<span class="featured-title"><?php the_title(); ?></span>
									</p>
								</a>
							</div><!--.post excerpt-->
						<?php } elseif($i == 3 || $i == 4) { ?>
							<div class="thirdpost excerpt">
								<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="nofollow" id="third-thumbnail">
									<?php if ( has_post_thumbnail() ) { ?> 
										<?php the_post_thumbnail('smallthumb',array('title' => '')); ?>
									<?php } else { ?>
										<div class="featured-thumbnail">
											<img src="<?php echo get_template_directory_uri(); ?>/images/smallfthumb.png" class="attachment-featured wp-post-image" alt="<?php the_title(); ?>">
										</div>
									<?php } ?>
									<p class="featured-excerpt">
										<span class="featured-title"><?php the_title(); ?></span>
									</p>
								</a>
							</div><!--.post excerpt-->
						<?php } ?>                   
					<?php $i++; endwhile; wp_reset_query(); ?> 
				</div>
			<?php } ?>
		<?php }} ?>

07-05-2014, 13:24:00

#4

yakoSin

Misafir

Alıntı

<?php the_post_thumbnail('smallthumb',array('title' => '')); ?>

the_post_thumbnail fonksiyonuna bakmak lazım hocam. 140 x 100 değerlerini bul kendine göre değiştir.