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

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

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

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

comments

 

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

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

comments2

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

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

 

 

cm

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

 

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

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

 

 

CM-LIST

 

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

 

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

 

CM-LIST

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

موفق باشید

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

  • محسن
    - ۲۲ اردیبهشت , ۱۳۹۵

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

    • الناز
      - ۲۳ اردیبهشت , ۱۳۹۵

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

    • سامان
      - ۳۱ تیر , ۱۳۹۵

      ممنون ، اما من یه مشکل دارم با این ، وقتی به صورت کلی این رو در سایتم قرار میدم ، بعد از هر ارسال نظر صفحه میپره و به ته سات میچسبه به جای اینکه بعد از ری لود خود کامنت رو نمایش بده ! مشکل از چیه ؟

  • علی
    - ۷ خرداد , ۱۳۹۵

    سلام . نمیدونم چرا هر چی استایل های شما رو وارد میکنم کار نمیکنه مشکل از چیه

  • احسان
    - ۱۲ مرداد , ۱۳۹۵

    سلام و وقت بخیر..
    یکی از بهترین و صادقترین مراجع رو دارید.
    کم کامنت میزارم ولی حیفم اومد یه خسته نباشید جانانه بهتون نگم…
    راستی هر وقت گذرم میخوره به سایتتون قبل از هر چیزی روی بنر تبلیغاتی کلیک میکنم ( فقط برای این میگم که بدونید کار صادقانه بازخورد خوبی داره ، و نه برای خود شیرینی 🙂
    امیدوارم همیشه شاد و موفق و البته با جیبی پر پول باشید.
    یا حق

  • رحیم
    - ۱۳ مرداد , ۱۳۹۵

    سلام
    دستتون درد نکنه مطالبتون خیلی مفیده فقط ای کاش معنی بعضی از کدها را می ذاشتید

  • مصطفی
    - ۷ دی , ۱۳۹۵

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

دیدگاه خود را بیان کنید