Silence

استفاده از اسلایدر

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

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

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

آیا برای این کار، با استفاده از jQuery و HTML و CSS یک اسلایدر تعریف کنم و کدهای وردپرس رو در اون قرار بدم بهتر هست یا اینکه از پلاگین های آماده برای این کار استفاده کنم؟..

کدوم پیشنهاد می شه و چرا؟...

 

هر کدوم از این دو مورد آیا مزیت و برتری نسبت به دیگری دارن؟...

 

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

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


لینک به پست

سلام و درود خدمت شما

 بستگی به اسلایدری که شما میخواید استفاده کنید وکاربردی که میخواید براتون داشته باشه استفاده کنید ببینید اگر بتونید یک اسلایدر سبک وکاربردی و واکنش گرا ر ا خودتون طراحی کنید خب این دیگه نیازی  نیست از پلاگین های اماده استفاده کنید چرا که استفاده از پلاگین های اماده ممکنه اینجوری که شما میخواید استفاده کنید کاربردی نداشته باشه وسنگین باشه در حال حاضر واگر شما بتونید پلاگین اماده ای پیدا کنید واستفاده کنید ونیازشما را هم رفع کنه این دیگه چه بهتر./

موفق باشید./

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط armin19901369
       با سلام و احترام
      یک وبسایت بر مبنای وردپرس دارم. پروژه در رابطه با ارتقا افزونه های وردپرسی هست و شامل دو قسمت زیر هست:
      ۱-در وبسایت از سیستم امتیازدهی با افزونه mycred رو دارم. هوک های پیش فرض افزونه شامل گراویتی فرم هست و بر مبنای پر کردن هر فرم به کاربر امتیاز میده.
      بعد از پر کردن فرم ها با استفاده از افزونه گراویتی فلو روندهایی برای فرم ها انجام میشه. می خوام یه هوک توی mycred تعریف بشه که در صورتی که یک روند برای فرم انجام شد به کاربر امتیاز بده. یعنی یه هوک برای گراویتی فلو تو mycred تعریف بشه.
      ۲-. افزونه mycred برای referal هایی که منجر به ثبت نام کاربر بشه به کاربر ارجاع دهنده امتیاز میده. این در صورتی کار می کنه که از ثبت نام پیش فرض وردپرس استفاده بشه.ثبت نام در حال حاضر از طریق افزونه digits و با استفاده از شماره موبایل انجام میشه
      می خوام با ثبت نام کاربر از طریق digits هم امتیاز ارجاع داده بشه.
      ممنون میشم هزینه و زمان رو برای انجام هر قسمت پروژه بفرمایید.
    • توسط mohammdkhalilii
      با سلام و عرض خسته نباشید به تمامی دوستانم ، سوالی که از خدمتتون داشتم 
      من یه افزونه میخوام که مثل این قسمت وبسایت http://irselfmade.com/ 
      هم توی موبایل و تبلت هم توی دسکتاپ اسلایدر (به قول معروف چرخ فلکی ) افقی باشه 
      ممنونم 

    • توسط artin3000
      سلام من سایتم اوکی بود. پارسال قالب بوو رو از راست چین خریدم و سایتم رو راه انداختم. اومدم ssl نصب کنم. یه پلاگین نصب کردم یهو سایتم رفت. فایل ها تو فایل منیجر هستن اما هیچ صفحه ای بالا نمیاد. کسی میتونه کمک کنه؟
      ممنونم
    • توسط chetorir
      با سلام و وقت بخیر خدمت تمام استاتید و دوستان عزیز؛
      من یک وب سایت دارم که موقع بررسی سئو سایت در یک بخشی نوشته نسبت متن به حجم کدهای HTML کم و باید بیشتر بشه. توی فروم های مختلف گشتم و چیز درست حسابی پیدا نکردم. وب سایت بنده با وردپرس نوشته شده و 26 تا افزونه روی سایت نصبه محتوای تولید شده هم معمولا کمتر از 1000 واژه نبوده.
      بعضی ها میگفتن باید فاصله کد ها رو برداری و ... من از افزونه wp-rocket (موشک وردپرس) استفاده میکنم تونستم با کمک همین انجمن گرید A رو بگیرم حالا نمیدونم چه کاری باید انجام بدم.
      ممنون میشم بنده رو راهنمایی کنید یا اینکه منبعی رو معرفی کنید این مشکل رو برطرف کنم.
      آدرس سایت بنده : bonianservice.com
      با تشکر
    • توسط samira127

      من یک اسلایدر زدم با jsولی نمیشه وقتی اسلاید میشه ب صورت scrollو ul  نه اسلایدی اینم کد html

      <div class="col-12 col-md-6 pb-0 pb-md-3 pt-2 pr-md-1">
                          <div id="featured" class="carousel slide carousel" data-ride="carousel">
                              ّ <div id="dots" class="carousel-indicators">
                                  <span class="dot active" data-target="#carousel-example-generic"></span>
                              </div>
                              <div id="slider">
                                  <!--Item slider-->
                                  <?php
                                  $args = array(
                                      'posts_per_page' => 5,
                                      'cat' => 10,
                                  );
                                  $query = new WP_Query($args);
                                  ?>
                                  <?php if ($query->have_posts()) : ?>
                                  <?php $i = 0; ?>
                                  <?php while ($query->have_posts()) : $query->the_post() ?>
                                  <div class="slide active">
                                      <div class="card border-0 rounded-0 text-light overflow zoom">
                                          <div class="position-relative">
                                              <!--thumbnail img-->
                                              <div class="ratio_left-cover-1 image-wrapper overflow">
                                                  <a href="<?php the_permalink(); ?>">
                                                      <?php
                                                              $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full', false);
                                                              ?>
                                                      <?php the_post_thumbnail("w-100 img-thumbnail mx-auto d-block overflow"); ?>
                                                  </a>
                                              </div>
                                              <div class="position-absolute p-2 p-lg-3 b-0 w-100 bg-shadow">
                                                  <!--title-->
                                                  <a href="<?php the_permalink(); ?>">
                                                      <h2 class="h3 post-title text-white my-1"><?php the_title(); ?></h2>
                                                  </a>
                                                  <!— meta title —>
                                                  <div class="news-meta">
                                                      <span class="news-author">by <a class="text-white font-weight-bold" href="<?php the_permalink(); ?>"><?php the_author(); ?></a></span>
                                                      <span class="news-date"><?php the_time('d‌ F‌ Y'); ?></span>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <?php endwhile ?>
                                  <?php endif ?>
                                  <?php wp_reset_postdata(); ?>
                                  <!--end item slider-->
                              </div>
                          </div>
                          <!--end carousel inner-->
                          <!--navigation-->
                          <a class="carousel-control-prev prev" href="#featured" role="button" data-slide="prev">
                              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                              <span class="sr-only">Previous</span>
                          </a>
                          <a class="carousel-control-next next" href="#featured" role="button" data-slide="next">
                              <span class="carousel-control-next-icon" aria-hidden="true"></span>
                              <span class="sr-only">Next</span>
                          </a>
                          <script type="text/javascript">
                          </script>
                      </div>

      اینم کد js

      var slide = document.getElementsByClassName('slide');
      var dot = document.getElementsByClassName('dot');
      var prev = document.querySelector('.prev');
      var next = document.querySelector('.next');
      var n = 0;
      var i;
      function disno(){
          for( i = 0 ; i<slide.length ; i++){
              slide.style.display = 'none';
          }
      }
      function no_active(){
          for( i = 0 ; i<dot.length ; i++){
              dot.classList.remove('active');
          }
      }
      next.addEventListener('click',function(e){
          e.preventDefault();
          n++;
          if( n > slide.length - 1){ // length starts From 1
              n = 0; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      })
      prev.addEventListener('click',function(e){
          e.preventDefault();
          n--;
          if( n < 0){ // length starts From 1
              n = slide.length - 1; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      })
      setInterval(function(){
          n++;
          if( n > slide.length - 1){ // length starts From 1
              n = 0; // Arrays Starts From zero
          }
          disno();
          no_active()
          slide[n].style.display = 'block';
          dot[n].classList.add('active');
      },3000)