طراحی صفحه اول سایت - طراحی سایت با قالب استرا | جلسه 39

Описание: .
👋 سلام دوستای گلم! سجاد سعادت هستم از وب‌کاستر آکادمی و خیلی خوشحالم که تو قسمت 39 از دوره طراحی وب‌سایت با وردپرس همراهم هستید!

توی این قسمت قراره با همدیگه صفحه اصلی (Home Page) سایتمون رو دقیقا مثل اون دمویی که قبلا دیدیم، راه اندازی کنیم.
فقط یه نکته مهم رو قبل از شروع بگم: این قسمت و دو سه تا ویدیوی بعدی یه کم طولانی تر میشن. چرا؟
چون طراحی یک وب سایت شرکتی رو با قالب استرا یا Astra استارت زدیم و در این ویدیو صفحه Home Page یا صفحه نخست رو با هم طراحی میکنیم.


✅ خلاصه ای از کارهایی که با هم انجام میدیم :)
🟠 طراحی و سفارشی سازی کامل هدر (Header) سایت
🟠 ایمپورت کردن هوم پیج از دمو
🟠 تنظیمات اولیه صفحه اصلی (فول ویت کردن و...)
🟠 فارسی سازی و تغییر متن دکمه ها
🟠 رفع مشکل فونت و تنظیم مجدد فونت ساحل
🟠 تغییر محتوای سکشن های مختلف صفحه اصلی (معرفی خدمات، نمونه کارها، مشتریان و...)
🟠 استفاده از کد CSS برای حل مشکلات تراز بندی
🟠 اضافه کردن نظرات مشتریان
🟠 معرفی تیم پشتیبانی
🟠 کال تو اکشن (Call to Action) جذاب
🟠 طراحی و سفارشی سازی فوتر (Footer) سایت


✅ نکات کلیدی:
📌 صبر و حوصله: ویدیو یه کم طولانیه، پس با حوصله ببینید و همه مراحل رو انجام بدید.
📌 پیش نیازها: اگه ویدیوهای قبلی رو ندیدید، حتما اول اونها رو ببینید تا با این قسمت بهتر ارتباط برقرار کنید. میتونید از لینک زیر استفاده کنید:
   • طراحی سایت با قالب استرا - ایمپورت دمو برا...  
📌 کد CSS: با یه سری کد CSS ساده هم آشنا میشیم که خیلی بهمون کمک می کنه!
📌 محتوای واقعی: یادتون نره که محتوای سایتتون باید واقعی و مرتبط با کسب و کارتون باشه. از محتوای دمو فقط برای یادگیری استفاده کنید.


✅ کدهای استفاده شده برای افزودن فونت به وب سایت و کلاس css که تعریف کردیم رو میتونید از طریق لینک زیر دانلود کنید:
https://webcaster.dev/edu/cssCodeForA...


✅ ✅ بخش های این ویدیو:
0:00 مقدمه
4:29 طراحی هدر یا سربرگ مشابه دمو اصلی قالب
9:53 طراحی سکشن اول (معرفی)
14:44 طراحی سکشن دوم (بخش خدمات)
25:32 طراحی سکشن سوم (بخش نمونه کارها یا portfolio)
30:17 طراحی سکشن چهارم (بخش مشتریان ما)
34:31 طراحی سکشن پنجم (بخش نظرات مشتری یا testimonial)
44:06 طراحی سکشن ششم (بخش معرفی پرسنل)
53:23 طراحی سکشن هفتم (بخش دعوت به اقدام)
55:24 طراحی فوتر و ایجاد menu های مورد نیاز
1:04:50 جمع بندی


پلی لیست دوره:
   • آموزش طراحی سایت با وردپرس رایگان  


✅ یادت نره!
🟠 اگه سوالی در مورد تنظیمات فوتر یا هر قسمت دیگه از وردپرس داشتید، حتما تو بخش کامنت‌ها ازم بپرسید. خوشحال میشم به سوالاتتون جواب بدم.
🟠 اگه این ویدیو رو دوست داشتید، حتما لایکش کنید و برای دوستاتون هم بفرستید تا اون‌ها هم بتونن ازش استفاده کنن.
🟠 برای اینکه از ویدیوهای بعدی ما جا نمونید، حتماً کانال رو سابسکرایب کنید و زنگوله رو فعال کنید!


راه های ارتباطی با ما
https://webcaster.dev
  / sajadsaadat  
  / sajadsaadat1  


#طراحی_سایت_با_قالب_استرا #قالب_رایگان_وردپرس #آموزش_نصب_قالب_روی_وردپرس #وردپرس #آموزش_وردپرس #طراحی_سایت #قالب_وردپرس #قالب_استرا #آموزش_طراحی_سایت #آموزش_استرا #وب_کاستر_آکادمی #سجاد_سعادت #طراحی_سایت_با_وردپرس #webcasteracademy #وب‌کاستر #webcaster #وب‌کاستر_آکادمی #ایمپورت_قالب_استرا #طراحی_صفحه_اول_سایت