آموزش ساخت تم سفارشی با Elementor Pro

Custom Theme Building with Elementor Pro

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
وردپرس یک ابزار ساخت وب‌سایت بسیار محبوب به دلایل مختلف است - سهولت استفاده، قابلیت اطمینان و امنیت - اما اگر شما یک طراح وب یا UX هستید که سعی می‌کنید طرح‌های خود را در وردپرس اجرا کنید، ممکن است گاهی احساس کنید که می خواهید میخ های مربعی را در سوراخ های گرد قرار دهید. کارهایی که می توانید به راحتی با کدنویسی دستی انجام دهید ممکن است به طرز ناامیدکننده ای برای پیاده سازی در وردپرس دشوار باشد. در این دوره پروژه محور، امیلی کی به شما نشان می دهد که چگونه از Elementor و Elementor Pro برای طراحی وب سایت ها و برنامه های کاربردی وردپرس زیبا و کاربردی استفاده کنید. Emily با اصول اولیه نحوه راه اندازی Elementor در سیستم خود شروع می کند و تفاوت های Elementor و Elementor Pro را توضیح می دهد. او به شما نشان می‌دهد که چگونه قالب‌های تم سفارشی، هدرها و ناوبری شخصی‌سازی شده، طرح‌بندی‌های پاورقی سفارشی، صفحه‌های انباشته، پانل‌های بازشو، صفحات کشویی و موارد دیگر را ایجاد کنید. نحوه مدیریت دارایی ها و محتوای به اشتراک گذاشته شده، صفحات پست و بایگانی، و همچنین برخی نکات عیب یابی را بیاموزید.

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

مقدمه Introduction

  • ساخت تم پیشرفته با Elementor (در حال انجام) Advanced theme building with Elementor (In progress)

  • آنچه شما باید بدانید What you should know

  • فایل های تمرینی Exercise files

  • نسخه حرفه ای در مقابل رایگان Pro vs. free version

1. شروع کنید 1. Get Started

  • نمای کلی پروژه Project overview

  • راه اندازی پروژه Project setup

  • شروع کار با Elementor Pro Getting started with Elementor Pro

  • سبک های تم و تنظیمات جهانی Theme styles and global settings

  • آپلود رسانه Upload media

  • ایجاد صفحات Creating pages

  • ایجاد پست ها Creating posts

  • استفاده از فیلدهای سفارشی Using custom fields

  • ایجاد منو Creating the menu

  • امتحان فصل Chapter Quiz

2. تم ساختمان 2. Theme Building

  • تم ساز و قالب ها چیست؟ What are the theme builder and templates?

  • نمای کلی سازنده تم Overview of the theme builder

  • ایجاد هدر سفارشی Creating a custom header

  • تغییر هدر برای دستگاه های جایگزین Modifying the header for alternate devices

  • ایجاد یک فوتر سفارشی Creating a custom footer

  • موضوع خطای 404 404 error theme

  • ایجاد قالب ها Creating templates

  • صفحه نتایج جستجو Search results page

  • ساخت صفحه آرشیو سفر Building the trip archive page

  • ساخت صفحه آرشیو وبلاگ Building the blog archive page

  • ساخت قهرمان پست سفر با محتوای پویا Building the trip post hero with dynamic content

  • ایجاد محتوای پست سفر با محتوای پویا Creating the trip post content with dynamic content

  • اطمینان از اینکه قالب پوسته پست به صورت واکنشگرا کار می کند Ensuring that the post theme template works responsively

  • ساخت قالب تم وبلاگ Creating the blog theme template

  • ایجاد و کپی کردن از یک الگو Creating and duplicating from a template

  • امتحان فصل Chapter Quiz

3. بهبود صفحه وب 3. Web Page Enhancements

  • با استفاده از ویجت Flip box Using the flip box widget

  • آکاردئون سفارشی: چیدمان Custom accordion: Layout

  • آکاردئون سفارشی: CSS Custom accordion: CSS

  • عناصر همپوشانی Overlapping elements

  • نقشه پویا Dynamic map

  • پیوندهای لنگر Anchor links

  • انباشته شدن صفحه نمایش Screen stacking

  • نمونه کارها Portfolio

  • گواهینامه ها Testimonials

  • امتحان فصل Chapter Quiz

4. اختلاف منظر و انیمیشن 4. Parallax and Animations

  • اثر لایه بندی اختلاف منظر: راه اندازی Parallax layering effect: The setup

  • اثر لایه بندی اختلاف منظر: افزودن حرکت Parallax layering effect: Adding movement

  • پاسخگو کردن اثر اختلاف منظر شما Making your parallax effect responsive

  • اضافه کردن انیمیشن های ردیابی ماوس Adding mouse tracking animations

  • اضافه کردن انیمیشن های ورودی Adding entrance animations

5. پاپ آپ 5. Pop-Ups

  • ساخت پاپ آپ Building a pop-up

  • پیوند دادن پاپ آپ به یک دکمه Linking the pop-up to a button

6. ایجاد تعامل با کاربر 6. Creating User Interactions

  • با استفاده از فرم ساز Using the form builder

  • انواع فیلدهای فرم دیگر Other form field types

  • جلوگیری از اسپم Preventing spam

  • موارد ارسالی Submissions

  • تغییر مسیر یک فرم در هنگام ارسال Redirecting a form on submission

  • امتحان فصل Chapter Quiz

7. بهبودهای اضافی برای کار با دیگران 7. Extra Enhancements for Working with Others

  • مدیر نقش چیست؟ What is the role manager?

  • استفاده از نقش ها Using roles

نتیجه Conclusion

  • چگونه می توان کمک گرفت How to get help

  • مراحل بعدی Next steps

نمایش نظرات

آموزش ساخت تم سفارشی با Elementor Pro
جزییات دوره
4h 28m
57
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
-
- از 5
دارد
دارد
دارد
Emily Kay
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emily Kay Emily Kay

توسعه دهنده وب و طراح گرافیک امیلی کی یک توسعه دهنده وب و طراح گرافیک است که در منطقه کالج Community San Diego تدریس می کند.

امیلی از اوایل دهه 1990 در عرصه هنرهای دیجیتال کار می کند. او وارد طراحی گرافیکی شد و با فشار دادن پیکسل ها آشنا شد. وسواس او در طراحی گرافیک او را به سمت طراحی و توسعه وب سوق داد. او از آن زمان در این صنعت کار کرده است و تلاشهای فعلی وی شامل کمک به مشتریان و شرکتهای مختلف در راه حلهای مبتنی بر گرافیک و مبتنی بر وب و همچنین تدریس برای منطقه کالج محلی سان دیگو است. یکی از بزرگترین لذت های او به اشتراک گذاشتن دانش خود در زمینه فناوری های گرافیکی و وب با دیگران است. او زمان زیادی را صرف نوشتن کد و ایجاد تصاویری قدرتمند می کند.