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

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

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

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

با تبدیل یک قالب یونیورسال فیگما از پیش طراحی شده، یک وب‌سایت پورتفولیوی کاملاً کاربردی، واکنش‌گرا و بهینه‌شده برای سئو (SEO) بسازید. این فرآیند با استفاده از وردپرس و المنتور پرو انجام می‌شود و نیاز به هیچ‌گونه کدنویسی ندارد.

آنچه یاد خواهید گرفت

  • شخصی‌سازی قالب فیگما برای انطباق با برند شخصی شما.

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

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

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

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

  • ادغام Google Analytics 4 برای نظارت بر عملکرد سایت.

چرا این دوره را بگذرانید؟

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

تصویری از فرآیند طراحی وب‌سایت

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

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

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

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

مواد و منابع مورد نیاز

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

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

  • افزونه المنتور پرو (دستورالعمل‌های راه‌اندازی گنجانده شده است).

  • فایل قالب فیگمای ارائه شده برای شخصی‌سازی.

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


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

درس‌ها Lessons

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

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

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

  • مروری بر فیگما: کاوش رابط کاربری Figma Walkthrough: Exploring the Interface

  • ایجاد زیر دامنه (Subdomain) Create a Subdomain

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

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

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

  • مروری بر وردپرس WordPress Walkthrough

  • نصب المنتور پرو (Elementor Pro) Installing Elementor Pro

  • مروری بر ویرایشگر المنتور Elementor Editor Walkthrough

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

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

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

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

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

  • طراحی بخش Hero – قسمت دوم 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 برای بهینه‌سازی سئو داخلی (On-Page SEO) Setting Up Rank Math for On-Page SEO Optimization

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

  • رفع مشکل نمایش اموجی در وب‌سایت شما 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 سال سابقه کار .

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