آموزش طراحی قالب وردپرس – ساخت بخش دیدگاه ها

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

اول از همه فایل single.php رو در حالت ادیت باز کنید. بعد از کد باکس درباره نویسنده ( یعنی این کد )

این کد رو قرار بدید:

حالا فایل رو ذخیره کنید. اگر wamp server رو باز نکردید، باز کنید و بعدش سایت رو باز کنید و داخل یکی از مقالات برید. میبینید که زیر باکس درباره نویسنده بخش دیدگاه ها نمایش داده میشه.البته خیلی زشته.

 

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

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

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

حالا چیزی که داریم اینه:

 

 

خب حالا یک دیدگاه ثبت کنیم ببینیم چطوری میشه. من یک دیدگاه ثبت کردم و به یک ارور برخوردم. خب علتش چیه؟ ما برای نمایش دیدگاه ها یک تابعی داریم به نام wp_list_comments که این یک آرگومان داره به نام callback. در اینجا باید یک فانکشن برای نمایش دیدگاه ها بنویسیم و داخل آرگومان قرار بدیم که من از قبل نام فانکشن رو گذاشتم (elnaz_comments)

 

خب فایل functions.php رو باز کنید و این کد رو بهش اضافه کنید:

function elnaz_comments($comment, $args, $depth) {
$GLOBALS[‘comment’] = $comment; ?
li ?php comment_class(); ? id=”li-comment-?php comment_ID() ?”
div id=”comment-?php comment_ID(); ?”
div
div class=”author-name”
strong
?php $user_name_str = substr(get_comment_author(),0, 20); ?
?php printf(__(‘%s’,’text-domain’), $user_name_str) ? در تاریخ ?php printf(__(‘%1$s’,’text-domain’), get_comment_date()) ??php edit_comment_link(__(‘(ویرایش)’,’text-domain’),’nbsp; ‘,”) ? گفت:
/strong
/div
/div
?php if ($comment-comment_approved == ‘0’) : ?
emدیدگاه شما در انتظار تائید مدیریت است/em
br /
?php endif; ?
div class=”comment-text”
?php comment_text() ?
/div
div
?php comment_reply_link(array_merge( $args, array(‘depth’ = $depth, ‘max_depth’ = $args[‘max_depth’]))) ?
/div
/div
?php
}

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

 

 

 

خب اینجارو هم خوشگل تر می کنیم. پس بازم میریم سراغ style.css و این کدهارو داخلش قرار میدیم:

 

حالا چیزی که داریم اینه:

 

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

موفق باشید

You Might Also Like

دیدگاهتان را بنویسید

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