گروه آموزش طراحی سایت 15 خرداد 1394 2 833 بازدید دوره مجازی آموزش طراحی قالب وردپرس

تا کنون در طی مباحث آموزش طراحی قالب وردپرس، آخرین گامی که برداشتیم، ساخت فایل دلخواه جهت نمایش بخش دیدگاه ها در صفحات داخلی قالب وردپرس مورد نظرمان است، و اما بر اساس آموزش های عرضه شده، می دانید محتویات و نحوه ی عملکرد بخش دیدگاه های وردپرس، توسط فایل comments.php (و یا هر ساختار نام دلخواه دیگری مانند onliner-comments.php) ساخته میشود، ما نیز در آموزش های پیشین چنین فایلی را ساختیم و آن را در فایل single.php پوسته وردپرس مان فراخوانی کردیم تا بتوانیم دیدگاه های کاربران را در صفحات داخلی قالب وردپرس مان به نمایش بگذاریم و همچنین امکان ارسال دیدگاه جدید را نیز برای کاربران سایت وردپرسی مان فراهم کنیم.

و اما در انتهای کاری که تا کنون انجام داده ایم، با مشکل عدم هماهنگی استایل ها و نحوه ی نمایش نا مطلوب عناصر نمایش داده شده مواجه هستیم، به طوری که تمامی اطلاعات مورد نظرمان را برای بخش دیدگاه های کاربران داریم نمایش می دهیم، اما نحوه ی نمایش آن ها مطلوب نیست، چرا که فاصله های عناصر با یکدیگر، رنگ بندی ها، چیدمان ها و … مطلوب نیستند و این در حالی است که ما در حین تبدیل یک قالب HTML به قالب وردپرس هستیم و اگر به فایل single.html ای که در قالب استاتیک مان وجود دارد نگاهی بیندازیم، متوجه خواهیم شد که یکسری استایل های CSS قبلا در نسخه ی استاتیک قالب سایت مان به خوبی در نظر گرفته شده اند، اما مشکل اینجاست که این هماهنگی و انطباق میان بخش درج دیدگاه ها در قالب HTML ما با آن چه که در قالب وردپرس مان ایجاد کرده ایم، وجود ندارد. بنابر این در این فیلم آموزشی به تفصیل آموزش خواهید دید که چگونه میتوانید این هماهنگی و انطباق را با کدهای CSS ای که پیش از این نوشته شده اند، برقرار کنید و همچنین برای بخشی از عناصر نیز، خودتان کدهای CSS مورد نیاز را بنویسید تا استایل دهی بخش دیدگاه ها را بخوبی انجام داده باشید.

آن چه در این فیلم آموزش طراحی قالب وردپرس ارائه میگردد:

  • بازرسی گام به گام بخش عناصر فرم های ارسال دیدگاه کاربران در وردپرس و هماهنگی استایل دهی آن ها با کدهای CSS قالب HTML
  • بازرسی گام به گام بخش نمایش دیدگاه های قبلی کاربران در وردپرس و هماهنگی استایل دهی آن ها با کدهای CSS قالب HTML
  • اعمال کدهای CSS مورد نیاز به صورت دلخواه به سایر عناصری که در کدنویسی وردپرس آن ها را اضافه کرده ایم ولی در نسخه ی اولیه قالب HTML مان وجود نداشته اند.

جهت دانلود فیلم آموزشی طراحی قالب وردپرس این بخش (به مدت 53 دقیقه و 58 ثانیه) بر روی لینک زیر کلیک نمایید:

خرید این فیلم آموزشی به صورت تک (2500 تومان) :
25,000 ریال – خرید
ثبت نام و دسترسی کامل به تمام فیلم ها و محتوای دوره آموزش طراحی قالب وردپرس قبلا ثبت نام کرده ام؛ ورود

دسترسی سریع :

نظرات کاربران (2)



  1. امید فیروزه

    سلام خسته نباشید
    الان هر دیدگاهی که میزاریم در یک li با class پیشفرض نمایش میده میشه این class های پیشفرض رو تغییر داد؟

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      بنده در پارامترهای تابع wp_list_comments وردپرس چنین چیزی را ندیدم. اما واقعیت اینجاست که چه نیازی به این کار هست؟ چون هر li یک class همگانی دارد و همچنین یک id منحصر به فرد نیز دارد. پس مشکلی برای استایل دهی به آن ها وجود ندارد. در حقیقت بایستی توجه داشته باشید که وقتی با وردپرس کار می کنید و قصد طراحی قالب وردپرس دارید، خیلی اوقات باید کدهای html و css خودتان را با وردپرس هماهنگ کنید و نه بالعکس.