آموزش طراحی پورتفولیو حرفه‌ای: از قالب فیگما تا وب‌سایت وردپرس با المنتور پرو - آخرین آپدیت

دانلود Universal Portfolio Design: From Figma Template to Live WordPress Site with Elementor Pro

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

ساخت وب‌سایت نمونه‌کار (پورتفولیو) با وردپرس و Elementor Pro (بدون کدنویسی)

یک تمپلیت آماده فیگما را به یک وب‌سایت نمونه‌کار (پورتفولیو) کاملا کاربردی، واکنش‌گرا و بهینه‌شده برای موتورهای جستجو (SEO) با استفاده از وردپرس و Elementor Pro تبدیل کنید، بدون نیاز به هیچ‌گونه کدنویسی.

آنچه خواهید آموخت:

  • شخصی‌سازی یک تمپلیت فیگما برای همخوانی با برند شخصی شما.

  • راه‌اندازی دامنه و هاست برای انتشار وب‌سایت‌تان به‌صورت آنلاین.

  • نصب و پیکربندی وردپرس با افزونه Elementor Pro.

  • بازسازی طرح فیگما با استفاده از رابط کاربری کشیدن و رها کردن (drag-and-drop) Elementor.

  • بهینه‌سازی وب‌سایت برای سرعت و موتورهای جستجو (SEO).

  • یکپارچه‌سازی Google Analytics 4 برای پایش عملکرد سایت.

چرا باید در این دوره شرکت کنید؟

چه یک فریلنسر، متخصص خلاق یا طراح وب مشتاق باشید، این دوره یک راهنمای گام‌به‌گام برای ساخت یک وب‌سایت نمونه‌کار شخصی ارائه می‌دهد. در پایان دوره، یک وب‌سایت فعال خواهید داشت که بازتاب‌دهنده سبک منحصربه‌فرد و هویت حرفه‌ای شماست.

نمونه پروژه پورتفولیو

این دوره برای چه کسانی مناسب است؟

  • مبتدیان علاقه‌مند به طراحی و توسعه وب.

  • فریلنسرها و افراد خلاقی که به دنبال یک نمونه‌کار آنلاین برجسته هستند.

  • افرادی که به دنبال تبدیل طرح‌های فیگما به وب‌سایت‌های واقعی هستند.

ملزومات/منابع

  • یک کامپیوتر با دسترسی به اینترنت.

  • حساب‌های رایگان برای فیگما و وردپرس (راهنمایی در داخل دوره ارائه می‌شود).

  • افزونه Elementor Pro (دستورالعمل‌های نصب موجود است).

  • فایل تمپلیت فیگما ارائه شده برای سفارشی‌سازی.

با گذراندن این دوره، مهارت‌های عملی برای ساخت و مدیریت وب‌سایت حرفه‌ای خود را به دست خواهید آورد و حضور آنلاین خود را تقویت کرده و مشتریان یا کارفرمایان بالقوه را جذب خواهید کرد.


سرفصل ها و درس ها

درس‌ها Lessons

  • به کلاس آموزش Figma به WordPress خوش آمدید: ساخت یک پورتفولیو جهانی با Elementor Pro Welcome to Figma to WordPress: Build a Universal Portfolio with Elementor Pro class

  • معرفی ابزارهایی که استفاده می‌کنیم: مزایا، معایب و جایگزین‌ها Introduction to the Tools We Use: Pros, Cons, and Alternatives

  • ایجاد یک حساب کاربری Figma Create a Figma Account

  • آموزش Figma: بررسی رابط کاربری Figma Walkthrough: Exploring the Interface

  • ایجاد یک ساب‌دامین Create a Subdomain

  • خرید یک دامین و هاستینگ Buying a Domain and Hosting

  • نصب WordPress روی هاستینگ شما Install WordPress on Your Hosting

  • پاکسازی داشبورد WordPress Clean WordPress dashboard

  • آموزش WordPress WordPress Walkthrough

  • نصب Elementor Pro Installing Elementor Pro

  • آموزش ویرایشگر Elementor Elementor Editor Walkthrough

  • تنظیم رنگ‌های سراسری در Elementor Set Up Global Colors in Elementor

  • پیکربندی تنظیمات سایت و فونت‌های سراسری در Elementor Configure Site Settings & Global Fonts in Elementor

  • طراحی منوی هدر – قسمت 1 Designing the Header Menu – Part 1

  • طراحی منوی هدر – قسمت 2 Designing the Header Menu – Part 2

  • طراحی بخش Hero – قسمت 1 Designing the Hero Section – Part 1

  • طراحی بخش Hero – قسمت 2 Designing the Hero Section – Part 2

  • طراحی بخش درباره ما Designing the About Section

  • طراحی بخش خدمات Designing the Services Section

  • اضافه کردن دکمه‌ها به بخش خدمات Adding Buttons to the Services Section

  • طراحی بخش نظرات Designing the Reviews Section

  • طراحی بخش تماس با ما Designing the Contact Section

  • طراحی فرم تماس Designing the Contact Form

  • طراحی فوتر Designing the Footer

  • راه‌اندازی ایمیل Setting Up Email

  • عیب‌یابی مشکلات SMTP Troubleshooting SMTP Issues

  • تغییر رنگ‌های Hover Changing Hover Colors

  • رفع واکنش‌گرایی تبلت Fixing Tablet Responsiveness

  • رفع واکنش‌گرایی موبایل Fixing Mobile Responsiveness

  • پیوند دادن بخش‌های وب‌سایت Linking Website Sections

  • تولید صفحات شرایط و ضوابط و سیاست حفظ حریم خصوصی Generating Terms & Conditions and Privacy Policy Pages

  • اضافه کردن انیمیشن‌ها Adding Animations

  • تنظیم Rank Math برای بهینه‌سازی SEO داخلی صفحه Setting Up Rank Math for On-Page SEO Optimization

  • تنظیم پلاگین LiteSpeed Cache برای سرعت بیشتر وب‌سایت Setting Up LiteSpeed Cache Plugin for Faster Website Speed

  • رفع مشکل نمایش Emoji در وب‌سایت شما Fixing the Emoji Display Issue on Your Website

  • پروژه کلاسی Class Project

نمایش نظرات

آموزش طراحی پورتفولیو حرفه‌ای: از قالب فیگما تا وب‌سایت وردپرس با المنتور پرو
جزییات دوره
4h 33m
36
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
4
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Akalanka Karunarathna Akalanka Karunarathna

طراح UI/UX و سازنده محتوا

سلام،

من یک طراح UI/UX آزاد هستم با بیش از 5 سال سابقه کار .

هدف من این است که دانش و تجربه خود را با دانشجویانی که مایل به یادگیری طراحی وب و گرافیک هستند به اشتراک بگذارم.