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




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

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

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

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

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

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

 

برای این کار اولین کار باید کد زیر را در فایل 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
کلمات کلیدی پست :
مطالب مرتبط
4,249افزونه لایک مطالب وردپرس WTI Like Post تاریخ : 2018/01/6
14,228افزونه قفل کردن راست کلیک Right click برای وردپرس تاریخ : 2014/02/12
6,375دانلود افزونه ویرایشگر آنلاین فایل ها برای وردپرس تاریخ : 2014/07/18
2,504نمایش پیام دلخواه در پیشخوان وردپرس برای کاربران تاریخ : 2018/05/16
6,619افزونه وردپرس معرفی مطالب به دوستان WP tell a friend تاریخ : 2015/02/24
5,359افزونه مشاهده آنلاین فعالیت کاربران در وردپرس WP Visitors Tracker تاریخ : 2017/12/15
3,648افزودن لینک دلخواه در نوار ابزار وردپرس تاریخ : 2018/04/3
8,232نمایش پنل کاربری در سایدبار(ستون کناری) تاریخ : 2013/10/24
12,078افزونه فارسی صفحه در دست ساخت Maintenance PRO نسخه 3.6.0 تاریخ : 2018/01/19
5,810لینک کردن خودکار متن نوشته در پست وردپرس تاریخ : 2016/06/27
5,144ویرایش سریع کدهای قالب و افزونه وردپرس با افزونه String locator تاریخ : 2017/07/16
11,021افزونه مطلب چسبانک (پست ثابت) WP-Sticky برای وردپرس تاریخ : 2014/06/24
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات