آموزش طراحی قالب وردپرس #۶ب(لیست برگه ها)

اگر سری آموزش های طراحی قالب وردپرس را از اول دنبال نکرده اید به آدرس زیر بروید.

لیست آموزشهای قالب وردپرس

حالا که میدونیم چه خبره و برای اضافه کردن یک چیز به سایدبار باید چه کاری انجام بدیم سریع میریم سراغ یکی دیگه از گزینه هایی که به طور پیشفرض معمولا در هر سایدباری هست، البته انجام اینکار بیشتر به یادگیری کمک میکنه و سود زیادی نداره چون بعدن میشه با چند کلیک ساده اینکارها رو انجام داد.

البته این چند کلیک ساده نیازمند اینه که ما قالب رو با widget ها یا همون ابزارکه ها سازگار کرده باشیم، که اون کار رو هم در چند جلسه ی آتی انجام میدیم.

میدونیم که از قسمت برگه ها (Pages) در وردپرس میتونیم برگه های مختلفی برای سایت خودمون بسازیم، مثلن برگه ای برای برقراری ارتباط بازدید کننده ها با مدیر سایت و یا صفحه ای برای معرفی و …

برای اینکه لیست این صفحات در سایدبار نشون داده بشه ما یک خط کد لازم داریم که این کار رو انجام بده:

<?php wp_list_pages () ; ?>

دقت کنید این فاصله هایی که من داده ام فقط برای واضح شدن و شما نمیخواد اینکارو انجام بدین.

این تابع رو میتونیم هر جا دلمون بخواهد بنویسیم، اما میدونیم تگ li که در درس قبل نوشتیم مربوط به wp_list_cats بود و باید تابع امروز رو اگه میخواهیم بالا قرار بگیره بعد از <ul> قرار بدیم و اگه میخواهیم پایین موضوعات قرار بگیره باید قبل از <ul/> قرار بدیم!

حالا فایل index رو سیو میکنیم و در حالی که wamp رو قبلا باز کردیم میریم سایتمون رو ببینیم!

میبینیم که خودش همه کارهایی که ما برای تابع قبلی کردیم اتومات انجام داده!

البته برای من عنوان “Pages” رو خیلی کوچک نوشته و شبیه همه چیز هست به جز عنوان!

برای اینکار هم راه حلی هست! این تابع یک آرگومان مربوط به عنوان داره که ما میتونیم هر عنوانی که بخواهیم براش بزاریم!

من میخوام همین کلمه Pages رو داشته باشم فقط کمی بزرگتر، یادتون هست که برای عنوان ها از چه تگی استفاده میکردیم؟! بله از h2 یعنی من میخوام کد زیر رو به عنوان تیتر برای صفحات به مرورگر بفرستم:

<h2>Pages</h2>

وقتی این نوشته به مرورگر فرستاده بشه اون شبیه این ترجمه اش میکنه:

Pages

خوب اون آرگومان چیه؟ این آرگومان همونطور که از اسمش معلومه (title_li) مربوط به li عنوان است که ما در درس قبل دستی وارد کردیم، حالا کد رو به این صورت تغییر میدیم تا به نتیجه ی مطلوب برسیم:

<?php wp_list_pages (‘ title_li =<h2>Pages</h2> ‘) ; ?>

آرگومان های دیگه ای هم هستن که مثلن یکیشون مربوط به عمق لینک صفحات است!

میدونیم که ما میتونیم توی هر برگه هم یک برگه ی اصطلاحن child یا همون بچه برگه!! بسازیم یعنی یک برگه مادر و یک بچه که اون بچه هم میتونه بچه داشته باشه!

ما ممکنه ۱۰ تا بچه صفحه داشته باشیم اما بخواهیم نشون دادن اینها توی سایدبار رو محدود کنیم تا شکل سایت به هم نریزه! برای اینکار آرگومان depth=n رو داریم که n عدد ماست یعنی اگه عدد رو مثلن ۲ بدیم فقط مادر و بچه رو نشون میده دیگه بچه ی بچه رو نشون نمیده!

آرگومان دیگه sort_order است که اگه برابر با asc قرار بدیمش (که پیشفرض هم همینه!) صفحات رو به ترتیب الفبا مرتب میکنه و اگه مساوی با desc قرارش بدیم برعکس الفبا!

آرگومان های دیگری هم هست که بعدن همه رو یاد میگیریم.

تابع دیگری هم وجود داره که لیست برگه ها رو به صورت یک dropdown menu (که نمیدونیم فارسی شو چه طوری باید گفت!) فراخوانی میکنه که بنا به سلیقه یا نیاز میتونیم جایگزین تابع بالا کنیم:

<?php wp_dropdown_pages() ; ?>

خسته نباشین هرچند میدونم نشدین و نبایدم میشدین!! :d

بابابای بای بابای بای

‏6 دیدگاه برای ”آموزش طراحی قالب وردپرس #۶ب(لیست برگه ها)

  1. سلام
    اگه توی لیست برگه ها بخوایم که زیر مجموعه ها (بچه ها) همینطوری باز نمونه و مثلا به شکل درختی باز شه باید چیکار کرد؟

    با تشکر

  2. سلام دوست عزیز
    من میخوام که برگه‏ها رو که سمت چپ بالا قرار داره رو بذارم سمت چپ “خانه” (در واقع میخوام برگه‏ها تو جایی که الآن دسته‏ها رو روی قالب نشون میده نمایش بدم.) میشه راهنمایی کنید که این کار رو چطور باید انجام بدم؟

    1. من که ندیدم قالبتون رو نمیتونم دقیق بگم، از inspect elements در فایرباگ یا کروم و دراگون‌فلای در اپرا کمک بگیرین، اگر هم ابزارک هستن که میتونین از داشبورد جا به جا کنین

پاسخ دادن به حامد سپهر لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد.