رفتن به مطلب

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


پست های پیشنهاد شده

با سلام

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

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

http://www.beytoote.com/

با تشکر

ویرایش شده توسط faver
لینک به ارسال

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


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

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

لینک به ارسال

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


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

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

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

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

با تشکر

لینک به ارسال

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

لینک به ارسال

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


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

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

ویرایش شده توسط faver
لینک به ارسال

البته می تونم از کوئری های زیر هم برای آخرین مطالب یک دسته خاص استفاده کنم ولی هر جوری از 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();
?>

ویرایش شده توسط faver
لینک به ارسال

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

لینک به ارسال

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

این هم کدی که استفاده می کنم. فقط بجای تصویر شاخص وردپرس از 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>

ویرایش شده توسط faver
لینک به ارسال


<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;

را صفر کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...