رفتن به مطلب

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


پست های پیشنهاد شده

سلام و دورود

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

سپاس

 

کد 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
لینک به ارسال
در 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  و .... استفاده کنید تا اسلایدرتون کاملا داینامیک بشه

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

موفق باشید 

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

وقت بخیر

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

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

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

موفق باشید 

وقت بخیر.

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

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

وقت بخیر.

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

درود

@unid_user

بله

لینک به ارسال
در 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
لینک به ارسال
$test = new wp_Query(array(
                        'cat_id' => '1',
                        'post_per_page' => '9'
                    ));

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

لینک به ارسال

یافتم! :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
لینک به ارسال
در 8 دقیقه قبل، mehran-be گفته است :

سلام

 

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

درود

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

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

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

توی خط

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

قضیه

<?php the_permalink(); ?>

چیه؟

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

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

توی خط


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

قضیه


<?php the_permalink(); ?>

چیه؟

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

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

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

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

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

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

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

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

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

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

لینک به ارسال

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

<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
لینک به ارسال
در 8 دقیقه قبل، unid_user گفته است :

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

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

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

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

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

لینک به ارسال
در 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>

 

لینک به ارسال
در 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; ?>

 

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

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

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

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

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

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

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

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

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

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

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

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

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...