درخواست افزونه برخي از مشتريان ما برای وردپرس

SAJDEHGAR

تازه وارد
17/6/13
79
0
6
دوستان و عزیزان سلام .

درخواست این افزونه های که در این سایت ها به کار رفته اند رو برای ورد پرس بهم معرفی کنید : ( در حد کلمه کلیدی هم باشه که به این ها چی میگن هم میتونه کمک کننده باشه و میگردم دنیالش ) .





با تشکر از همه .

یا علی .

 

Mohammad

مدیر انجمن
عضو کادر مدیریت
6/4/08
15,291
389
83
31
PersianScript
خودم برای این موارد همیشه از owlcarousel استفاده میکنم و بسیار خوش دست هست... برای تغییرات و شخصی سازی

نمونه:



 

SAJDEHGAR

تازه وارد
17/6/13
79
0
6
خودم برای این موارد همیشه از owlcarousel استفاده میکنم و بسیار خوش دست هست... برای تغییرات و شخصی سازینمونه:

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

 

Mohammad

مدیر انجمن
عضو کادر مدیریت
6/4/08
15,291
389
83
31
PersianScript
به ترتیب میگم

پوشه owl-carousel رو کپی کن توی پوشه قالبت... (از سایتی که دادم دانلود کن و پوشه ای با همین نام رو در مسیر قالبت بریز)

فایل header.php رو باز کن

اینا رو بزار داخلش...

(قبل از تگ wp_head بزاری)


کد:
<link href="<?php bloginfo('template_directory') ?>/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="<?php bloginfo('template_directory') ?>/owl-carousel/owl.theme.css" rel="stylesheet">
<script src="<?php bloginfo('template_directory') ?>/owl-carousel/owl.carousel.js"></script>
فایل footer.php رو باز کن

اینا رو بزار داخلش... (قبل از تگ wp_footer بزاری)


کد:
<script>
$(document).ready(function() {
$("#customerlist ").owlCarousel({
autoPlay: 3000,
items : 8,
itemsDesktop : [1199,3],
itemsDesktopSmall : [979,3]
});

});
</script>
در کد بالا من میگم 8 مورد رو نمایش بده... در هر بار نمایش...(میتونی تغییر بدی اما پیشنهاد نمیشه زیاد کمش کنی)

کد های زیر رو درون style.css قالبت وارد کن (در انتهای کد ها بزار)


کد:
#customerlist {direction:ltr;}
#customerlist .item{
margin: 3px;
}
حالا در جای مناسب میتونی لیست مشتری هات رو نمایش بدی. با استفاده از کد زیر:


کد:
<div id="customerlist" class="owl-carousel">
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/1.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/2.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/3.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/4.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/5.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/6.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/7.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/8.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/9.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/10.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/11.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/12.jpg" alt="Owl Image"></div>
            <div class="item"><img src="<?php bloginfo('template_directory') ?>/assets/13.jpg" alt="Owl Image"></div>
    </div>
نکته: تصاویر خودت رو جایگزین کن...

 
  • Like
Reactions: rocki3oy

SAJDEHGAR

تازه وارد
17/6/13
79
0
6
داش محمد دمت گرم !

من این رو هم پیدا کردم ! چیز خوبی هست ! widgetkit_WP_1.4.7 دوست داشتی بتست !

 

shagoolia

تازه وارد
3/6/20
1
0
1
خودم برای این موارد همیشه از owlcarousel استفاده میکنم و بسیار خوش دست هست... برای تغییرات و شخصی سازی

نمونه:

سلام لینک خرابه فایل پیدا نمشه
 

karimi48

تازه وارد
7/6/17
6
0
1
درود
من از افزونه استفاده می‌کنم. تنظیماتش هم خیلی ساده است.