آموزش صفحه بندی صفحات وردپرس بدون افزونه

صفحه بندی وردپرس بدون افزونه

سلام خدمات کاربران عزیز سیترال وب

در این آموزش میخایم به شما یاد بدیم که چطور میشه بدون استفاده از افزونه برای صفحات وردپرس صفحه بندی ایجاد کنیم .

یک کد نویسی سبک و حتی بسیار پیشرفته تر از افزونه های موجود نظیر wp-page-navi و یا wp-page-number

در این آموزش حتی به شما یاد میدیم که چطور برای کوئری هایتون صفحه بندی بسازین . صفحه بندی query وردپرس توسط افزونه هایی که در بالا تر ذکر شد امکان پذیر نیست چرا که این افزونه ها قادر به تشخیص Query نیستند و نمیتونند تشخیص بدن که یک کوئری چه زمانی نیاز به صفحه بندی داره و یا اینکه تعداد صفحات رو نشون میدن ولی وقتی به عنوان مثال رو صفحه مد نظر کلیک میکنید همچنان محتویات صفحه اول بالا میاد .

در این آموزش چند خطی که بصورت کاملا تختصصی توسط سیترال وب ارائه شده به شما آموزش داده میشه که با چند خط کد چطور صفحه بندی برای سایت وردپرسیتون داشته باشین .

در گام اول میبایست محتویات زیر رو به function.php قالب مد نظرتون اضافه کنید .

توجه * اگر بعد از قرار دادن کد در فایل functions.php و ذخیره آن صفحه سفید شد نگران نباشید . با توجه به اینکه بعضی مرور گر های اعداد موجود در کد زیر رو فارسی اجرا میکنن ، شما تنها میبایست تمام اعداد موجود در فایل زیر رو با اعداد اگلیسی جایگزین کنید .

 

* اگر این فایل رو ندارید ، خودتون در پوشه قالب مد نظرتون بسازیدش .

* دقت داشته باشین که کد های مذکور در بین دو تگ بصورت زیر قرار گرفته باشند .

 

حال کافیست کد زیر را در صفحات مد نظر برای فایل archive.php قالبتون و سایر پست تایپ ها اضافه کنید .

 

و برای کوئری ها میبایست ابتدا از کد نویس مختص آن برای نمایش آرشیو پست ها یا پست تایپ های دلخواهتان استفاده کنید .

 

سپس برای نمایش صفحه بندی کد زیر رو در انتهای صفحه کوئری تولید شده قرار بدین .

 

 

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

ولی صفحه بندیتون هیچ ظاهر خوشکلی نداره . درسته ؟

خب برای این کار کد های زیر رو به style.css قالبتون اضافه کنید .

 

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

امیدوارم که بهره لازم رو از آموزش برده باشین .

تشکر

 

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

*

code