تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

انتقال به صفحه قبل و بعد با آژاکس در وردپرس

مقالات,آموزش,ترفند , وردپرس

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

انتقال به صفحه قبل و بعد با آژاکس در وردپرس

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

 

برای این کار اولین کار باید کد زیر را در فایل header.php خود و یا هدر سایت خود کپی کنید:

<script type="text/javascript" charset="utf-8" src="<?php bloginfo(url); ?>/wp-includes/js/jquery/jquery.js"></script>
    <script type="text/javascript" charset="utf-8">
        jQuery(document).ready(function(){
 
            jQuery('#postPagination a').live('click', function(e){
                e.preventDefault();
                var link = jQuery(this).attr('href');
                jQuery('#content').fadeOut(500).load(link + ' #contentInner', function(){ jQuery('#content').fadeIn(500); });
 
            });
 
        });
    </script>

در مرحله بعد باید در فایل index.php و یا هرفایلی که میخواهید آژاکس به کار برده شود بروید, بعد کد زیر را قبل از شروع حلقه پست قرار دهید.
یعنی مثلا کد زیر را پیدا کنید:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

و کد زیر را قبل از کد بالا کپی کنید:

<?php endif; ?>

و بعد از آن کد زیر را کپی کنید:

</div>
</div>

بعد باید کد زیر را در هر جا که میخواهید صفحات قبلی / بعدی نمایش داده شود قرار دهید. (درون حلقه پست باشد )

دانلود

بهترین پکیج خرید بک لینک دائمی و باکیفیت


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=53105
کلمات کلیدی پست :
مطالب مرتبط
16,826دانلود قالب وردپرس اندروید سون تاریخ : 2015/02/27
7,622دانلود قالب وردپرس وان اسکریپت نسخه 1394 تاریخ : 2016/01/8
8,301قالب زیبای سما دیزاین برای وردپرس تاریخ : 2014/05/11
5,959افزودن منوی رسپانسیو تمام صفحه در وردپرس DC FullScreen Menu تاریخ : 2017/05/7
7,164افزونه وردپرس مدیریت نقش کاربری و سطح دسترسی Members تاریخ : 2017/04/19
14,877افزونه اشتراک گذاری مطالب در واتس آپ برای وردپرس تاریخ : 2015/05/4
4,756تایید خودکار سفارشات در ووکامرس با افزونه WooCommerce Autocomplete Orders تاریخ : 2018/11/18
4,855آموزش افزودن اموجی ( شکلک ) در وردپرس تاریخ : 2017/11/28
9,874شخصی سازی اسکرول بار وردپرس با افزونه Dewdrop Custom Scrollbar تاریخ : 2017/07/28
3,264تعیین زمان ارسال سفارش در ووکامرس توسط مشتری تاریخ : 2020/04/26
10,021افزونه وردپرس چندزبانه کردن وب سایت GTranslate تاریخ : 2017/04/18
16,849افزونه وردپرس پاپ آپ نینجا Ninja Popups نسخه 4.6.2 تاریخ : 2019/03/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات