تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
افزونه Coins MarketCap 1 پاسخ 202 بازدید درخواست پلاگین 4 پاسخ 442 بازدید اسکریپت vfm 5 پاسخ 557 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 226 بازدید افزونه ساخت شماره مجازی 14 پاسخ 1086 بازدید درخواست افزونه 1 پاسخ 422 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 692 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 651 بازدید نمایش کد های php 0 پاسخ 413 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

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

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

 

برای این کار اولین کار باید کد زیر را در فایل 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>

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=53105
کلمات کلیدی پست :
مطالب مرتبط
6,824جلوگیری از ایجاد مطلب با عنوان تکراری در وردپرس تاریخ : 2017/07/14
5,040ایجاد فاصله زمانی بین ارسال پست و آپدیت RSS تاریخ : 2017/03/3
4,528نمایش نام عمومی نویسنده در پست های وردپرس تاریخ : 2019/09/3
4,148نمایش شبکه‌ای پست‌ها با المنتور تاریخ : 2020/05/3
17,713دانلود قالب داده باران برای وردپرس تاریخ : 2016/01/4
17,774افزونه اسلایدر حرفه ای و ریسپانسیو Super Carousel نسخه 3.4 تاریخ : 2018/08/2
4,004۲۵ سوال مهم در وردپرس که باید پاسخ آن را بدانید تاریخ : 2018/11/21
10,554ساخت منوهای واکنشگرا در وردپرس با افزونه Responsive Menu Pro تاریخ : 2019/04/4
8,330ریست وردپرس با افزونه WordPress Reset تاریخ : 2017/04/17
6,852آموزش لینک کردن نوشته و برگه به آدرس دلخواه در وردپرس تاریخ : 2019/07/7
6,1568 روش برای ترویج خواندن مقالات قدیمی سایت تاریخ : 2016/12/2
8,672افزایش حجم آپلود در وردپرس با کمک php.ini تاریخ : 2018/07/3
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات