برای کدنویسی یا طراحی قالب وردپرس باید زبان های برنامه نویسی html و css به همراه توابع وردپرس را آموخت.
در واقع بعد از تبدیل طرح رابط کاربری (که با فرمت psd است) به برگه های html باید توابع و کدهای وردپرس را در میان کدهای html جایگذاری کرد تا پوسته شکل بگیرد و بتوان آنرا در سایت نصب و استفاده کرد. در این آموزش به معرفی و آموزش توابع وردپرس می پردازیم پس تا انتها همراه ما باشید.

اجزای تشکیل دهنده قالب وردپرس

هر قالب وردپرس از بخشهای متفاوتی تشکیل شده و هر بخش با فرمت php ذخیره میشود.
در حقیقت برای راحت تر شدن کار طراحی پوسته وردپرس، در هنگام تبدیل پوسته html به وردپرس بخشهایی که در اکثر صفحات وجود دارند را در یک فایل جدا ذخیره و نامی به آن میدهیم که قابل فهم باشد به عنوان مثال فایل header.php برای فراخوانی سربرگ پوسته کاربرد دارد.
مهمترین فایلهایی که در هر پوسته وردپرس یافت میشوند عبارتند از:

  1. شیوه نامه یا استایل style.css
  2. صفحه اصلی سایت home.php
  3. صفحه دسته بندی category.php
  4. نمایش ادامه مطلب و توضیحات نوشته single.php
  5. نماش محتوای برگه های سایت page.php
  6. نمایش صفحه جستجو search.php
  7. فایل اصلی پوسته وردپرس index.php
  8. صفحه خطای 404 یا پیدا نشد با نام 404.php
  9. ستونهای کناری پوسته sidebar.php
  10. هدر یا سربرگ header.php
  11. فوتر یا پانوشت footer.php
  12. تصویری نام screenshot با فرمت png یا jpg برای نمایش در بخش پوسته های وردپرس
  13. و …

در صورتیکه پوسته شما دارای فایل home.php باشد این فایل نسبت به index.php برای نمایش صفحه اصلی تقدم دارد یعنی محتوای فایل home به عنوان صفحه اصلی سایت شناسایی خواهد شد. در هر پوسته وردپرس میتوان بی نهایت پوشه قرار داد و اجزای قالب را مدیریت کرد. پرکاربردترین پوشه در قالبهای وردپرس پوشه img یا images است که محل نگهداری تصاویر و آیکونهای پوسته است.

 

توابع وردپرس مهم برای طراحی پوسته

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

  1. تابع نمایش عنوان نوشته the_title
  2. تابع نمایش لینک پست the_permalink
  3. تابع نمایش نویسنده مطلب the_author_name
  4. تابع نمایش تعداد دیدگاه های ارسال شده در مطلب comments_number
  5. کد نمایش دسته بندی که مطلب در آن قرار دارد the_category
  6. تابع نمایش برچسب های مطلب the_tags
  7. تابع نمایش تاریخ انتشار نوشته the_time
  8. تابع نمایش تاریخ بروزرسانی یا آپدیت شدن پست the_modified_date
  9. تابع نمایش توضیحات و محتوای مطلب the_content
  10. تابع نمایش تصویر شاخص نوشته the_post_thumbnail
  11. توابعی که توسط افزونه ها به وردپرس اضافه میشوند
  12. و …

در تصویر زیر یک نمونه استاندارد از کدنویسی html5 و جایگذاری توابع وردپرس در آن را مشاهده میکنید.

توابع وردپرس و کدهای لازم برای طراحی قالب وردپرس

 

توابعی که در خارج از حلقه وردپرس کاربر دارند

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

توابع فراخوانی بخش های مختلف قالب وردپرس

پس از طراحی psd قالب وردپرس یا همان رابط کاربری نوبت به کدنویسی html میرسد.
در مرحله تبدیل قالب html به پوسته وردپرس باید بخشهایی مانند: هدر و فوتر را که در صفحات قالب تکرار میشوند را جدا و توسط دستورات لازم آنها را در پوسته فراخوانی کرد. از آنجا که وردپرس با زبان متن باز و محبوب php نوشته شده است، فایلهای تکه تکه شده پوسته را با فرمت php ذخیره میکنیم.

از مهم ترین توابع وردپرس برای فراخوانی بخشهای مختلف پوسته میتوان به موارد زیر اشاره کرد:

  1. فراخوانی هدر توسط تابع get_header
  2. افزودن فوتر یا پانوشت پوسته توسط تابع get_footer
  3. بارگذاری ستون کناری توسط تابع get_sidebar
  4. فراخوانی اجزای مختلف پوسته توسط تابع get_template_part
  5. و …

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

پلاگین نویسی

اگر به دنبال اطلاعات بیشتر درباره توابع وردپرس و نحوه کار با آنها هستید پیشنهاد ما مطالعه بخش Theme Development در codex وردپرس است.

About The Author

Comments

More Posts You May Find Interesting