امروز : چهارشنبه ۲ اسفند ۱۳۹۶ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

آموزش گام به گام طراحی قالب وردپرس :در جلسه ششم از آموزش گام به گام طراحی قالب وردپرس، ادامه ی مطالبی که در جهت نمایش پست ها (نوشته ها) در قسمت قبل برای شما دوستان گفته شد، تکمیل می کنیم. امیدوارم از آموزش های ما لذت ببرید.

نمایش خلاصه مطالب نوشته ها

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

 

تابع ()the_excerpt  :

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

 

11-300x152 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

تصویر زیر خروجی تابع معرفی شده در بالا می باشد.

 

22-300x82 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

تابع  ()get_the_excerpt  :

این تابع نیز جهت نمایش خلاصه ی مطالب پست ها به کار می رود و دارای دو تفاوت با تابع ()the_excerpt می باشد:

 

  • این تابع مقدار را برمی گرداند یعنی خلاصه مطالب را چاپ نمی کند. برای نمایش خلاصه محتوا باید یک متغیر تعریف کرده و تابع را درون آن قرار دهید. سپس با دستور echo یا print ، متغیر را چاپ کنید.
$x=get_the_excerpt();

echo $x;             or            print $x;

 

  • با  تابع ()the_excerpt، خلاصه محتوا درون تگ p نمایش پیدا می کند. در صورتی با تابع ()get_the_excerpt اینطور نیست . با inspect کردن خلاصه محتوا این قضیه کاملا مشهود است.

 

تابع ()wp_trim _excerpt  : تابع سوم جهت نمایش خلاصه مطالب پست ها است. این تابع دارای یک آرگومان یا پارامتر می باشد .

Wp_trim_excerpt($txt);

txt$ ، هر مقداری که به این پارامتر داده شود به عنوان خلاصه ی محتوا نمایش داده می شود.

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

 

33-300x51 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

 

نمایش دسته بندی پست ها در وردپرس

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

 

 تابع ()the_category :

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

The_category($seprator, $parent , $post-id);

 

  • Separator$ برای تعریف این می باشد که دسته بندی ها با چه المانی از هم جدا شوند به عنوان مثال کاما ، خط تیره و غیره
  • برای پارامتر parent$، دو مقدارsingle و multiple وجود دارد. در صورتی که عبارت single، گذاشته شود، دسته بندی  و والد آن به صورت یک لینک نمایش داده می شود اما اگر مقدار multiple را قرار دهید، دسته بندی و والد آن به صورت دو لینک مجزا نمایان می گردد.
  • post-id$، اگر در حلقه ی اصلی استفاده شود، id همان پستی که نوبتش هست ، به صورت پیش فرض در آن قرار می گیرد. درصورت استفاده در خارج از حلقه ی اصلی می توانید id پست موردنظر را جهت نمایش قرار دهید.

نحوه استفاده از تابع معرفی شده ()the_category در تصاویر زیر واضح است.

 

44-300x170 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

55-300x121 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

نمایش تاریخ پست ها :

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

تابع ()the_date :

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

The_date($format,$before,$after,$echo);

  • format$ فرمت نمایش تاریخ را نشان می دهد. می توانید فرمت دلخواه برای نمایش تاریخ به این پارامتر بدهید تا بر اساس آن نمایش پیدا کند. اما نکته ای که وجود دارد این است که در صورتی که به این پارامتر مقداری انتساب داده نشود فرمت را از قسمت تنظیمات همگانی، طبق تصویر زیر فراخوانی کرده و نمایش می دهد.
  • پارامترهای before$ و after$ ، قبلا اشاره شده است و اما آرگومان echo$ در صورتی که true باشد خروجی چاپ می گردد و اگر false باشد، داخل یک متغیر ریخته می شود و می توان متغیر را با دستور echo یا print چاپ کرد.

 

88-300x134 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

 

در این قسمت دو نکته وجود دارد :

  • در صورتی که تابع ()the-date را استفاده کردید و تاریخ به صورت میلادی نمایش داده شد، به قسمت افزونه ها رفته و افزونه وردپرس فارسی یا wp-jalali را فعال کنید تا تاریخ انتشار مطالب به صورت شمسی نمایان شود.
  • همانطور که در تصویر نیز مشخص است، تاریخ بعضی نوشته ها نشان داده نمی شود، علت آن است که در صورتی که نوشته ها در یک تاریخ منتشر شوند، فقط تاریخ آخرین نوشته نمایان می گردد.

 

66-1-300x117 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

 

نکته نکته : در صورتی که بخواهید تابع ()the_date فرمت نمایش تاریخ را از تنظیمات خود وردپرس فراخوانی کند، از دستور زیر استفاده می کنیم.

 

77-300x126 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

 

The_date(get_option(‘date_format’) , ‘$before’ , ‘$after’, true);


تابع ()get_the_date   :

 

تابع دوم برای نمایش تاریخ انتشار مطالب در وردپرس است که مهم ترین تفاوتی که با تابع ()the_date دارد، در این است که این تابع، تاریخ تمامی پست ها حتی آن هایی که دارای تاریخ انتشار یکسان هستند را نمایش می دهد.

 

get_the_date($format , $post-id);

 

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

110-300x180 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

 

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

 

Untitled888-300x175 آموزش گام به گام طراحی قالب وردپرس قسمت ششم

 

با ما در آموزش های بعدی همراه شوید، تا توانایی کامل داینامیک کردن پوسته وردپرس را در کنار هم فراگیریم.

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 205 بار دسته بندی : آموزش ، آموزش وردپرس دیدگاه : ۰ تاريخ : ۹ بهمن ۱۳۹۶
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
سونیا مختاری

دیدگاه کاربران تعداد دیدگاه : ۰