آموزش طراحی قالب html و css جلسه اول | پاسخ وردپرس |

مطالب پیشنهادی برای شما مهمان عزیز

سلام ,

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

آموزش طراحی قالب html و css جلسه اول

خوب بریم سراغ طراحی قالب خود برای مرحله اول یه تعداد کد ریست قرار میدیم داخل قالب css

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

دقت داشته باشید باید فایل های زیر را داشته باشید :

[checklist]

  • یک پوشه بنام rootfile
  • داخل پوشه یک پوشه  css برای فایل های css
  • یک پوشه fonts برای فونت ها
  • یک پوشه images برای تصویر
  • یک فایل بنام style.css
  • یک فایل بنام index.html

[/checklist]

کد html زیر را داخل فایل index.html قرار دهید

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

بیشتر بخوانید :
آموزش HTML5 و CSS3 آموزش نمایش جدید ترین مطالب در سایدبار | پاسخ وردپرس |

کد های زیر را کپی کنید .

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

بیشتر بخوانید :
آموزش ساخت منوی آبشاری در html و css قسمت دوم | پاسخ وردپرس |

دانلود فونت یکان

برای این که ما بتوانیم از این فونت استفاده نمایم باید فونت های مورد نظر داخل فایل style.css فراخوانی کنیم ما توی جلسات قبلی به طور کامل آموزش استفاده از فونت خدمت شما آموزش دادیم
برای فرخوانی فونت ها کد های زیر داخل فایل style.css قرار دهید.

خوب دوستان عزیز این جلسه از آموزش طراحی قالب html و css به پایان رسید امید وارم که مفید بوده باشه اگه این آموزش را دوست داشتید به دوستان خود به اشتراک بزارید
تا یکی دیگه از آموزش های وب سایت پاسخ وردپرس خدا نگهدار

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام یا پیج یوتیوب پاسخ وردپرس عضو شوید.

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

لینک کپی شد!

نظر شما در این‌باره چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *