alisafari

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

8 پست در این موضوع قرار دارد

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

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

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

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

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

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

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

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

به اشتراک گذاری این پست


لینک به پست

سلام

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

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

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

59685705804166340385.jpg

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

لینک دانلود

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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

ممنون

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

2

به اشتراک گذاری این پست


لینک به پست

مثلاً در فایل 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 به همچنین.

4

به اشتراک گذاری این پست


لینک به پست

خیلی ممنون

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط unid_user
      درود
      من در یک وب سایت به یک اسلایدر خیلی عجیب برخورد کردم. کدهاش بصورت زیر هستن. چطور میشه این مدل اسلایدر رو داینامیک کرد؟
      <div class="slider"> <div class="fluid_container"> <div class="camera_wrap camera_azure_skin" id="camera_wrap_1" style="margin-bottom:15px"> <div data-thumb="<?php echo get_template_directory_uri(); ?>/images/thumbnails/slider-1.jpg" data-src="<?php echo get_template_directory_uri(); ?>/images/slider-4.jpg"> </div> <div data-thumb="<?php echo get_template_directory_uri(); ?>/images/thumbnails/slider-2.jpg" data-src="<?php echo get_template_directory_uri(); ?>/images/slider-3.jpg"> </div> <div data-thumb="<?php echo get_template_directory_uri(); ?>/images/thumbnails/slider-1.jpg" data-src="<?php echo get_template_directory_uri(); ?>/images/slider-1.jpg"> </div> <div data-thumb="<?php echo get_template_directory_uri(); ?>/images/thumbnails/slider-2.jpg" data-src="<?php echo get_template_directory_uri(); ?>/images/slider-2.jpg"> </div> </div> </div> <div class="clear"></div> </div>  
    • توسط j1989m
      سلام 

      یه اسلایدر ریسپانسیو و تاچ میخوام که عناصر داخل هریک از اسلایدها با انیمیشن ظاهر و ناپدید بشن 
      (شبیه اسلایدر این سایت : https://payment24.ir/ ولی خب این تاچ نیست و با بوت استرپه) 

      ببینید مثلا اسلایدر زیر رو با owl carousel ساختم و میخوام با نمایش اسلایدها title و description با انیمیشن دلخواه خودم نمایش و ناپدید بشن: 

      https://codepen.io/j1989mah/pen/VzoOmY 

      با رویدادهای owl carousel میشه اینکارو کرد؟ کسی با ایونت های کاروسل کار کرده؟ 
      https:/owlcarousel2.github.ioOwlCarousel2docs/api-events.html 
    • توسط unid_user
      سلام دوستان
      من میخوام که یه اسلایدر با post type در وردپرس ایجاد کنم. قبلا اینکار و برای اسلایدر صفحه اصلی سایتم انجام دادم ولی میخوام هربار و هرکجا خواستم یه اسلایدر ایجاد کنم و بدون نیاز به دست بردن در کدنویسی قالب بتونم مثلا با شورت کد short code اسلایدرهای مختلف رو به پست ها و مطالبم اضافه کنم.
      اگه منبعی هم سراغ دارید ممنون میشم فارسی یا انگلیسی راستش خودم نمیدونم باید چی و توی اینترنت سرچ کنم!؟
      ممنون.
    • توسط a_a_ze
      سلام دوستان در نمایش اخبار سایت به صورت اسلایدر حرکت اسلایدر به طرفین اشتباه است و به جای اینکه به سمت چپ برود و ادامه اخبار نشان دهد به سمت راست میرود و صفحه سفید نمایش می دهد.
      لینک سایت: https://moeidedu.ir/#news
    • توسط vahidmh
      سلام به همگی خسته نباشید بنده یک افزونه اسلایدر مخصوص سایتم میخواستم تا الان چندتا افزونه استفاده کردم ولی همشونو خراب نشون داده لطفا کمک کنید
      آدرس سایتم : beh-melody.ir
      لطف کنید بررسی کنید ببینید چجور هستش ممنون