Masrour

اضافه کردن اسلایدر به قالب وردپرس (بدون افزونه)

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

ارسال شده در (ویرایش شده)

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

9ivolmz8k7ibge9zaqvt_thumb.jpg

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

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


لینک به پست

اپ

0

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


لینک به پست

ارسال شده در (ویرایش شده)

اپ

slick آموزش ایجاد اسلایدر رو داره ( بدون افزونه )

برای اینکه آخرین مطالب رو هم نمایش بدید کافیه از این راه برید :

اسلاید 1


<div class="slick-slide">
<?php
$my_query = new WP_Query('showposts=3&post_status=publish&offset=0');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
the_title();
// همونجوری که تصویر شاخص رو توی تک نوشته فراخوانی میکنید اینجا هم همونه
if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=136&w=250&zc=1" title="<?php the_title(); ?>" >
</a>
endif
<?php endwhile; ?>
</div>

اسلایدر 2


<div class="slick-slide">
<?php
$my_query = new WP_Query('showposts=3&post_status=publish&offset=1);
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
the_title();
if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=136&w=250&zc=1" title="<?php the_title(); ?>" >
</a>
endif
<?php endwhile; ?>
</div>

اسلاید 3 ...

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

ویرایش شده در توسط sajjadmp
1

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


لینک به پست

ارسال شده در (ویرایش شده)

slick آموزش ایجاد اسلایدر رو داره ( بدون افزونه )

برای اینکه آخرین مطالب رو هم نمایش بدید کافیه از این راه برید :

اسلاید 1


<div class="slick-slide">
<?php
$my_query = new WP_Query('showposts=3&post_status=publish&offset=0');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
the_title();
// همونجوری که تصویر شاخص رو توی تک نوشته فراخوانی میکنید اینجا هم همونه
if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=136&w=250&zc=1" title="<?php the_title(); ?>" >
</a>
endif
<?php endwhile; ?>
</div>

اسلایدر 2


<div class="slick-slide">
<?php
$my_query = new WP_Query('showposts=3&post_status=publish&offset=1);
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
the_title();
if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>"> <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=136&w=250&zc=1" title="<?php the_title(); ?>" >
</a>
endif
<?php endwhile; ?>
</div>

اسلاید 3 ...

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

من چند تا افزونه نصب کردم کد هایی که برای پی اچ پی هست رو داخل قالب قرار میدم ولی تمامی عکس ها زیر هم میاد به هم ریخته انگار استایل نداره. مشکل من از کجاست؟

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

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

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


لینک به پست

این که عکسا زیر هم میاد به خاطر اینه که به کتابخانه جی کوئری لینک ندادید ، اینو بین تگ head قرار بدید :

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>

و این که هر اسلایدری یه سری کد جی کوئری برای کار دادن داره اونا رو هم باید بین تگ script و در همون head قرار بدید تا اسلایدر کار کنه .

3

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


لینک به پست

این که عکسا زیر هم میاد به خاطر اینه که به کتابخانه جی کوئری لینک ندادید ، اینو بین تگ head قرار بدید :

<script src="http://ajax.aspnetcd...n.js"></script>

و این که هر اسلایدری یه سری کد جی کوئری برای کار دادن داره اونا رو هم باید بین تگ script و در همون head قرار بدید تا اسلایدر کار کنه .

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

0

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


لینک به پست

ارسال شده در (ویرایش شده)

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

این افزونه مناسبیه

موارد بیشتر

ویرایش شده در توسط sajjadmp
1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط shayan.m
      سلام
      وقت بخیر
      من از افزونه ووکامرس استفاده می کنم و در صفحه محصولات قسمتی هست که دیدگاه ها قرار میگیره و زمانی روی باکس دیدگاه کلیک کنید به صفحه دیدگاه های محصول می روید می خوام به جای اینکه روی باکس دیدگاه یا دکمه دیدگاه کلیک شود که به صفحه دیدگاه برود کاربر زیر همون صفحه محصول تمام دیدگاه نمایش داده شود مشابه افزونه edd؟ از یکی از دوستان سوال کردم گفتند با کد نویسی این امکان وجود دارد؟؟

      الان در تصویر بالا از افزونه ووکامرس استفاده شده است و اگر بخواید مشاهده دیدگاه ها کنید باید روی دکمه دیدگاه کلیک کنید تا به صفحه دیدگاه محصول بروید می خوام به جای این کار دیدگاه های محصول زیر محصول نمایش داده شود.
    • توسط 1hamed2afm
      با سلام و خسته نباشید .
      یه سفارش تبدیل psd به وردپرس دارم لطفا یه طراح کاربلد و خوش ذوق بهم معرفی کنین
    • توسط 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)



    • توسط pouya.x
      با سلام خدمت وردپرس کاران عزیز ، میخوام در اولین پستم در انجمن کد فاکشنی را معرفی کنم که محصولات ووکامرس را به صورت خودکار به حالت تکمیل شده در میاورد ، البته نا گفته نماند که این کد مناسب هر نوع فروشگاهی نیست و کاربرد های خاص خودش را دارد
      فقط کافیست کد زیر را در فایل functions.php قالب خود قرار دهید (اگر نیست با همین نام ایجاد کنید)
      add_action( 'woocommerce_payment_complete_order_status', 'wc_auto_complete_paid_order', 10, 3 ); function wc_auto_complete_paid_order( $status, $order_id, $order ) { return 'completed'; }  
    • توسط shobeir.solooki
      سلام.من مشکل عجیبی دارم.قالب آوادا فارسی نصب کردم.فقط در قالب هر تغییری میدم اعمال نمیشه.مشکل از سایت نیست چون هاست و فروشنده قالب میتونن تغییر بدن.مشکل از براوزر هم نیست چون کش رو پاک کردم و در براوزرای دیگه هم همین مشکل رو دارم.چند بار سایت رو نصب کردم ولی مشکل حل نمیشه.بعدم سایت جدیده چیزی روش نصب نیست.خاموش کردن افزونه ها هم جواب نمیده.دیگه نمیدونم چکار کنم.ممنون میشم راهنمایی کنید.