تبدیل اسلایدر جی کوئری به اسلایدر هوشمند وردپرسی

alisafari · شهریور 92

سلام خدمت اساتید محترم وردپرس

دوستان من در حال طراحی یک قالب مجله هستم ، در این قالب باید یک نوع اسلایدر خاص باشه که من هرچی گشتم اونو پیدا نکردم

تصمیم گرفتم با کمک اسلایدر های اماده جی کوئری اونو بسازم

الان مشکلی که دارم هوشمند کردن اسلایدر هست ، من الان یه اسلایدر جی کوئری دارم که با html ,css ,jquery نوشته شده ، و الان می خوام مثلا به جای عکس هایی که به صورت دستی وارد میکنم ، خودش خودکار تصویر شاخص اون مطلب + عنوان و خلاصه ای از مطلب رو نشون بده

دوستان من اسلایدر اماده و افزونه نمی خوام ، می خوام این اسلایدری رو که دارم هوشمند کنم

لطفا توضیحی خوب به همراه نمونه کد بدهید

ممنون از همه ی شما

ویرایش شده شهریور 92 توسط alisafari

NESTED · شهریور 92

سلام

حدااقل می فرمودین چه نوع اسلایدری هست

وقتی ندونیم کد شما چی هست چطور بگیم داینامیکش کنید !

alisafari · شهریور 92

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

دیگه همه چیز گویا هست

یه عکس از پست و عوان پست در قسمت تیره رنگ

این هم خود فایل

لینک دانلود

isk · شهریور 92

برای به قول شما هوشمند سازی باید یه کوئری بسازید مثلا از 5 پست آخر سایت. درون حلقه کوئری به جای تگ img کد تصویر شاخص رو قرار بدید و همچنین به جای عنوان از the_title و به جای this iis a sample sliding images with مقدار the_excerpt رو قرار بدید.

alisafari · شهریور 92

برای به قول شما هوشمند سازی باید یه کوئری بسازید مثلا از 5 پست آخر سایت. درون حلقه کوئری به جای تگ img کد تصویر شاخص رو قرار بدید و همچنین به جای عنوان از the_title و به جای this iis a sample sliding images with مقدار the_excerpt رو قرار بدید.

ممنون

میشم اگر نمونه کد بذارید

ویرایش شده شهریور 92 توسط alisafari

rezakianoosh · شهریور 92

از لینک زیر کوئری مورد نظرتون رو بسازید .

http://wp-parsi.com/generator/

isk · شهریور 92

مثلاً در فایل index.htm که دادید باکس body به صورت زیر میشه:


<body>
<section>
  <div style="overflow:hidden; width:960px; margin: 100px auto; padding:0 20px;">
   <div class="pix_diapo">

<?php $custom_query = new WP_Query(array(
'post_status' =>'publish',
'post_type' =>'post',
'order' =>'descending',
'orderby' =>'date',
'posts_per_page' =>'3',
'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1 
));
?>
<?php if($custom_query->have_posts()) :
while($custom_query->have_posts()) : $custom_query->the_post();?>
  <div data-thumb="images/thumbs/megamind1048.jpg">
   <img src="<?php the_post_thumbnail(); ?>">
   <div class="caption elemHover fromLeft">
    <?php the_excerpt(); ?>
   </div>
  </div>
<?php endwhile;endif;?><?php wp_reset_query(); ?>

   </div><!-- #pix_diapo -->
  </div>
</section>
</body>

البته thumbnail های کوچک رو باید با یه تابع در فایل فانکشن بسازید که بعدا بهش می رسیم و در کد بالا قرارش میدیم

حتماً می دونید که باکس استایل درون اون فایل باید در هدر وردپرس فراخوانی بشه و همچنین فایل های js به همچنین.

alisafari · شهریور 92

خیلی ممنون

ورود

تبدیل اسلایدر جی کوئری به اسلایدر هوشمند وردپرسی

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

alisafari 12

لینک به ارسال

NESTED 4295

لینک به ارسال

alisafari 12

لینک به ارسال

isk 4447

لینک به ارسال

alisafari 12

لینک به ارسال

rezakianoosh 1795

لینک به ارسال

isk 4447

لینک به ارسال

alisafari 12

لینک به ارسال

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

فهرست بخش ها

فعالیت ها