رفتن به مطلب

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


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

سلام و وقت بخیر خدمت دوستان گرامی

من واسه سایتم از اسلایدر wow slider استفاده کردم به صورت html الان میخوام به wp تبدیلش کنمو بگم مطلب دسته ای خاص رو بخونه

کد هاشو قرار میدم راهنماییم کنید..نمیدونم باید چه کدی بزارم که اینجوری طبق عکس زیر اسلایدر رو دقیقا اینجوری نشون بده وقتی مطلب مینویسم

51563376371690107809.png

این کد اسلایدره

 <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<div id="wowslider-container1">
<div class="ws_images"><ul>اینجا اون عکس کوچولو های کناری هستن + عنوان
<li><img src="data1/images/77087_547708968592434_1065386381_n.jpg" alt="77087_547708968592434_1065386381_n" title="عنوان عکس ها"/></li>
<li><img src="data1/images/397016_215153958634089_1980028073_n.jpg" alt="397016_215153958634089_1980028073_n" title="عنوان عکس ها"/></li>
<li><img src="data1/images/423158_406551036103109_1702656020_n.jpg" alt="423158_406551036103109_1702656020_n" title="عنوان عکس ها"/></li>
<li><img src="data1/images/550309_406575856100627_471888411_n.jpg" alt="550309_406575856100627_471888411_n" title="عنوان عکس ها"/> </li>
</ul></div>
<div class="ws_thumbs">اینجاهم عکس بزرگا
<div>
<a href="#"><img src="data1/tooltips/77087_547708968592434_1065386381_n.jpg" /></a>
<a href="#"><img src="data1/tooltips/397016_215153958634089_1980028073_n.jpg" /></a>
<a href="#"><img src="data1/tooltips/423158_406551036103109_1702656020_n.jpg" /></a>
<a href="#"><img src="data1/tooltips/550309_406575856100627_471888411_n.jpg" /></a>
</div>
</div>
<span class="wsl"><a href="http://wowslider.com/vw">slider wordpress</a> by WOWSlider.com v5.6</span>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->

ممنون

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

wow slider افزونه رایگان برای وردپرس داره نصب و اجراش کنید راحت ترین راهه

http://wordpress.org/plugins/wowslider/

اگر از تصویر شاخص استفاده می کنید نمونه ی کدش می شه


<?php
$custom_query = new WP_Query(array(
'post_status' =>'publish',
'post_type' =>'post',
'order' =>'descending',
'orderby' =>'ID',
'cat' =>'5',
'posts_per_page' =>'4',

'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
));
?>
<?php if($custom_query->have_posts()) : ?>
<div id="wowslider-container1">
<div class="ws_images"><ul>
<?php while($custom_query->have_posts()) : $custom_query->the_post();?>
<li class="thumbnail"><?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(150, 100));} ?></li>
<?php endwhile;?>
</ul></div>
<div class="ws_thumbs">
<div>
<?php while($custom_query->have_posts()) : $custom_query->the_post();?>
<a href="<?php the_permalink();?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(600, 400));} ?></a>
<?php endwhile;?>
</div>
</div>
<?php endif;?>
<span class="wsl"><a href="http://wowslider.com....com/vw">slider wordpress</a> by WOWSlider.com v5.6</span>
<div class="ws_shadow"></div>
<?php wp_reset_query();?>
</div>
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/engine1/wowslider.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->

که دسته بندی آی دی 5

چهار مطلب رو احضار می کنه

اندازه تصویر کوچک 150 در 100

اندازه تصویر اصلی 600 در 400

که می تونید به میل خودتون تغیرش بدید

و باید پوشه engine1 را هم به قالبتون منتقل کرده باشید

لینک به ارسال

استاد فخار عزیز ممنون بابت کد .. ی مشکلی هست اینه که سایز تصاویر بهم ریختست و اون سایزه خودشو نداره

که درستش کردم

تشکر

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

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

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

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

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

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

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

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

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

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