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

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

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

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

1) تابع ()the_title :

همانطور که در جلسه ی قبل به آن اشاره شد. تابع وردپرسی () the_title جهت نمایش عناوین پست ها استفاده می شود و دارای 3 آرگومان یا پارامتر می باشد.

the_title($before,$after,$echo);

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

1png-300x216 آموزش گام به گام طراحی قالب وردپرس قسمت پنجم

تصویر دوم : خروجی کد تصویر بالا می باشد.

1-3-300x210 آموزش گام به گام طراحی قالب وردپرس قسمت پنجم

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

$X= the_title(‘<h2>’,'</h2>’,true);

مثال : به عنوان مثال می توان از تگ های html برای پارامترهای before$ وafter$ استفاده کرد.

the_title(‘<h2>’,'</h2>’,true);

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

تابع get_the_title($ID) :

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

echo get_the_title($ID);

تفاوت تابع () the_title و () get_the_title :

1) تابع ()get_the_title خروجی را چاپ نمی کند بلکه یک مقدار را برمی گرداند.
2) تابع ()get_the_title را برخلاف تابع ()the_title می توان خارج از حلقه ی اصلی نیز استفاده شود.

نکته : تابع () get_the_title را می توان بدون پارامتر ID در حلقه ی اصلی نیز استفاده کرد و عملکرد آن شبیه تابع ()the_title خواهد شد.

لینک ها و پیوندهای یکتا

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

2) تابع () the_permalink :

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

مثال : مطابق تصویر زیر از تابع ()the_permalink جهت لینک شدن عناوین در قسمت href تگ a استفاده شده است.

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

 

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

4-2-300x174 آموزش گام به گام طراحی قالب وردپرس قسمت پنجم

 

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

تابع  Post_permalink(ID) :

این تابع ID پست یا نوشته را می گیرد و خروجی را برمی گرداند.

 

تفاوت تابع () the_permalink و ()post_permalink :

1-تابع ()post_permalink خروجی را چاپ نمی کند بلکه یک مقدار را برمی گرداند.

2-تابع ()post_permalink را برخلاف تابع () the_permalink می توان خارج از حلقه ی اصلی نیز استفاده شود.

نکته :  تابع ()post_permalink را می توان بدون پارامتر ID در حلقه ی اصلی نیز استفاده کرد که عملکرد آن شبیه تابع ()the_permalink خواهد شد.

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

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

4) تابع () the_tags

 

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

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

7-300x135 آموزش گام به گام طراحی قالب وردپرس قسمت پنجم

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

8-300x194 آموزش گام به گام طراحی قالب وردپرس قسمت پنجم

 

  • این تابع دارای سه آرگومان به صورت the_tags( $before , $seprator ,  $after) می باشد که آرگومان before$ در انگلیسی به معنی tags و در فارسی برچسب ها می باشد، اگر بخواهیم این عنوان تغییر کند باید به جای آن از عنوان دیگری جایگذاری شود.

 

  • seprator$  به معنی جداکننده است که به صورت پیش فرض کاما می باشد و می توانید آن را تغییر دهید.

 

  • after$ آرگومان سوم این تابع می باشد و در صورتی که بخواهیم ادامه برچسب ها مقداری قرار گیرد، می توان این آرگومان را مقداردهی کرد.

 

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

5) تابع () the_content :

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

مثال : تصویر زیر نحوه استفاده از تابع ()the_content را نشان می دهد.

10-300x153 آموزش گام به گام طراحی قالب وردپرس قسمت پنجم

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

12-300x95 آموزش گام به گام طراحی قالب وردپرس قسمت پنجم

 

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

 

Untitled44-300x252 آموزش گام به گام طراحی قالب وردپرس قسمت پنجم

 

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

 

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

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

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

منبع : وبیت

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

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