شرط گذاشتن برای تصویر شاخص

[wp-user 42]

با سلام

دوستان میخواستم بدونم که چطوری میشه مثلا سایز تصویر شاخص آخرین مطلب بصورت خودکار تغییر کنه و بقیه مطالب سایز تصاویرشون یکی باشه؟

برای مثال سایت زیر رو نگاه کنید که آخرین مطلبش تو هر باکس (قسمت) تصویرش بزرگتر از مطالب دیگر هست!

http://www.beytoote.com/

با تشکر

ویرایش شده مرداد 93 توسط faver

[imanfakhar 26231]

بی دردسرترین راهش استفاده از css است (البته با php هم می شه انجام داد ولی برنامه نویسی می خواد و من زمان نوشتنش رو ندارم شاید دوستان دیگه کد را برایتان گذاشتند یا با جستجو بهش رسیدید)

.content .post img {
width:100px;
height:auto;
}
.content .post:nth-child(1) img {
min-width:300px;
height:auto;
}

که content کلاس باکس اصلیه و post کلاس div اصلی هر مطلب

[Mehdi Jalali 4]

nth-child(1) واسه چیه؟

[wp-user 42]

بی دردسرترین راهش استفاده از css است (البته با php هم می شه انجام داد ولی برنامه نویسی می خواد و من زمان نوشتنش رو ندارم شاید دوستان دیگه کد را برایتان گذاشتند یا با جستجو بهش رسیدید)

.content .post img {
width:100px;
height:auto;
}
.content .post:nth-child(1) img {
min-width:300px;
height:auto;
}

که content کلاس باکس اصلیه و post کلاس div اصلی هر مطلب

ممنون جناب فخار ولی این روشو میدونستم اما روش کارامدی نیست چون فقط در ظاهر سایز تغییر میکنه و تصویر همون سایز اصلی میمونه که بعضا زیبایی قالب رو به هم میریزه و برای سئو هم خوب نیست و حجم قالب هم افزایش پیدا میکنه!

اگر دوستان اطلاع دارن ممنون میشم لطف کنن راهنمایی کنن و حتی اگر آموزشی در این مورد هست که به انگلیسی هم باشه ممنون میشم قرار بدن

با تشکر

[imanfakhar 26231]

1.کد شروع حلقه را تبدیل کنید به

<?php if (have_posts()) : $postCount = 1; while (have_posts()) : $postCount++; ?>

2. کد احضار تصویر شاخص را تبدیل کنید به

<?php if ( has_post_thumbnail()) : ?>
   <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
<?php if($postCount == 1) { ?>
   <?php the_post_thumbnail('large'); ?>
   <?php }
   else { ?>
   <?php the_post_thumbnail('small'); ?>
<?php }?>
   </a>
<?php endif; ?>

3. اندازه های تصویر شاخص را در فایل functions.php تعریف کنید

add_theme_support('post-thumbnails'); // Add Thumbnail Theme Support
add_image_size( 'large', 700, '', true ); // Large Thumbnail
add_image_size( 'medium', 250, '', true ); // Medium Thumbnail
add_image_size( 'small', 120, '', true ); // Small Thumbnail

[wp-user 42]

جناب فخار من الان برای فراخوانی مطالب چون میخوام از یک دسته خاص باشه از کد زیر استفاده می کنم

   <?php
global $post;
$myposts = get_posts('numberposts=12&category=5');
foreach($myposts as $post) :
setup_postdata($post);
?>

اینو باید چیکار کنم؟!

ویرایش شده مرداد 93 توسط faver

[wp-user 42]

البته می تونم از کوئری های زیر هم برای آخرین مطالب یک دسته خاص استفاده کنم ولی هر جوری از postCount$ استفاده می کنم سایت بالا نمیاد و فقط یک صفحه سفید میاد!

<?php
if ( have_posts() ) : query_posts($query_string .'&cat=5'); while ( have_posts() ) : the_post();
?>

<?php
$catquery = new WP_Query( 'cat=5&posts_per_page=10' );
while($catquery->have_posts()) : $catquery->the_post();
?>

ویرایش شده مرداد 93 توسط faver

[imanfakhar 26231]

   <?php
global $post;
$postCount = 1;
$myposts = get_posts('numberposts=12&category=5');
foreach($myposts as $post) :
$postCount++;
setup_postdata($post);
?> 

[wp-user 42]

جناب فخار ممنون از زحماتتون ولی سایت بالا نمیاد و صفحه سفید میشه!

این هم کدی که استفاده می کنم. فقط بجای تصویر شاخص وردپرس از timthumb استفاده کردم ولی از تصویر شاخص وردپرس هم که استفاده میکنم باز هم سایت بالا نمیاد و صفحه کاملا سفید میشه!

<ul>
<?php
global $post;
$postCount = 1;
$myposts = get_posts('numberposts=10&category=5');
foreach($myposts as $post) :
$postCount++;
setup_postdata($post);
?>
<li class=post_cat">
<?php if ( has_post_thumbnail() ) { ?>
<?php if($postCount == 1) { ?>
<a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=100&w=80&zc=1" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" width="100" height="80" /></a>
		 <?php } else { ?>
		 <a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=60&w=40&zc=1" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" width="60" height="40" /></a>
		 <?php } ?>
		 <h3><a href="<?php the_permalink(); ?>">
		 <?php
// short_title($after, $length)
echo short_title('...', 6);
?>
		 </a>
		 </h3>
		 <div class="content-cat"><p><?php the_content_rss('', TRUE, '', 20); ?></p></div>
</li>
<?php endforeach; ?>
</ul>

ویرایش شده مرداد 93 توسط faver

[imanfakhar 26231]

<ul>
<?php
global $post;
$postCount = 1;
$myposts = get_posts('numberposts=10&category=5');
foreach($myposts as $post) :
$postCount++;
setup_postdata($post);
?>
<li class="post_cat">
<?php if ( has_post_thumbnail() ) { ?>
<?php if($postCount == 1) { ?>
<a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=100&w=80&zc=1" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" width="100" height="80" /></a>
				 <?php } else { ?>
				 <a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=60&w=40&zc=1" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" width="60" height="40" /></a>
				 <?php }
				 } ?>
				 <h3><a href="<?php the_permalink(); ?>">
				 <?php
// short_title($after, $length)
echo short_title('...', 6);
?>
				 </a>
				 </h3>
				 <div class="content-cat"><p><?php the_content_rss('', TRUE, '', 20); ?></p></div>
</li>
<?php endforeach; ?>
</ul>

اگر پست دوم را بجای پست اول تشخیص داد مقدار

$postCount = 1;

را صفر کنید

[wp-user 42]

بسیار سپاسگزارم جناب فخار. همونطور که فرمودید مقدار

$postCount = 1;

باید صفر بشه

ممنون.