مردان وردپرس آموزش وردپرس آموزش وردپرس، ساخت ajax more post بدون افزونه

آموزش وردپرس، ساخت ajax more post بدون افزونه

%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa-ajax-more-post-%d8%af%d8%b1-%d9%88%d8%b1%d8%af%d9%be%d8%b1%d8%b3-%d8%a8%d8%af%d9%88%d9%86-%d8%a7%d9%81%d8%b2%d9%88%d9%86%d9%87-wpmen

گاهی پیش می آید که بخواهیم با زدن یک دکمه مطالب بیشتر مطالب قدیمی تر سایت به کاربران نمایش داده شوند  و یا اینکه با زدن دکمه load more کاربران بتوانند در زیر مطالب مطالب قدیمی تر را مشاهده کنند این کار به نوعی یک pagination به صورت ایجکس می باشد.صفحه بندی مطالب بخش مهمی از هر وب سایت می باشد در واقع ما با صفحه بندی ، مطالب را به صورت یکجا از دیتا بیس نمی خوانیم و با هر بار کلیک کاربر تعداد معینی از مطالب را می خوانیم که این کار باعث بهبود سرعت بارگزاری سایت می شود.این کار نه تنها در وردپرسی بلکه در سایت ها  با فریم ورک ها  و cms های خاص نیز استفاده می شود.


ایجکس چیست

اِیْ‌جکس (AJAX؛ سرواژهٔ Asynchronous JavaScript And XML) به  مجموعه‌ای از استانداردها و فناوری‌های وب گفته می شود که  که به کمک آن‌ها می‌توان برنامه‌های مبتنی بر وب تولید کرد که به آسانی با کاربران تعامل داشته باشند. با استفاده از این فناوری‌ها و با کمک انتقال تکه‌های کوچک داده و اطلاعات از رایانهٔ خادم (Server)، صفحات وب از حالت منفعل خارج می‌شوند و واکنش‌هایی مناسب با رویدادها انجام می‌دهند. ای‌جکس معماری جدیدی برای برنامه‌های تحت وب است، که با سرعت بسیار زیادی در حال گسترش بوده، و کمتر کاربری در اینترنت است که هنوز گذرش به یکی از صفحاتی که با این معماری ساخته شده‌اند نیفتاده، و از قابلیت‌های فوق‌العاده آن بهره‌مند نشده باشد. Gmail، Google Map، Google Suggest، Orkut، و اسامی آشنای دیگر، نمونه‌هایی هستند از کاربرد ای‌جکس. با استفاده از این معماری، صفحات وب تعامل بسیار خوبی با کاربران خواهند داشت. بعلاوه، مهم‌ترین مزیت این معماری این است که دیگر برای انجام هر کاری، لازم نیست صفحه وب دوباره بارگذاری شود. 

ویکی پدیا

 


افزونه های زیادی برای این کار در وردپرس در نظر گرفته اند اما در این آموزش قصد داریم  صفحه بندی با ایجکس را بدون افزونه را آموزش دهیم. 

قدم اول : ساخت در صفحه مربوطه ای که می خواهیم پست ها نمایش داده شوند بیشتر در آرشیو می بینیم این مثال رو.

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

 

<a data-category="3" id="more_posts"  class="button button–aylen button–border-thick button–inverted button–text-upper button–size-s myBUTTON">show more</a>

 

 

در کد بالا ما  از دسته بندی شماره ۳، ۳  مطلب را نمایش می دهیم.حال  نوبت به کد جی کوئری است  که به صورت زیر انتهای همین صفحه  قرار می دهیم تا صفحه اسکریپت functions.js را  از پوشه js فراخوانی کند.

 

حال کد زیر را در صفحه مربوطه به functions.js  اضافه می کنیم

و در آخر کد های زیر رو درfunctions.php اضافه می کنیم

 

حال  می توانید دسته دلخواه خودتان را به جای cat قرار داده و تعداد پستی را که در اینجا  3 است را به تعدادا دلخواه خود تغییر دهید.در صورت هرگونه سوالی ، مردان وردپرس پذیرای شما عزیزان هستند.

 

تاریخ آخرین بروزرسانی : ۲۷ آبان ۱۳۹۵
منبع :‌ مردان وردپرس
میلاد میلادی

باور هایت را که پرورش دهی به هرچیزی دست خواهی یافت.

Advertising MiSaCo.
3نظر برای

آموزش وردپرس، ساخت ajax more post بدون افزونه


  1. ممنون

  2. باید html خیلی حرفه ای بلد باشی

  3. خیلی پیچیده شد , همون افزونه راحتتره .

نظرات خود را اینجا بنویسید

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

Time limit is exhausted. Please reload CAPTCHA.