آموزش دوره کامل دیوی برای وردپرس - آخرین آپدیت

دانلود The Complete Divi Course For WordPress

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

تسلط بر دیوی بیلدر وردپرس: ساخت وبسایت بدون کدنویسی

با دیوی (Divi) و وردپرس، هر وبسایتی را بدون نیاز به برنامه نویسی بسازید!

آموزش جامع دیوی بیلدر وردپرس

  • تفاوت بخش‌ها، ردیف‌ها و ماژول‌ها در دیوی
  • استایل‌دهی پایه در دیوی
  • تنظیمات حاشیه (Margins) و فضای داخلی (Paddings) در دیوی
  • جلوه‌های پارالاکس (Parallax Effects) در دیوی
  • سایه‌های جعبه‌ای (Box Shadows) در دیوی
  • انیمیشن‌های ورود (Entrance Animations) در دیوی
  • انیمیشن‌های زنده (Scroll Effects) در دیوی
  • جداکننده‌های شکل (Shape Dividers) در دیوی
  • کنترل‌های سراسری (Global Controls) در دیوی
  • موقعیت‌دهی سفارشی در دیوی (افکت‌های سه‌بعدی)
  • رندرینگ موبایل (واکنش‌گرایی) در دیوی
  • قالب هدر/فوتر سفارشی دیوی
  • هدرهای چسبان (Sticky Headers)
  • هدرهای شفاف (Transparent Headers)
  • فیلترها در دیوی

توسعه قالب دیوی بدون کدنویسی

  • دوره فشرده تجارت الکترونیک (eCommerce Crash Course)
  • طراحی سفارشی صفحه بایگانی فروشگاه در دیوی
  • طراحی سفارشی صفحه محصول تکی در دیوی
  • ادغام فیلدهای سفارشی در وردپرس
  • داده‌های پویا در قالب دیوی
  • طراحی صفحه سبد خرید با قالب دیوی
  • طراحی صفحه تسویه حساب با قالب دیوی
  • طراحی صفحه حساب کاربری من با قالب دیوی

پیشرفت‌های پیشرفته در دیوی و وردپرس

  • شرایط پیشرفته (Advanced Conditions) در دیوی
  • ادغام انواع پست سفارشی (Custom Post Types) در وردپرس
  • ادغام طبقه‌بندی‌های سفارشی (Custom Taxonomies) در وردپرس
  • قالب سفارشی برای تمام انواع پست سفارشی با دیوی
  • نحوه افزودن ارتباط بین انواع پست سفارشی و طبقه‌بندی‌ها
  • ادغام گوگل مپس با استفاده از API

پیش‌نیازهای دوره جامع دیوی

  • یک کامپیوتر شخصی یا لپ‌تاپ با سیستم عامل ویندوز یا مک
  • نیاز به قالب دیوی (هزینه 89 دلار)، امکان دریافت 10% تخفیف برای دانشجویان این دوره.
  • دوره از مبانی شروع می‌شود، بنابراین هیچ تجربه‌ی قبلی وردپرس لازم نیست.

چرا دیوی بیلدر؟

ساخت وبسایت شبیه نقاشی است، با این تفاوت که طرح نهایی را تا زمانی که صفحه منتشر و در مرورگر مشاهده نشود، نمی‌بینید. به لطف دیوی پیج بیلدر برای وردپرس از Elegant Themes، کاربران اکنون می‌توانند وبسایت را در حین مشاهده‌ی آن به صورت واقعی "نقاشی" کنند.

مشکل وردپرس این بود که تا همین اواخر، تنها گزینه برای ساخت وبسایت، استفاده از یک قالب وردپرس بود که همیشه محدودکننده است، زیرا باید در چارچوب آنچه توسعه‌دهندگان ساخته‌اند، کار کنید. در نتیجه، گزینه‌های شما برای ویژگی‌ها و طراحی‌ها اغلب محدود می‌شود. اما وقتی قالب دیوی برای وردپرس عمومی شد، روایت را کاملاً تغییر داد!

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

پس از اتمام این دوره جامع دیوی، قادر خواهید بود طرح‌های خیره‌کننده و کاربردی را بدون استفاده از کد یا CSS و بدون مشورت با توسعه‌دهندگان ایجاد کنید. طرح‌های شما به طور خودکار روی کامپیوترها، تبلت‌ها و دستگاه‌های موبایل به زیبایی نمایش داده می‌شوند، زیرا به طور پیش‌فرض واکنش‌گرا (Responsive) هستند.

علاوه بر این، نحوه استفاده از "Theme Builder" دیوی را یاد خواهید گرفت که به شما امکان می‌دهد تمام جنبه‌های قالب خود را با استفاده از رابط دیوی بسازید، از جمله هدر، فوتر، صفحات فروشگاه WooCommerce و طرح‌های بدنه سفارشی. به همین ترتیب، نحوه ایجاد تنظیمات سراسری را یاد خواهید گرفت که کنترل با یک کلیک بر الگوی طراحی کل وبسایت شما را امکان‌پذیر می‌کند.


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

مقدمه Introduction

  • چرا Divi Why Divi

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

  • سرفصل‌های دوره Course Curriculum

نصب وردپرس (در صورتی که قبلاً سایت وردپرسی دارید، این بخش را رد کنید) WordPress Installation (Leave this section if you already have a WordPress site)

  • چگونه یک سایت وردپرسی راه‌اندازی کنیم؟ How to setup a WordPress site?

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

  • نصب وردپرس روی مک Installation of WordPress on Mac

  • نصب وردپرس روی هاست وب Installation of WordPress on Web Hosting

مبانی وردپرس (اگر می‌دانید وردپرس چگونه کار می‌کند، این بخش را رد کنید) WordPress Basics (Leave this Section if you know how WordPress Works)

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

  • مرور داشبورد وردپرس WordPress Dashboard Overview

  • چگونه در وردپرس صفحه ایجاد کنیم How to create Pages in WordPress

  • تم‌های وردپرس چیستند؟ What are WordPress Themes?

  • افزونه‌های وردپرس چیستند؟ What are WordPress Plugins?

نصب Divi Divi Installation

  • چگونه Divi را با قیمت تخفیف‌دار تهیه کنیم؟ How to get Divi at Discounted Price?

  • چگونه تم Divi را در وردپرس نصب کنیم How to Install Divi Theme in WordPress

  • ایجاد صفحه اصلی Creating Home Page

مبانی Divi Divi Basics

  • ساختار پایه Divi (بخش، ردیف، ماژول) Divi Basic Structure (Section, Row, Modules)

  • استایل‌دهی پایه بخش Section Basic Styling

  • استایل‌دهی پایه ردیف‌ها/ستون‌ها Rows/Columns Basic Stylings

  • استایل‌دهی پایه ماژول Module Basic Styling

  • حاشیه‌ها و فیلرها (Margins and Paddings) Margins and Paddings

وب‌سایت دموی Demo Website

  • مقدمه + منابع پروژه Introduction + Project Resources

  • طراحی هدر و منو Designing the header and Menu

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

  • صفحه اصلی: طراحی بخش هیرو (Hero Section) Home Page:Designing the hero section

  • تنظیمات پالت رنگ Color Palette Settings

  • صفحه اصلی: طراحی شمارنده‌ها (Counters) Home Page: Designing the Counters

  • صفحه اصلی: طراحی بخش خدمات قسمت ۱ Home Page: Designing Services Part 1

  • صفحه اصلی: طراحی بخش خدمات قسمت ۲ Home Page: Designing Services Part 2

  • صفحه اصلی: طراحی بخش تیم Home Page: Designing Team Section

  • صفحه اصلی: بخش راهنما (Help Section) Home Page: Help Section

  • صفحه اصلی: بخش نظرات (Testimonial Section) Home Page: Testimonial Section

  • صفحه اصلی: فراخوان به اقدام (Call to Action) Home Page: Call to Action

  • صفحه درباره ما: بخش هیرو About Page: Hero Section

  • صفحه درباره ما: چرا ما بهترین هستیم (Why we are the best section) About Page: Why we are the best section

  • صفحه درباره ما: بخش نقل قول و تیم About Page: Quotation & Team Section

  • صفحه درباره ما: بخش نمونه کار و فراخوان به اقدام About Page: Portfolio & Call to Action

  • صفحه خدمات: هیرو و خدمات Services Page: Hero & Services

  • صفحه خدمات: بخش شمارنده Services Page: Counter Section

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

مهارت‌های ضروری Essential Skills

  • در این بخش چه چیزی یاد خواهید گرفت؟ What you will learn in this Section?

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

  • مقاله در مورد انتخاب رنگ‌ها Article on Choosing Colors

  • افکت‌های هاور در Divi (Hover Effects) The Hover Effects in Divi

  • چگونه تصاویر را انتخاب و تغییر اندازه دهیم؟ How to choose and resize Images?

  • انیمیشن‌های ورودی در Divi (Entrance Animations) Entrance Animations in Divi

  • انیمیشن‌های زنده (افکت‌های اسکرول) در Divi (Live Animations) Live Animations (Scroll Effects) in Divi

  • افکت‌های پارالاکس در Divi Parallax Effects in Divi in Divi

  • جداکننده‌های شکل (Shape Dividers) Shape Dividers

  • پیش‌تنظیمات طراحی (Design Presets) Design Presets

  • کنترل‌های سراسری (Global Controls) Global Controls

  • موقعیت و تبدیل‌ها (Position & Transforms) Position & Transforms

رندرینگ موبایل Mobile Rendering

  • مقدمه Introduction

  • چگونه تغییری در سایت مخصوص موبایل ایجاد کنیم؟ How to make a change in mobile based site?

  • رندرینگ موبایل صفحه اصلی Home Page Mobile Rendering

  • رندرینگ تبلت صفحه اصلی Home Page Tablet Rendering

  • رندرینگ موبایل و تبلت صفحه درباره ما About Page Mobile & Tablet Rendering

  • رندرینگ موبایل و تبلت صفحه خدمات Services Page Mobile & Tablet Rendering

  • رندرینگ موبایل و تبلت صفحه تماس با ما Contact Page Mobile & Tablet Rendering

سازنده تم (بخش اول) Theme Builder (Part 1)

  • مقدمه Introduction

  • هدر سفارشی Custom Header

  • رندرینگ موبایل برای هدر Mobile Rendering for Header

  • فوتر سفارشی Custom Footer

  • رندرینگ موبایل فوتر Footer Mobile Rendering

  • هدرهای چسبنده و انتقال‌های آن (Sticky Headers) Sticky Headers and its Transitions

  • هدر شفاف Transparent Header

  • فیلترها Filters

دوره فشرده تجارت الکترونیک eCommerce Crash Course

  • چرا دوره تجارت الکترونیک در دوره Divi؟ Why eCommerce Course in the Divi Course?

  • نصب افزونه تجارت الکترونیک: WooCommerce Installation of eCommerce Plugin: WooCommerce

  • افزودن ۵ محصول Adding 5 Products

  • تنظیمات پایه WooCommerce Basic Settings of WooCommerce

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

  • دسته‌بندی‌ها چیستند What are Categories

سازنده تم (بخش دوم) Theme Builder (Part 2)

  • منوی WooCommerce و رندرینگ موبایل Woocommerce Menu and Mobile Rendering

  • قالب چیست و چگونه کار می‌کند؟ What is a template and how it works?

  • ساخت قالب محصول تکی (تم) Building the single product template (theme)

  • قالب‌های تکی در مقابل آرشیو Single Vs Archive Templates

  • طراحی صفحات آرشیو Designing the Archive Pages

  • قالب محصول تکی (دسته‌بندی خاص) Single Product (Specific Category) Template

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

  • تگ‌های پویا (Dynamic Tags) Dynamic Tags

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

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

  • طراحی صفحه پرداخت Checkout Page Design

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

  • کد CSS صفحه حساب من My Account Page CSS

  • محصولات در هر صفحه Products on Any Page

انواع پست سفارشی Custom Post Types

  • مقدمه Introduction

  • نوع پست پروژه Project Post Type

  • طراحی قالب تکی پروژه Project single template design

  • طراحی صفحه آرشیو پروژه‌ها Projects archive page design

  • ثبت نوع پست سفارشی در وردپرس Registering a Custom Post type in WordPress

  • ثبت طبقه‌بندی‌ها (Taxonomies) در وردپرس Registering Taxonomies in WordPress

  • گنجاندن فیلدهای سفارشی در نوع پست وردپرس Incorporating Custom Fields in WordPress Post Type

  • افزودن فیلم‌ها، ژانرها و بازیگران Adding Movies, Genres, & Actors

  • قالب تکی برای فیلم Single Template for Movie

  • قالب آرشیو سفارشی برای بازیگران Custom Archive Template for Actors

  • طراحی صفحات آرشیو باقی‌مانده Remaining Archive Page Design

  • افزودن فیلم‌های بیشتر Adding more movies

  • طبقه‌بندی برندها برای محصولات Brands Taxonomy for Products

ویژگی‌های اضافی Divi Divi Extra Features

  • مقدمه Introduction

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

  • ادغام Google Maps Google Maps Integration

  • تنظیمات ناوبری و سازنده Navigation and Builder Settings

  • چیدمان، تبلیغات و ادغام Layout, Ads, & Integration

  • SEO چیست؟ What is SEO?

  • تنظیمات SEO صفحه اصلی Homepage SEO Settings

  • تنظیمات SEO نوع پست تکی Single Post type SEO settings

  • تنظیمات SEO صفحات ایندکس Index Pages SEO Settings

  • ماژول اسلایدر Slider Module

  • بخش‌ها و ماژول‌های تمام عرض Full Width Sections & Modules

  • ویرایشگر نقش Divi Divi Role Editor

  • کتابخانه Divi Divi Library

  • کمک Divi؟ Divi Help?

  • چه کاری بعداً انجام دهیم؟ What Now?

ویژگی‌های اضافی Elegant Themes Elegant Themes Extra Features

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

  • افزونه سازنده Divi Divi Builder Plugin

  • تم Extra: مروری Extra Theme: Overview

  • تم Extra: سفارشی‌سازی Extra Theme: Customization

  • تم Extra: سازنده دسته‌بندی قسمت اول Extra Theme: Category Builder Part 1

  • تم Extra: سازنده دسته‌بندی قسمت دوم Extra Theme: Category Builder Part 2

  • Bloom Bloom

  • Monarch Monarch

نمایش نظرات

آموزش دوره کامل دیوی برای وردپرس
جزییات دوره
18.5 hours
122
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
2,800
4.8 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tanzeel Ur Rehman Tanzeel Ur Rehman

Tanzeel Ur Rehman از 13 سالگی با WordPress کار می کند توسعه دهنده وب و متخصص SEO او کل روز خود را ، عملاً هر روز ، با آزمایش HTML ، CSS و JavaScript می گذراند. با پایتون و یاقوت سرخ کردن و استنشاق طیف گسترده ای از اطلاعات بالقوه را از طریق چند صد فید RSS. او وب سایت هایی را ایجاد می کند که از آنها لذت می برد و از آنها آگاه می شود. او این کار را به خوبی انجام می دهد. او علاقه خاصی به آموزش دیگران دارد ، به خصوص وقتی که صحبت از توسعه وب و وردپرس می شود. Tanzeel همچنین دارای گواهی وردپرس است و بسیاری از مضامین وردپرس را برای شرکت های مختلف توسعه داده است. او همچنین یک متخصص SEO است و وقتی صحبت از وردپرس می شود ، بهترین است. تانزیل نه تنها در زمینه وردپرس ، طراحی وب و توسعه فعالیت می کند بلکه مهندس نرم افزار است و نه تنها می توان او را یک طراح گرافیک نیز نامید. او یک techgeek ، یک آهنگساز مقاله و یک معلم آنلاین است