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

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

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

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

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

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

 

برای این کار اولین کار باید کد زیر را در فایل 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
کلمات کلیدی پست :
مطالب مرتبط
8,192آموزش نمایش موقعیت کاربران در وردپرس تاریخ : 2014/08/21
29,718دانلود قالب فوق حرفه ای چند منظوره وردپرسی Avada فارسی نسخه 3.8.7 تاریخ : 2015/12/19
1,720آیا استفاده از تگ H1 ضروری هست؟ تاریخ : 2020/04/27
5,267اضافه کردن فایل های صوتی به تصاویر در وردپرس تاریخ : 2017/07/15
1,540پنهان سازی از جستجوی وردپرس بدون استفاده از افزونه تاریخ : 2019/11/7
1,5605 افزونه برای مدیریت دیتابیس وردپرس و بهینه‌سازی آن تاریخ : 2019/11/30
10,797افزونه فارسی لایک مطالب I Recommend This برای وردپرس تاریخ : 2015/01/18
6,091جلوگیری از کپی تصاویر در وردپرس تاریخ : 2017/09/2
28,214دانلود پوسته نیازمندی ها ClassiPress برای وردپرس تاریخ : 2016/05/14
5,233افزودن درصد پیشرفت مطالب در وردپرس با افزونه Content Progress تاریخ : 2017/07/16
5,766دانلود پوسته گرافیکی بصورت PSD تاریخ : 2013/11/3
1,140آموزش فارسی کردن وردپرس تاریخ : 2019/09/27
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات