unid_user

داینامیک کردن اسلایدر
داینامیک کردن یه اسلایدر دستنویس

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

سلام و دورود

دوستان گرامی من یه اسلایدر با جی کوئری نوشتم ولی نمی تونم برای وردپرس داینامکش کنم. از پست تایپ استفاده کردم ولی اونطور که باید جواب نمیده. لطفا اگه ممکنه راهنمایی کنید.

سپاس

 

کد html

<section id="section-5">
          <h3 class="text-center">محصولات</h3>
          <div id="gallery">
            <div class="row">
              <div class="col-3">
                <div class="image">
                  <img src="images/img1.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img2.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img3.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img4.jpg" alt="">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-3">
                <div class="image">
                  <img src="images/img5.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img6.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img7.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img8.jpg" alt="">
                </div>
              </div>
            </div>
          </div>

          <a class="text-center buy-butt" href="#">مشاهده تمام محصولات</a>
          <div id="bigimage">
            <div id="close"></div>
              <a href="#"><img src="" alt=""></a>
              <div id="next"></div>
              <div id="prev"></div>
          </div>
        </section>

 

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

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


لینک به پست
در 27 دقیقه قبل، unid_user گفته است :

سلام و دورود

دوستان گرامی من یه اسلایدر با جی کوئری نوشتم ولی نمی تونم برای وردپرس داینامکش کنم. از پست تایپ استفاده کردم ولی اونطور که باید جواب نمیده. لطفا اگه ممکنه راهنمایی کنید.

سپاس

 

کد html


<section id="section-5">
          <h3 class="text-center">محصولات</h3>
          <div id="gallery">
            <div class="row">
              <div class="col-3">
                <div class="image">
                  <img src="images/img1.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img2.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img3.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img4.jpg" alt="">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-3">
                <div class="image">
                  <img src="images/img5.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img6.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img7.jpg" alt="">
                </div>
              </div>
              <div class="col-3">
                <div class="image">
                  <img src="images/img8.jpg" alt="">
                </div>
              </div>
            </div>
          </div>

          <a class="text-center buy-butt" href="#">مشاهده تمام محصولات</a>
          <div id="bigimage">
            <div id="close"></div>
              <a href="#"><img src="" alt=""></a>
              <div id="next"></div>
              <div id="prev"></div>
          </div>
        </section>

 

وقت بخیر

شما میتونین این اسلایدر رو از قسمت نوشته ها مدیریت کنین

به شکلی که یک متغیر ایجاد کنید تا تعداد رو با اون مدیریت کنین و یک متغیر دیگه ای ایجاد کنین که یک category-name بهش تعریف کنین که هر وقت تیک اون دسته رو زدین به صورت اسلایدر بشناسه | بعد از توابع وردپرس مثله the_title و the_contetnt و the_permalink  و .... استفاده کنید تا اسلایدرتون کاملا داینامیک بشه

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

موفق باشید 

0

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


لینک به پست
در 11 ساعت قبل، miladalizadeh گفته است :

وقت بخیر

شما میتونین این اسلایدر رو از قسمت نوشته ها مدیریت کنین

به شکلی که یک متغیر ایجاد کنید تا تعداد رو با اون مدیریت کنین و یک متغیر دیگه ای ایجاد کنین که یک category-name بهش تعریف کنین که هر وقت تیک اون دسته رو زدین به صورت اسلایدر بشناسه | بعد از توابع وردپرس مثله the_title و the_contetnt و the_permalink  و .... استفاده کنید تا اسلایدرتون کاملا داینامیک بشه

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

موفق باشید 

وقت بخیر.

منظورتون اینه که بجای ایجاد یه پست تایپ از کوئری پست استفاده کنم. که کوئری برحسب دسته ای مثلا با نام اسلایدر باشه؟

0

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


لینک به پست
در 38 دقیقه قبل، unid_user گفته است :

وقت بخیر.

منظورتون اینه که بجای ایجاد یه پست تایپ از کوئری پست استفاده کنم. که کوئری برحسب دسته ای مثلا با نام اسلایدر باشه؟

درود

@unid_user

بله

0

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


لینک به پست
در 13 ساعت قبل، miladalizadeh گفته است :

درود

@unid_user

بله

سلام و درود

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

کد php

<section id="section-5">
          <h3 class="text-center">محصولات</h3>
          <div id="gallery">
            <div class="row">
                <?php
                    $test = new wp_Query(array(
                        'cat_id' => '1',
                        'post_per_page' => '9'
                    ));
                while($test->have_posts()):$test->the_post();
                ?>
              <div class="col-3">
                <div class="image">
                  <?php the_post_thumbnail(); ?>
                </div>
              </div>
            <?php endwhile; ?>
            </div>
          </div>
          <div id="bigimage">
            <div id="close"></div>
              <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
              <div id="next"></div>
              <div id="prev"></div>
          </div>
          <a class="text-center buy-butt" href="#">مشاهده تمام محصولات</a>
        </section>

ویدئو مشکل:

20180830_134732.mp4

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

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


لینک به پست
$test = new wp_Query(array(
                        'cat_id' => '1',
                        'post_per_page' => '9'
                    ));

این کد اشتباه بود cat_id زدم که اصلاح کردم به cat البته بازم درست نشد.

0

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


لینک به پست

یافتم! :lol:

البته در حالتی که با کوئری پست نوشتم یه مشکلی هست؟! اینکه لینک همه تصاویر یکی هست. لطفا راهنمایی.

کد درست به صورت زیر خواهد بود:

<section id="section-5">
          <h3 class="text-center">محصولات</h3>
          <div id="gallery">
            <div class="row">
                <?php
                    $test = new wp_Query(array(
                        'cat' => '1',
                        'posts_per_page' => 5
                    ));
                while($test->have_posts()):$test->the_post();
                ?>
              <div class="col-3">
                <div class="image">
                  <?php the_post_thumbnail(); ?>
                </div>
              </div>
            <?php endwhile; ?>
            </div>
          </div>
          <a class="text-center buy-butt" href="#">مشاهده تمام نمونه کارها</a>
          <div id="bigimage">
            <div id="close"></div>
              <a href="<?php the_permalink(); ?>"><img src="" alt=""></a>
              <div id="next"></div>
              <div id="prev"></div>
          </div>
        </section>

 

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

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


لینک به پست

up. دوستان لطفا راهنمایی بفرمایید.

0

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


لینک به پست
در 13 دقیقه قبل، unid_user گفته است :

up. دوستان لطفا راهنمایی بفرمایید.

سلام

 

الان مشکل کد چی هست؟

0

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


لینک به پست
در 8 دقیقه قبل، mehran-be گفته است :

سلام

 

الان مشکل کد چی هست؟

درود

مشکل اینه که لینک تمام تصاویر یکی هست. و معمولا لینک آخرین پست به همه تصاویر یا پست ها اختصاص داده میشه. احتمالا یه مشکلی توی حلقه باشه. وقتی هم که از wp_reset_postdata استفاده میکنم بعد از endwhile لینک اولین پست رو به همه پست ها اختصاص میده.

0

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


لینک به پست
در هم اکنون، unid_user گفته است :

مشکل اینه که لینک تمام تصاویر یکی هست. و معمولا لینک آخرین پست به همه تصاویر یا پست ها اختصاص داده میشه. احتمالا یه مشکلی توی حلقه باشه. وقتی هم که از wp_reset_postdata استفاده میکنم بعد از endwhile لینک اولین پست رو به همه پست ها اختصاص میده.

توی خط

<a href="<?php the_permalink(); ?>"><img src="" alt=""></a>

قضیه

<?php the_permalink(); ?>

چیه؟

اونجا که حلقه بسته شده.

0

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


لینک به پست
در 1 دقیقه قبل، mehran-be گفته است :

توی خط


<a href="<?php the_permalink(); ?>"><img src="" alt=""></a>

قضیه


<?php the_permalink(); ?>

چیه؟

اونجا که حلقه بسته شده.

ببینید تگ img که با مشخصه src خالی اومده قراره که هر بار آدرس تصاویر پستهای جدید توی اون ریخته بشه. این کار درست انجام میشه و با جیکوئری هست و ربطی به php هم نداره. اما باید با کلیک کردن روی اون تصویر منتقل بشیم به همون مطلب. این کد the_permalink رو گذاشتم که صفحه رو منتقل کنه به پستی که روی تصویرش کلیک میشه.

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

0

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


لینک به پست
در 1 دقیقه قبل، unid_user گفته است :

ببینید تگ img که با مشخصه src خالی اومده قراره که هر بار آدرس تصاویر پستهای جدید توی اون ریخته بشه. این کار درست انجام میشه و با جیکوئری هست و ربطی به php هم نداره. اما باید با کلیک کردن روی اون تصویر منتقل بشیم به همون مطلب. این کد the_permalink رو گذاشتم که صفحه رو منتقل کنه به پستی که روی تصویرش کلیک میشه.

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

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

0

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


لینک به پست
در 1 دقیقه قبل، mehran-be گفته است :

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

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

0

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


لینک به پست

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

<div id="bigimage">
            <div id="close"></div>
              <a href="<?php the_permalink(); ?>"><img src="" alt=""></a>
              <div id="next"></div>
              <div id="prev"></div>
          </div>

یعنی اینجوری نوشتم.

<?php while(have_posts()):the_post(); ?>
          <div id="bigimage">
            <div id="close"></div>
              <a href="<?php the_permalink(); ?>"><img src="" alt=""></a>
              <div id="next"></div>
              <div id="prev"></div>
          </div>
            <?php endwhile; ?>

 

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

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


لینک به پست
در 8 دقیقه قبل، unid_user گفته است :

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

اون لینک باید لینک اولین پست حلقه بالا باشه؟

0

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


لینک به پست
در هم اکنون، mehran-be گفته است :

اون باید لینک اولین پست حلقه بالا باشه؟

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

0

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


لینک به پست
در 5 دقیقه قبل، unid_user گفته است :

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

تعویض لینک که با جی کوئریه در لحظه لود لینک پست اول رو میذاریم.

اینو تست کن.

<section id="section-5">
    <h3 class="text-center">محصولات</h3>
    <div id="gallery">
        <div class="row">
            <?php
				$test = new WP_Query(array(
					'cat' => 1,
					'posts_per_page' => 5
				));
                while($test->have_posts()) :
					$test->the_post();
					
				if($test->posts[0]->ID == $test->post->ID)
					
					$firstPostPermalink = get_permalink($test->post->ID);
					
                ?>
                <div class="col-3">
                    <div class="image">
                        <?php echo get_the_post_thumbnail($test->post->ID); ?>
                    </div>
                </div>
            <?php
				endwhile;
				wp_reset_postdata();
			?>
        </div>
    </div>
    <a class="text-center buy-butt" href="#">مشاهده تمام نمونه کارها</a>
    <div id="bigimage">
        <div id="close"></div>
        <a href="<?php isset($firstPostPermalink) ? esc_url($firstPostPermalink) : '' ?>"><img src="" alt=""></a>
        <div id="next"></div>
        <div id="prev"></div>
    </div>
</section>

 

0

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


لینک به پست
در 2 دقیقه قبل، mehran-be گفته است :

تعویض لینک که با جی کوئریه در لحظه لود لینک پست اول رو میذاریم.

اینو تست کن.

تست کردم. لینک صفحه اصلی هست. یعنی وقتی کلیک میکنی فقط صفحه اصلی دوباره بارگذاری میشه.

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

<?php 
            $special = new wp_Query(array(
                    
                $i=0
                ));
            while(have_posts()):the_post(); ?>
          <div id="bigimage">
            <div id="close"></div>
              <a href="<?php the_permalink($i++); ?>"><img src="" alt=""></a>
              <div id="next"></div>
              <div id="prev"></div>
          </div>
            <?php endwhile; ?>

 

0

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


لینک به پست
در 6 دقیقه قبل، unid_user گفته است :

تست کردم. لینک صفحه اصلی هست. یعنی وقتی کلیک میکنی فقط صفحه اصلی دوباره بارگذاری میشه.

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

فقط میتونم بگم کدی که دادم درسته شما یه جایی رو داری اشتباه میکنی.

0

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


لینک به پست
در 3 دقیقه قبل، mehran-be گفته است :

فقط میتونم بگم کدی که دادم درسته شما یه جایی رو داری اشتباه میکنی.

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

سپاس از اینکه وقت گذاشتید.

0

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


لینک به پست
در هم اکنون، unid_user گفته است :

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

حلقه شما حلقه خاصی نیست یه حلقه عادیه WP_Query هست.

تقریبا هم درست نوشته شده بود از اول. حالا الان یه ذره درست تر شد.

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      سلام و دورود
      دوستان من یه اسلایدر ساختم که متاسفانه بخش جی کوئری و کدهای جاوا اسکریپت کار نمیکنه!؟
      ممنون
      کد جاوا اسکریپت:
      $(document).ready(function(){ $("a:nth-child(1)").css("background-color","white"); $("#circle1").click(function(){ $("#slider").animate({'left':'5%'},500); $("#data").fadeIn(700); $("#data2,#data3,#data4").fadeOut(500); $(".line").animate({'left':'60%'}); $("a:nth-child(1)").css("background-color","white"); $("a:nth-child(2),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle2").click(function(){ $("#slider").animate({'left':'-30%'},500); $("#data2").fadeIn(700); $("#data,#data3,#data4").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(2)").css("background-color","white"); $("a:nth-child(1),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle3").click(function(){ $("#slider").animate({'left':'-190%'},500); $("#data3").fadeIn(700); $("#data,#data2,#data4").fadeOut(500); $(".line").animate({'left':'55%'}); $("a:nth-child(3)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(4)").css("background-color","black"); }); $("#circle4").click(function(){ $("#slider").animate({'left':'-240%'},500); $("#data4").fadeIn(700); $("#data,#data2,#data3").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(4)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(3)").css("background-color","black"); }); });  
      site_4.zip
    • توسط MK2
      با سلام
      در  اسلایدر revslider
      با خطای Revolution Slider Error: The param navigaion_type not found in slider params.
      مواجه شدیم. ممنون میشم راهنمایی کنید.
      تشکر
    • توسط unid_user
      سلام و درود
      دوستان گرامی، من می خوام کدی رو معرفی بفرمایید که وقتی روی تصویر شاخص در یک پست کلیک میکنم تصویر در سایز بزرگ به صورته آنچه که در سایت زیر مشاهده می فرمایید به نمایش در بیاد.
      سپاس و تشکر.
      نمونه سایتی که گفتم.
    • توسط Siaavash
      یک صفحه برای نمایش پروژه هست، که شامل متن، عکس و Thumbnail عکس های پروژه می شه!
      می خوام متن توی یک ستون لود بشه، تمام عکس ها به صورت یک اسلایدر داخل ستون وسط و thumbnail ها هم در ستون دیگه!
      به چه صورت می تونم این کار رو انجام بدم؟ که کاربر متن رو وارد کنه و تمام عکس ها رو هم داخل پست آپلود و وارد کنه، بعد به صورت اتوماتیک متن داخل ستون خودش قرار بگیره (div) تمام عکس ها داخل اسلایدر قرار بگیرند و بند انگشتی عکس ها هم ساخته و داخل ستون مربوطه فراخوانی بشن.
      بهترین راه برای انجام این کار چیه؟
      با استفاده از فرمت گالری توی post formats می شه این کار رو انجام داد؟
       
    • توسط sajadszm
      سلام.
      من قالب exploore رو نصب کردم و میخوام به جای سربرگ اون از یک اسلایدر استفاده کنم.کدوم بخش از کد هارو باید ویرایش کنم و چه چیزی رو باید جایگزینش کنم؟
      اینم قالبش:
      https://themeforest.net/item/exploore-travel-exploration-booking-wordpress-theme/16170990