نشان دادن عکس شاخص در کوئری

[نسـتـــرن 194]

با سلام

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

میشه کمکم کنین؟

کد:

<div class="shop-top">
<div id="slideshow">
<a href="#" class="nextBtn"></a>
<a href="#" class="prevBtn"></a>
<div class="slides">
<?php
$the_query = new WP_Query('cat=3,11&showposts=5&orderby=post_date&order=desc');   
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<li>
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail('large');
}
else {
echo '<img src="' . get_stylesheet_directory_uri() . '/images/no-image.png" />';
}
?>
<p class="caption"><?php the_title(); ?></p>
</li>
<?php endwhile; ?>
<?php wp_reset_query(); ?>


</div>
</div>
</div>

دمو:

www.glassy-garden.com

اون اسلایدره که در بالای صفحه است

مرسی

[imanfakhar 26231]

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

[نسـتـــرن 194]

ببخشید اگه واضح نبود

تو همون آدرس ی اسلایدر اون بالا هست منظورم اونه.اون قراره تصاویر شاخص جدیدترین مطالب رو نشون بده.منتها همون طوری که میبینین نشون نمیده

الان واقعا لود نمیشه سایت؟

[imanfakhar 26231]

توجه نکردید

برای حل مشکل شما که نمی شه رفت یک آدرس دیگه رو لود کرد و کلی منتظر لودش موند

من نتونستم سایتتون رو لود کنم

کد بخشی که قرار می دید را بگذارید

و بگید می خواهید چه چیزی رو نمایش بده

[نسـتـــرن 194]

بله حق با شماست

من میخوام داخل اسلاید شوئم با کلاس shop-top تصاویر شاخص نشون داده بشه.یعنی تصاویر شاخص هر مطلب

این کد رو گذاشتم:

<div class="shop-top">
<div id="slideshow">
<a href="#" class="nextBtn"></a>
<a href="#" class="prevBtn"></a>
<div class="slides">
<?php
$the_query = new WP_Query('cat=3,11&showposts=5&orderby=post_date&order=desc');  
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<li>
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail('large');
}
else {
echo '<img src="' . get_stylesheet_directory_uri() . '/images/no-image.png" />';
}
?>
<p class="caption"><?php the_title(); ?></p>
</li>
<?php endwhile; ?>
<?php wp_reset_query(); ?>

</div>
</div>
</div>

منتها عکس ها ناقص نشون داده میشه

[Parsa 23463]

ناقص بودن تصاویر بدلیل کوچک بودن تصاویر آپلودی هست

[imanfakhar 26231]

یا باید در فانکشنز برای ابعاد large اندازه مورد نظرتون رو قرار بدید یا با زمینه دلخواه کد را بسازید

در فایل functions.php بگردید دنبال

add_image_size( 'large', 300, 200, true );

و به ترتیب جای عدد 300 مقدار عرض و بجای عدد 200 مقدار ارتفاع مورد نظرتون رو بگذارید

[نسـتـــرن 194]

متشکرم،اندازه رو عوض کردم و درست شد.

مقسی