وردپرس ۲۰۲۵: دوره جامع آموزش طراحی سایت با وردپرس - آخرین آپدیت

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

مقدمه‌ای بر دوره Introduction to the course

• چه انتظاری داشته باشیم؟ What to Expect?

• قبل از شروع Before you begin

• چگونه سؤال بپرسیم؟ How to ask Questions?

• ابزارهای مورد نیاز Required Tools

• چرا برای اجرای وردپرس به سرور نیاز دارید؟ Why you need a server to run WordPress

• مرور کنیم Lets recall

برای کاربران ویندوز: نصب وردپرس For Windows Users: WordPress Installation

• نصب زمپ (XAMPP) در ویندوز Installation of Xampp on Windows

• نحوه تغییر پورت آپاچی How to change Apache port

• نصب وردپرس در ویندوز Installation of WordPress on Windows

• زمپ (XAMPP) کار نمی‌کند؟ (مطالعه کنید) XAMPP not working? (Read Me)

برای کاربران مک: نصب وردپرس For MAC USERS: WordPress Installation

• نصب زمپ (XAMPP) در مک‌اواس Installation of Xampp on MacOS

• نصب وردپرس و برخی اصلاحات مک Installation WordPress and some mac fixes

• رفع خطاهای مک‌اواس Bug Fixes for Mac OS

مبانی وردپرس در ۱ ساعت (به‌روزرسانی جدید) WordPress basics in 1 Hour (Recently Updated)

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

• ساخت یک وب‌سایت ۳ صفحه‌ای Creating a 3 Page Website

• سفارشی‌سازی قالب چگونه کار می‌کند How does different Theme Customizer Work

• طراحی نوار بالایی Designing Top Bar

• طراحی سربرگ Designing the header

• رفع اشکال: حاشیه نوار بالایی از بین نمی‌رود؟ Bug Fix: Top bar border not going away?

• طراحی پابرگ Designing the footer

• حتما ببینید!!! مروری بر صفحه‌سازها MUST WATCH!!! Page Builders Overview

• مرور کنیم Lets Recall

مبانی صفحه‌ساز (به‌روزرسانی جدید) Page Builder Basics (Recently Updated)

• کانتینرها و المان‌ها چه هستند؟ What are containers and elements?

• استایل‌دهی پایه در صفحه‌ساز Basic Styling in Page Builder

• مارجین و پدینگ Margins and Paddings

• کانتینرهای گرید Grid Containers

• مرور کنیم Lets recall

پروژه ۱: بیایید یک وب‌سایت شخصی با وردپرس بسازیم (به‌روزرسانی جدید) Project1: Lets Build a Personal website with WordPress (Recently updated)

• طراحی سربرگ Designing the header

• شفاف کردن سربرگ Making header transparent

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

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

• طراحی بخش شبکه‌های اجتماعی و فراخوان به اقدام Designing Social & CTA section

• افزودن پاپ‌آپ Adding a popup

• فرم تماس در پاپ‌آپ Contact Form in Popup

• تنظیمات منو Menu Settings

• انجام بهینه‌سازی موبایل Doing the Mobile Optimization

• درس‌های قدیمی Older Lectures

هر آنچه درباره سرور آنلاین (هاست و دامنه - به‌روزرسانی شده) All about Online Server (Web Hosting and Domain - UPDATED)

• مقدمه‌ای بر سرور آنلاین Introduction to online server

• دریافت دامنه و هاست وب Getting the Domain and Web Hosting

• مروری بر hPanel hPanel Overview

• انتقال زمپ (XAMPP) - بخش ۱ Xampp Transfer Part 1

• انتقال زمپ (XAMPP) - بخش ۲ Xampp Transfer Part 2

• انتقال LocalWP (اگر به جای زمپ از LocalWP استفاده می‌کردید، این را ببینید) LocalWP Transfer (Watch this if you were using localwp instead of xampp)

• رفع اشکال Bug Fixing

• ایمیل دامنه - بخش ۱ (سطح کاربر) Domain email part 1 (User Level)

• ایمیل دامنه - بخش ۲ (سطح مدیر) Domain email part 2 (Admin Level)

• ایمیل - بخش ۳ (فرم تماس) Email part 3 (Contact Form)

• ایمیل - بخش ۴ (یکپارچه‌سازی موبایل) Email part 4 (Mobile Integration)

• تنظیمات منو Menu Settings

• اس‌اس‌ال (SSL) SSL

• زیردامنه Sub Domain

• ادان دامنه (Addon Domain) Addon Domain

• ادان دامنه (ثبت‌کننده متفاوت) Addon Domain (different registrar)

• زیردامنه برای پروژه دوم Sub Domain for 2nd Project

• مرور کنیم Lets Recall

• نسخه‌های قدیمی درس‌های دوره کامل طراحی وب‌سایت با وردپرس Older Version of The Complete WordPress Website Course Lectures

پروژه ۲: بیایید یک وب‌سایت شرکتی بسازیم (به‌روزرسانی جدید) Project2: Lets build a corporate Business Site (Recently Updated)

• ۴ روش برای شروع این پروژه 4 Methods to start this project

• راه‌اندازی وب‌سایت، لوگو، صفحات، سربرگ و نوار بالا Setting up the website, logo, Pages, header and topbar

• ضروریات طراحی وب: طراحی لوگو Web Design Essential: Logo Design

• فعال کردن نوار بالایی جدید المنتور قبل از شروع این پروژه Enable the new topbar of elementor before starting this project

• ساخت بخش هیرو (Hero Section) Creating the Hero Section

• طراحی بخش شمارنده Designing the counter section

• بخش "چرا ما" Why We Section

• بخش راهکارها Solutions Section

• بخش تیم Team Section

• بخش کمک Help Section

• قابلیت تراز خودکار (Align Self) Align Self Feature

• بخش نظرات مشتریان و فراخوان به اقدام (CTA) Testimonial and CTA Section

• صفحه درباره ما (بخش ۱) About Page (Part 1)

• صفحه درباره ما (بخش ۲) About Page (Part 2)

• صفحه درباره ما (بخش ۳) About Page (part 3)

• طراحی صفحه خدمات Services Page Design

• طراحی صفحه تماس با ما Contact Page Design

• نمایش موبایل: صفحه اصلی (بخش ۱) Mobile rendering: Home (Part 1)

• نمایش موبایل: صفحه اصلی (بخش ۲) Mobile rendering: Home (Part 2)

• نمایش موبایل: صفحه اصلی (بخش ۳) Mobile rendering: Home (Part 3)

• نمایش موبایل: صفحه درباره ما Mobile rendering: About Page

• نمایش موبایل: صفحات خدمات و تماس با ما Mobile rendering: Services & Contact Pages

• منوی موبایل و رفع مشکل لینک آیفون Mobile menu and iPhone Link fix

• درس‌های قدیمی Old Lectures

پروژه ۳: وبلاگ (به‌روزرسانی جدید) Project 3: Blog (Recently Updated)

• مقدمه Introduction

• ساخت اولین پست ما Creating our first Post

• چرا نباید از المنتور برای وب‌سایت وبلاگی استفاده کنید؟ Why you should not use elementor for a blog website?

• تاکسونومی (طبقه‌بندی) Taxonomy

• تاکسونومی سفارشی Custom Taxonomy

• افزودن پست‌های بیشتر Adding more posts

• منو Menu

• صفحات ثابت در مقابل صفحات داینامیک Static vs Dynamic Pages

• قالب‌ها چگونه کار می‌کنند How themes work

• قالب پیشنهادی من The theme that I recommend

• طراحی سربرگ و پابرگ Designing Header and Footer

• سربرگ چسبان Sticky Header

• طراحی قالب پست وبلاگ Designing Blog Post Template

• طراحی قالب دسته‌بندی Designing Category Template

• طراحی قالب تک‌پست Designing Single Post Template

• دیدگاه‌ها Comments

• سایر صفحات داینامیک Other Dynamic Pages

• سایر تنظیمات سفارشی‌سازی Other Customizer Settings

• طراحی صفحه اصلی Home Page Design

• گوتنبرگ: بخش هیرو Gutenberg: Hero Section

• گوتنبرگ: بخش مقصد Gutenberg: Destination Section

• گوتنبرگ: آخرین پست‌ها Gutenberg: Latest Posts

• المنتور در مقابل گوتنبرگ Elementor vs Gutenberg

• سربرگ شفاف Transparent Header

• گوتنبرگ: صفحه درباره ما (بخش ۱) Gutenberg: About Page (part 1)

• گوتنبرگ: صفحه درباره ما (بخش ۲) Gutenberg: About Page (part 2)

• گوتنبرگ: صفحه تبلیغات Gutenberg: Advertise Page

• نوار کناری Sidebar

• ابزارک‌ها Widgets

• خبرنامه Newsletter

• قابلیت‌های اضافی بلوکسی (Blocksy) Blocksy Extra Features

• بهینه‌سازی موبایل و تبلت Mobile and Tablet Optimization

• درس‌های نسخه قدیمی Older Version Lectures

پروژه ۴: وب‌سایت فروشگاهی (به‌روزرسانی جدید) Project 4: eCommerce Website (Recently Updated)

• مقدمه Introduction

• راه‌اندازی وب‌سایت Setting up the website

• چگونه محصولی به سایت خود اضافه کنید؟ How to add a product to your site?

• رفع مشکل صفحات سبد خرید و تسویه‌حساب Cart and Checkout page fix

• تنظیمات عمومی General Settings

• تنظیمات محصول Product Settings

• تنظیمات مالیات Tax Settings

• تنظیم روش‌های حمل و نقل (تحویل محلی، DHL، FedEX) برای چندین کشور Setting up the shipping methods (local pickup, DHL, FedEX) for multiple country

• تنظیمات پرداخت Payment Settings

• سفارش آزمایشی Test Order

• یکپارچه‌سازی پی‌پال (PayPal) Paypal Integration

• یکپارچه‌سازی استرایپ (Stripe) برای کارت‌های بدهی/اعتباری Stripe Integration for debit/credit cards

• تنظیمات حساب‌ها و حریم خصوصی Accounts and Privacy Settings

• تنظیمات ایمیل Email Settings

• تنظیمات پیشرفته Advanced Settings

• دسته‌بندی‌های محصول Product categories

• برچسب‌های محصول Product Tags

• تاکسونومی سفارشی Custom Taxonomy

• محصول ساده و فراداده محصول Simple Product and Product Meta

• محصولات متغیر Variable Products

• محصول خارجی یا همکاری در فروش External or Affiliate Product

• محصولات مجازی و قابل دانلود Virtual and Downloadable Products

• محصولات گروهی Grouped Products

• مرور کنیم Lets Recall

• افزودن محصولات بیشتر Adding More Products

• ساخت منو Creating Menu

• سفارشی‌سازی قالب Theme Customizer

• صفحه اصلی و محصولات ویژه Homepage & Featured Products

• قدرت شرت‌کدها Power of shortcodes

• صفحات ثابت در مقابل صفحات داینامیک Static vs Dynamic Pages

• قالب‌های مختلف چگونه کار می‌کنند؟ How different themes work?

• قالب پیشنهادی من Theme that I recommend

• چگونه رنگ‌ها را انتخاب کنیم How to choose colors

• طراحی سربرگ Designing Header

• لوگو Logo

• طراحی پابرگ Designing Footer

• آیکون‌های پرداخت Payment icons

• تنظیمات قالب ووکامرس Woocommerce theme settings

• طراحی بایگانی محصولات Product Archives Design

• طراحی قالب تک محصول Single Product Template Design

• ابزارک‌ها و نوار کناری Widgets and Sidebar

• فیلتر بر اساس طبقه‌بندی (Taxonomy) Filter by Taxonomy

• صفحه نتایج جستجو Search Results Page

• رفع اشکال Bug Fix

• قبل از شروع درس بعدی، ویرایشگر نوار بالایی را فعال کنید Before Staring the next lecture, enable the top bar editor

• رنگ‌های سراسری در المنتور Global Colors to elementor

• وایرفریم بخش هیرو Hero Section wireframe

• چگونه تصاویر را برای سایت فروشگاهی انتخاب کنیم؟ How to choose images for eCommerce site?

• طراحی بخش هیرو Designing the hero section

• بخش حمل و نقل رایگان Free Shipping Section

• طراحی بخش محصولات Products Section Design

• نمایش پویا محصولات Dynamically display products

• بخش دسته‌بندی محصول Product Category Section

• نکات طراحی Designing Tips

• مجموعه ویژه Featured Collection

• بخش تازه‌واردها New Arrival Section

• ساختار طرح‌بندی Layout Structure

• طراحی صفحات سبد خرید، تسویه‌حساب، حساب کاربری من Cart, Checkout, My Account Page Design

• نمایش موبایل: سربرگ و پابرگ Mobile Rendering: Header & Footer

• نمایش موبایل: صفحات بایگانی Mobile Rendering: Archive Pages

• نمایش موبایل: قالب تک Mobile Rendering: Single Template

• نمایش موبایل: صفحه اصلی بخش ۱ Mobile Rendering: Home part 1

• نمایش موبایل: صفحه اصلی بخش ۲ Mobile Rendering: Home part 2

• نمایش تبلت Tablet Rendering

• درس‌های نسخه قدیمی Older Version Lectures

تجارت الکترونیک پیشرفته (به‌تازگی اضافه شده) eCommerce Advanced (Recently Added)

• چرا نسخه پرو؟ Why Pro?

• چرا قالب هلو المنتور؟ Why Hello Elementor Theme?

• سربرگ سفارشی Custom Header

• سربرگ: طراحی منو و سبد خرید Header: Menu and Cart Design

• طراحی منوی کشویی سبد خرید Menu Cart Dropdown Design

• پابرگ سفارشی Custom Footer

• پابرگ سفارشی - بخش ۲ Custom Footer part 2

• طراحی صفحه سبد خرید Cart Page Design

• طراحی قالب سبد خرید خالی Empty Cart Template Design

• طراحی صفحه تسویه‌حساب Checkout Page Design

• طراحی صفحه حساب کاربری من My Account Page Design

• قالب داشبورد سفارشی Custom Dashboard Template

• پاپ‌آپ پشتیبانی مشتری Customer Support Popup

• فرم تماس داینامیک Dynamic Contact Form

• صفحه تشکر سفارشی Custom Thank you page

• قبل از شروع درس بعدی، این را تماشا کنید! Before starting the next lecture, Watch THIS!

• مگا منو Mega Menu

• مگا منوی دسته‌بندی Category Mega Menu

• مگا منوی حساب کاربری من My Account Mega Menu

• شرایط نمایش Display Conditions

• قالب تک محصول: بخش ۱ Single Product Template: Part 1

• قالب تک محصول: بخش ۲ Single Product Template: Part 2

• کد CSS برای موجودی و قیمت متغیر CSS for stock and Variation Price

• کد CSS برای درس قبلی CSS Code for Previous Lecture

• قالب تک محصول: بخش ۳ Single Product Template: Part 3

• سفارشی‌سازی گالری محصول Product Gallery Customization

• طراحی پیام‌های ووکامرس WooCommerce Messages Design

• قالب بایگانی پایه Basic Archive Template

• افزودن فرم جستجو Adding the search form

• سازنده حلقه (Loop Builder) The Loop Builder

• طراحی حلقه (Loop) Designing the Loop

• قالب جایگزین حلقه (Loop) Alternate Loop Template

• طراحی مجدد قالب بایگانی Archive Template Redesign

• طراحی هیرو بایگانی Archive Hero Design

• محصولات مرتبط Related Products

• چندین قالب تک محصول Multiple Single Product Templates

• رفع اشکال مگا منو Mega menu bug fix

• طراحی مجدد صفحه اصلی Redesigning Home Page

• کاروسل حلقه (Loop Carousel) Loop Carousel

• سربرگ چسبان Sticky Header

• صفحه بایگانی برچسب محصول Product Tag Archive Page

• رفع اشکال آیکون المنتور Elementor icon bug fix

• نمایش طرح‌بندی Layout Rendering

• نمایش موبایل: صفحه اصلی Mobile Rendering: Home Page

• نمایش موبایل: صفحه بایگانی Mobile Rendering: Archive Page

• نمایش موبایل: سبد خرید، تسویه‌حساب و صفحه حساب کاربری من Mobile Rendering: Cart checkout & My Account Page

• نمایش موبایل: قالب تک محصول ۱ Mobile Rendering: Single Product Template 1

• نمایش موبایل: قالب تک محصول ۲ Mobile Rendering: Single Product Template 2

• تنظیم حلقه (Loop) محصول Product loop tweak

• نمایش موبایل: پابرگ Mobile Render: Footer

• نمایش موبایل: سربرگ Mobile Render: Header

• منوی از نوع اپلیکیشن موبایل Mobile App Type Menu

• قابلیت جستجوی زنده Live Search Feature

• نمایش موبایل: جستجوی زنده Mobile Render: Live Search

• قدرت رنگ‌های سراسری Power of global colors

نوع پست سفارشی (به‌روزرسانی جدید) Custom Post Type (Recently Updated)

• نوع پست سفارشی چیست؟ What is a custom Post Type

• ساخت یک نوع پست سفارشی Creating a Custom Post Type

• نصب دستی: افزونه ACF از مخزن وردپرس حذف شد Manual Installation: ACF plugin removed from wordpress repository

• افزودن اولین ملک ما Adding Our First Property

• تاکسونومی‌های سفارشی Custom Taxonomies

• فیلدهای سفارشی Custom Fields

• فیلدهای سفارشی - بخش ۲ Custom Fields Part 2

پروژه ۵: وب‌سایت املاک (به‌روزرسانی جدید) Project 5: Real Estate Website (Recently Updated)

• مقدمه‌ای بر پروژه نهایی Introduction to the Final Project

• چگونه فیلدهای سفارشی را در فرانت‌اند نمایش دهیم؟ How to display custom fields on front-end?

• قبل از شروع درس بعدی Before Starting the next lecture

• افزودن رنگ‌های سراسری Adding Global Colors

• چگونه نسخه آزمایشی رایگان المنتور پرو را دریافت کنیم؟ How to get Elementor Pro Free Trial?

• ساخت قالب تک برای ملک Creating single template for Property

• طراحی قالب تک برای ملک Designing single template for property

• طراحی قالب تک برای ملک - بخش ۲ Designing single template for Property part 2

• طراحی قالب تک برای ملک - بخش ۳ Designing Single template for property part 3

• قابلیت‌های ملک سفارشی Custom Property Features

• فرم تماس داینامیک Dynamic contact form

• افزودن طبقه‌بندی‌ها (Taxonomies) در فرانت‌اند Adding Taxonomies on front-end

• گالری ملک Property Gallery

• نهایی کردن قالب تک ملک Finalising single property template

• سربرگ و پابرگ Header & Footer

• افزودن املاک بیشتر Adding More Properties

• ساخت یک صفحه بایگانی پایه Creating a basic archive page

• ساخت یک بخش قالب حلقه سفارشی - بخش ۱ Creating a custom loop template part 1

• ساخت یک بخش قالب حلقه سفارشی - بخش ۲ Creating a custom loop template part 2

• قالب جایگزین Alternate Template

• قابلیت اجاره/فروش Rent/Sale Feature

• قابلیت نیازمندی‌های اجاره Rental requirements feature

• یکپارچه‌سازی فرم جستجو برای نوع پست سفارشی Search Form integration for custom post type

• پست‌های سفارشی مرتبط در صفحه بایگانی تکی Related Custom posts in single archive Page

• قالب‌های بایگانی سفارشی Custom Archive Templates

• فیلدهای سفارشی در طبقه‌بندی‌ها (Taxonomies) Custom Fields in taxonomies

• طراحی صفحه اصلی با کاروسل حلقه (Loop Carousel) Homepage design with loop carousel

• طراحی صفحه اصلی - بخش ۲ Homepage design Part 2

• سربرگ چسبان و افکت‌های Z-index Sticky Header & Z index effects

• نقاط شکست ریسپانسیو و تنظیمات طرح‌بندی Responsive breakpoints and Layout Settings

• تنظیمات ریسپانسیو: سربرگ Responsive settings: Header

• تنظیمات ریسپانسیو: پابرگ Responsive settings: Footer

• تنظیمات ریسپانسیو: قالب تک Responsive settings: Single template

• تنظیمات ریسپانسیو: قالب حلقه (Loop) Responsive settings: Loop Template

• سرریز (Overflow) Overflow

• کد CSS برای سرریز CSS for overflow

• تنظیمات ریسپانسیو: قالب بایگانی Responsive settings: Archive template

• تنظیمات ریسپانسیو: صفحه اصلی Responsive settings: Home page

• قابلیت جستجوی زنده Live Search Feature

• تنظیمات ریسپانسیو: جستجوی زنده Responsive Settings: Live search

دوره فشرده سئو (SEO) SEO Crash Course

• چه چیزی در این بخش خواهید آموخت؟ What you will learn in this section

• گوگل چگونه محتوای وب‌سایت شما را می‌فهمد؟ How google knows what your website is all about?

• چگونه کلمات کلیدی خود را انتخاب و برنامه‌ریزی کنید؟ How to choose and plan your keywords

• چه صفحاتی در یک وب‌سایت ضروری هستند؟ What pages are necessary in a website

• وردپرس و سئو WordPress and SEO

• نصب افزونه سئو Installing SEO plugin

• تنظیمات عمومی سئو General settings of SEO

• سئو تک پست (صفحه، محصول، نوع پست سفارشی) Single post (page, product, custom post type) SEO

• بردکرامب‌ها (مسیر راهنما) Breadcrumbs

• ارسال وب‌سایت و سایت‌مپ‌ها به موتورهای جستجو Submission of website and sitemaps to search engines

بخش جایزه Bonus Section

• درس جایزه Bonus Lecture