معرفی دوره
دوره تخصصی طراح سایت طلایی یک دوره جامع است که با یادگیری آن به مباحث طراحی سایت و ساخت ۰ تا ۱۰۰ کسبوکار اینترنتی، مسلط میشوید. امروزه در ایران و جهان، راهاندازی کسبوکار آنلاین، قسمت جداییناپذیر هر شغلی، ؛ حتی کسبوکارهای سنتی شده است. پس اگر میخواهید تخصصی یاد بگیرید که در دنیای جدید کسبوکارها، محبوب و توانمند باشید؛ باید بر روی اصول راهاندازی کسبوکار اینترنتی و طراحی سایت مسلط شوید. همچنین کسب و کار هایی هستند که هر روزه نیازمند به یک سایت میباشند که شما میتوانید با کسب این مهارت ها در سریع ترین زمان ممکن خود را به یک طراح سایت متخصص برای دیگران تبدیل شوید.
فراموش نکنید: شما در این دوره آموزشی، مبلغ یک/پنجم پروژه طراحی سایت را پرداخت و سرمایهگذاری مینمائید، و یاد میگیرید که چگونه هزاران بار بدون پرداخت هزینه برای خود و دیگران طراحی سایت و فروشگاه اینترنتی انجام دهید.
یک در مقابل شیش
این دوره با اجماع دورههای وبسایت در قالب یک دوره ارائه شده است. این دوره میتواند تمامی نیازهای شما را در جهت پیشرفت در حوزه طراحی سایت به بلوغ برساند. در توضیحات هر دوره میتواند مشخصات و امکانات این دوره ها را مشاهده و مطالعه بفرمایید. ادغام تمامی دورههای موجود در ایران المنتور این فرصت را برای تمامی کاربران فراهم کرده تا بتوانند با حداقل هزینه، تمامی دوره های موجود را مشاهده و همچنین مهارت خود را به صورت کامل تکمیل نمایند. تخصص و مهارت، ضامن پیشرفت کسب و کار می باشد.
برای طراحی صفحات وب سایت المنتور به عنوان یک ابزار عمل میکند. و اگر شما مهارت استفاده از این ابزار قدرمند را در طراحی صفحه صفحات خود نداشته باشید. عملا وقت زیادی را از شما میگیرد. با استفاده از اصول طراحی به عملکرد خود سرعت بدهید.
برای شخصی کردن یک قالب روش های زیادی وجود دارد. اما به لطف افزونه المنتورپرو ساخت یک قالب فروشگاهی کاملا اختصاصی به راحتی فراهم شده است. فقط کافیست نحوه درست کار کاردن با المنتتورپرو و افزونه های جانبی را یاد بگیرید. در دوره جامع طراحی سایت فروشگاهی با المنتور تمامی قسمت های مورد نیاز برای داشتن یک قالب فروشگاهی آموزش داده شده است.
این روزها آموزش مجازی از اهمیت بسیار بالایی برخوردار است و وبسایت های آموزشی طرفدار های زیادی کسب کرده اند. در این دوره قصد داریم به طراحی یک سایت آموزشی در بستر صفحه ساز المنتور و افزونه لرن دش بپردازیم. شما با دیدن این دوره قادر خواهید بود بدون هیچ مشکلی دوره های خود را در وبسایت خود منتشر کرده و کسب درآمد کنید.
در دوره جامع آموزش افزونه Jet Engine تمامی مباحث مربوط به داینامیک کردن سایت به صورت عملی آموزش داده می شود. داینامیک یا پویا سازی سایت این امکان را به شما می دهد که بتوانید علاوه بر افزودن ویژگی های متنوع به سایت وردپرسی، سرعت تغییرات و شخصی سازی آن را افزایش دهید.
میتوان گفت زبان HTML و CSS پایههای وب هستند و هرکسی که بخواهد در دنیای وب کاری تخصصی انجام دهد، نیاز به دانش در این زمینه پیدا خواهد کرد. در این دوره قصد داریم به صورت کامل به یادگیری html و همچنین زبان CSS بپردازیم. در این دوره تلاش کردیم که از مثال های کوچک و کاربردی استفاده کنیم. تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشد. نکات اصلی مباحث HTML و CSS، به زبان ساده بیان شده تا به آسانی برای شما قابل درک باشند.
توسعه و شخصی کردن حساب کاربری، یکی از بخشهای مهم هر وب سایت میباشد که افزونه المنتور پرو تا حدودی توانسته این بخش را توسعه دهد، اما افزونه المنتور به تنها نمیتواند کامل کننده این بخش باشد، جرا که نسبت به امکانات کاربر ایرانی بسیار محدود می باشد. خصوصا اگر از قالب پیشفرض المنتور – Hello Elemenetor استفاده میکنید.
سرفصل های دوره
- نحوه چگونگی کارکرد یک وب سایت
- تعریف جامع دامنه و هاست
- خرید دامنه
- انواع هاست و خرید یک هاست مناسب
- نصب و راه اندازی وردپرس در یک هاست واقعی
- آشنایی با پیشخوان وردپرس
- تعریف و نجوه استفاده صحیح از نوشته ها و برگه ها در وردپرس
- کار با ویرایشگر گوتنبرگ
- بخش رسانه ها و افزایش ظرفیت آپلود
- تنظیمات دیدگاه (کامنت)
- نقش قالب ها در وردپرس چیست؟
- نصب و فعال کردن قالب hello elementor
- نقش افزونه ها در وردپرس چیست؟
- ایجاد فهرست و سفارشی قالب
- افزودن و نحوه مدیریت کاربران
- ابزارها و تنظیمات وردپرس
- پوشه ها و فایل ها مهم در هاست
- افزونه ووکامرس چیست ؟ نصب و راه اندازی ووکامرس
- نحوه ایجاد یک محصول
- راه اندازی درگاه پرداخت
- ایجاد ویژگی برای محصولات
- متغیرها و افزودن آنها به محصولات
- ایجاد محصول گروهی و خارجی
- کوپن تخفیف
- ایجاد محصولات دانلود و مجازی
- تنظیمات حمل و نقل
- توضیحات تکمیلی در نحوه استفاده صحیح از ووکامرس
- معرفی زبان HTML
- معرفی و نحوه کار با نرم افزار VC Code
- ساختار اصلی یک سند HTML
- تگ Heading
- تگ P
- تگ em
- تگ b
- تگ strong
- تگ br
- تگ hr
- تگ title
- تگ توضیحات
- تگ img
- تگ ul
- تگ ol
- تگ a
- تگ table
- تگ video
- تگ audio
- تگ form
- تگ iframe
- معرفی Class به تگ ها
- معرفی ID به تگ ها
- تگ Div
- استفاده از تگ های مفهومی section,header,footer,article, aside, nav ,main
- ساختار و نحوه کاربرد تگ های مفهومی
- توصیه نهایی و معرفی مرجع زبان HTML
- معرفی زبان CSS
- ساختار اصلی زیان CSS و انواع Selector
- انواع روش برای درج کدهای CSS
- افزودن یاداشت به سند CSS
- استایل به ویژگی هر تگ - attribute
- قوانین استفاده از رنگ ها
- کادر دور - Border
- فاصله بیرونی - Padding
- فاصله داخلی - margin
- عرض و ارتفاع - Height & width
- مدل جعبه - Box model
- مدل های متنی - Text property
- پیوند ها - Link style
- لیست های عددی - ol style
- لیست های فهرستی - ul style
- جدول ها - Table style
- ماهیت تگ ها - ِDisplay property
- موقعیت عناصر - Position property
- جایگاه سه بعدی - z-index
- کنترل گر - overflow
- ترکیب انتخاب گر ها - Combinators
- شبه عنصر - Pseudo elements
- شبه عنصر - Pseudo Class
- ویژگی محتوا - Content property
- ویژگی شفافیت - Opacity property
- ویژگی جهت - Float property
- طراحی منو عمودی - Navigation Vertical
- طراحی منو افقی - Navigation Horizental
- فرم ها - Form Style
- اولویت بندی - Specificity
- مقدار مهم - important
- کادر تصاویر - Border Image
- فیلترها - Filters
- گرادیانت - Gradiant
- ویژگی سایه متن - Text shadow property
- ویژگی سایه جعبه - Box shadow property
- جلوه متن - Text effect
- ویژگی تبدیل - Transform property
- ویژگی انتقال - Transition property
- ویژگی انیمیشن - Animation
- ویژگی جایگاه زمینه - Background clip property
- واحد - Rem Units
- واحد - Em Units
- لیبست باز شونده - Drop down
- واکنش گرایی - Responsive
- ویژگی حداقل - Min property
- ویژگی حداکثر - Max property
- Query media
- متغیر ها - Variables
- موتور پردازشگر - webkit
- قوانین استفاده از زبان CSS در صفحه ساز المنتور
- پروژه شماره 1
- پروژه شماره 2
- پروژه شماره 3
- پروژه شماره 4
- پروژه شماره 5
- پروژه شماره 6
- پروژه شماره 7
- پروژه شماره 8
- پروژه شماره 9
- پروژه شماره 10
- پروژه شماره 11
- پروژه شماره 12
- پروژه شماره 13
- پروژه شماره 14
- پروژه شماره 15
- پروژه شماره 16
- پروژه شماره 17
- پروژه شماره 18
- پروژه شماره 19
- پروژه شماره 20
- معرفی منابع جهت ایده پردازی
- اقدامات اولیه جهت توسعه قالب فروشگاهی
- ساخت هدر اولیه برای فروشگاه
- شخصی سازی سبد خرید
- شخصی سازی صفحه تسویه حساب
- شخصی سازی حساب کاربری
- شخصی سازی صفحه محصولات
- نمایش محصولات مرتبط در صفحه محصولات
- توسعه و نحوه چگونگی نمایش محصولات متغیر
- شخصی سازی صفحه فروشگاه
- فیلت محصولات بر اساس دسته محصولات
- فیلت محصولات بر اساس تصویر برند
- فیلترمحصولات بر اساس موجودی و کالاهایی که شامل تخفیف می باشند
- فیلترمحصولات بر اساس متاباکس های سفارشی
- فیلترمحصولات بر اساس جستجو، بازه قیمتی و محبوبیت
- بهینه کردن بخش فیلتر محصولات برای نمایشگر موبایل
- شخصی سازی قالب نمایشی محصولات در برگه فروشگاه
- بهینه کردن نمایش محصولات در نمایشگر موبایل
- معرفی سامانه پیامکی
- اتصال سامانه پیامکی به افزونه دیجیتس
- پگربندی تنظیمات افزونه دیجیتس
- طراحی صفحه ورود
- طراحی صفحه ثبت نام
- ثبت نام و ورود کاربر با استفاده از کد یکبارمصرف
- شخصی سازی دکمه حساب کاربری در هدر سایت ( همانند دیجیکالا)
- بهینه کردن تصاویرمحصولات سایت
- طراحی و توسعه صفحه اصلی سایت
- طراحی مگامنو حرفه ای
- شخصی سازی حرفه ای هدر سایت
- بهینه سازی هدر در نمایشگر موبایل
- شخصی سازی حرفه ای فوتر سایت
- بهینه سازی فوتر در نمایشگر موبایل
- شخصی سازی دسته بندی، برندها و سایر طبقه بندی های فروشگاه
- شخصی سازی استایل بخش دیدگاه گذاری محصولات
- شخصی سازی فیلدهای نمایشی در صفحه تسویه حساب
- اضافه کردن ویژگی آپلود فایل در صفحه تسویه حساب
- شخصی سازی حرفه ای داشبورد کاربری
- ساخت برگه 404 ویژه فروشگاه
- طراحی و بخش بلاگ برای مقالات فروشگاه
- ساخت پنل تنظیمات حرفه ای
- پیشنهادات و توصیه های مفید جهت افزایش سرعت سایت
نصب و راه اندازی افزونه جت انجین
چگونگی نصب و راه اندازی افزونه جت انجین همچنین توضیحاتی در رابطه با اینکه چرا این افزونه نیازی به فارسی سازی ندارد و باید با زبان اصلی از این افزونه استفاده کرد/
ایجاد پست سفارشی - Post Type
نوشته و برگه های وردپرس یک Post Type محسوب می شوند. در این جلسه یاد میگیریم که چطور یک Post Type اختصاصی و مجزا همانند برگه ها و نوشته ها طراحی کنیم.
افزودن طبقه بندی - Taxonomies
با استفاده از این ویژگی میتوانیم برای هر post type یک دسته و یا برچسب ایجاد کنیم. حتی این امکان نیز وجود دارد که بتوان برای هر پست تایپ بیش از یک دسته بندی ایجاد کنیم.
نحوه ساخت زمینه های سفارشی برای پست ها - Meta Field
Meta Field یا همان فیلد های سفارشی این امکان را به ما می دهند که در Post Type فیلد های سفارشی ایجاد کنیم. این فیلدها امکاناتی به صفحات ویرایش اضافه می کنند. به عنوان مثال میتوان یک فیلد سفارشی ایجاد کرد که بتوان برای نوشته، برگه، محصول و یا هر پست تایپ دیگر فایل ویدئویی ذخیره شود
نحوه ایجاد و نمایش Meta Field - Date, Time, Datetime
در این بخش به شما یاد می دهیم که چگونه از متا باکس های تاریخ، زمان و تاریخ زمان در سایت خود استفاده کنید. و نحوه چگونگی نمایش آنها در ویرایشگر المنتور
نحوه ایجاد و نمایش Meta Field - Textarea, WYSIWYG, Swicher
در این بخش به شما یاد می دهیم که چگونه از متا باکس های کادر متن، ویرایشگر WYSIWYG در سایت خود استفاده کنید. و نحوه چگونگی نمایش آنها در ویرایشگر المنتور را یاد خواهید گرفت. ویرایشگر WYSIWYG یک ویرایشگر کامل است که شما می توانید علاوه بر ویرایشگر اصلی وردپرس یک ویرایشگر با امکانات زیاد در صفحات خود داشته باشید
نحوه ایجاد و نمایش Meta Field - Checkbox, Radio, Select
در اینجا چگونگی استفاده از متا باکس های چند انتخابی، تک انتخابی رادیویی و فیلد در سایت خود استفاده کنید. این متاباکس ها از محبوبیت زیادی بر خوردار هستند. زیرا به شما کمک زیادی در توسعه صفحات می دهند.
نحوه ایجاد و نمایش Meta Field - Media, Gallery
شما می توانید با استفاده از متا باکس های رسانه و گالری تصاویر علاوه بر تصویر شاخص به Post Type های خود اضافه کنید. همچنین چگونگی نمایش محتوای این متا باکس ها را در المنتور یاد خواهید گرفت.
نحوه ایجاد و نمایش Meta Field - Iconpicker, number, Colorpicker
امکان اضافه کردن آیکون، عدد و رنگ دلخواه با استفاده از متاباکس ها در این جلسه توضیح داده شده در این قسمت شما می توانید بدون اینکه وارد ویرایشگر المنتور شوید رنگ قسمت های مختلف سایت خود را شخصی سازی کنید.
نحوه ایجاد و نمایش Meta Field - Post, HTML
فراخوانی نوشته ها و مطالب سایت در صفحه ویرایشگر گوتنبرگ وردپرس به صورت جستجو با استفاده از متاباکس Post و HTML
نحوه ایجاد و نمایش Meta Field - Swicher
با استفاده از این متا میتوان با فعال کردن آن بخش دیگری از متاها نمایش داده شود. این متا با دستورهای شرطی مورد استفاده قرار میگرد. که نحوه استفاده از این دستورات نیز در این بخش کاملا توضیح داده می شود.
انواع Opject Type در Meta Box - Accordion, Tab, Endpoint
هنگام ایجاد متاباکس های مختلف برای Post Type امکان این وجود دارد که به علت زیاد بودن متاباکس ها، مدیریت آنها نیز سخت تر باشد. با استفاده از Opject Type ها می توانیم متاباکس های خود طبقه بندی و دسته بندی کنیم تا نحوه دسترسی به آن ها آسان تر باشد.
ساخت صفحه تکی (Single) برای Post Type
پس از ایجاد Post Type حتما نیاز داریم که یک قالب برای آن طراحی کنیم. ما با استفاده از Theme Builder افزونه المنتور پرو یک قالب مجزا برای Post Type خود طراحی می کنیم.
نحوه استفاده از ماژول Dynamic Visibility
این ماژول این امکان را به ما می دهد که بتوانیم یک ابزارک، ستون و یا سکشن را بر اساس شرط های مختلف به نمایش و یا مخفی کنیم. مثلا قصد دارید یک سکشن را به کاربرانی که عضو نشده اند مخفی کنید. و یا یک سکشن را صرفا به کاربرانی نمایش دهید که عضویت ویژه دارند. این ماژول یکی از محبوب ترین ماژول های این افزونه می باشد.
واژه نامه - Glossaries
با استفاده از واژه نامه از تکرار مراحل خودداری می کنیم. برای مثال یک لیست شهر داریم. کافیه این لیست را در واژه نامه ایجاد و هر لحظه که به این لیست نیاز شد فقط آنرا باید فراخوانی کنیم. و نیازی به تولید مجدد وجود ندارد.
ایجاد صفحه بایگانی برای پست های سفارشی
هر پست سفارشی که دارای دسته و یا برچسب باشد نیازمند یک صفحه آرشیو و یا بایگانی برای خود می باشد. در این بخش به شما آموزش میدهیم که چگونه برای دسته بندی ها و برچست های پست سفارشی یک صفحه بایگانی طراحی کنید.
ایجاد صفحات هوشمند - Option Page
برای نمایش متاباکس های عمومی می توانیم از ویژگی Option Page استفاده کنید. به عنوان مثال شما قصد دارید که یک مثاباکس اختصاصی در هدر سایت خود ایجاد کنید. این ویژگی به شما چنین اجازه ای می دهد که متاباکس های عمومی را در هر جایی به نمایش بگذارید.
معرفی متاهای سفارشی برای شناسایی افزونه های Rank Math, Yoast Seo
محتوایی که در داخل این زمینه های سفارشی قرار میگیرند نیازمند این هستند که توسط افزونه های آنلیز سئو شناسایی شوند.
ماژول Custom content Type
با استفاده از این ماژول میتوان یک جدول دیتابیس مجزا برای اطلاعات دریافتی توسط کاربران طراحی کرد. همچنین میتوانیم با استفاده از این ماژول بین پست های سفارشی ارتباط برقرار نمایید.
ایجاد و معرفی قالب Listing
افزونه جت انجین همانند افزونه المنتور پرو ویژگی قالب سازی با عنوان Listing دارد. همین ویژگی افزونه جت انجین را به یک افزونه کارامد و بسیار کاربردی تبدیل کرده است. با استفاده از این ویژگی دیگر هیچ محدودتی در المان های نمایشی سایت خود ندارید. شما میتوانید برای محصولات، نوشته ها و هر چیز دیگری یک قالب اختصاصی ساخته و آن را به صورت تجمیعی نمایش دهید. برای مثال شما می توانید صفحات آرشیو محصولات و نوشته های خود به زیبایی هرچه تمام تر طراحی کنید. مثال فوق یکی از امکانات زیاد این ویژگی می باشد و قطعا هنگامی که از نحوه استفاده از این ویژگی را یاد بگیرید می توانید انقلابی را در نمایش المان ها در سایت خود بوجود بیاورید.
طراحی قالب دسته ها با Listing
با استفاده از ویژگی لیستینگ میتوانیم برای نمایش محتوا در صفحات آرشیو یک قالب اختصاصی طراحی کنیم.
نحوه ایجاد و نمایش Meta Field - Repeater Listing
متا باکس تکرار شونده یکی از زمینه های سفارشی محبوب و پر کاربرد می باشد. شما می توانید با استفاده از این متاباکس محتوا تکراری با ظاهری متفاوت در سایت خود ایجاد کنید. این لیست های تکرار شوند با استفاده از ویژگی لیستینگ میتواند کاربر خیلی مفیدی برا ما داشته باشد.
نگاه اجمالی به عملکرد ابزارک Listing Grid
برای نمایش قالب ساخته در ویژگی Listing ما به ابزارک Listing Grid نیاز خواهیم داشت. این ابزارک تنظیمات و پیکربندی بسیار حرفه ای دارد که شما را در نحوه چگونگی نمایش المان ها در سایت شگفت زده خواهد کرد.
چگونگی نمایش مطالب مرتبط در ابزارک Listing Grid
چگونگی نمایش پست ها، مطالب و محصولات مرتبط با استفاده از کوئری ها در ابزارک Listing Grid
نحوه کار با کوئری Date ابزارک Listing Grid
با استفاده از این کوئری شما می توانید المان های ساخته خود را بر اساس تاریخ طبقه بندی کنید. نمایش های مختلفی همچون جدید ترین، قدیمی ترین، آخرین بروزرسانی، برای اساس ID نوشته یا محصول و یا به صورت تصادقی
نحوه کار با کوئری Meta ابزارک Listing Grid
شما می توانید برای اساس متاباکس ها ساخته شده خود المان های خود را نمایش دهید. مثلا نمایش نوشته هایی که برا اساس فعال بودن و یا فعال نبودن یک متاباکس مشخص کنید
نحوه کار با کوئری Tax ابزارک Listing Grid
شما می توانید المان های خود را بر اساس دسته بندی و یا برچسب ها به نمایش بگذارید. مثلا نمایش محصولات در دسته خاص و یا عدم نمایش محصولات در برچسب های تعیین شده
نحوه کار با کوئری Offcet&Orders ابزارک Listing Grid
این کوئری نمایش المان شما را براساس تاریخ، نام، ID و موارد مختلف به نمایش می گذارد. این کوئری ترکیبی می باشد و در کنار کوئری های دیگر مفهوم پیدا می کند
نحوه کار با Term query ابزارک Listing Grid
علاوه بر کوئری های سمت پست ها، میتوانیم برای دسته ها و طبقه بندی های پست کوئری ها سفارشی ایجاد کرد.
طراحی کاروسل محصولات - Listing Grid + ترفند کاربردی
نمایش محصولات و یا نوشته ها به صورت اسلایدی یکی دغدغه های اساسی در طراحان سایت می باشد. ما در این قسمت به شما شرح کاملی از نحوه نمایش محصولات ووکامرسی را آموزش می دهیم. همچنین یک ترفند بسیار کاربردی برای نمایش درست و صحیح محصولات به صورت اسلایدر در نمایشگر های موبایل گفته می شود.
ماژول Listing Grid Injections
با استفاده این ماژول میتوانیم محتوایی مشابه با ظاهر متفاوت ایجاد کرد. فرض کنید که شما قصد دارید که برخی از عناوین را به دلیل اهمیتی که دارند با ظاهر متفاوت آن را به نمایش بگذارید. این ماژول این امکان را به ما میدهد که در بین محتوا، یک ظاهر متفاوت ایجاد کنیم.
ایجاد صفحه بندی - Pagination
با استفاده از افزونه مکمل جت اسمارت فیلتر میتوان برای Listing های صفحه بندی ساخته و آنرا متناسب با نیاز خود شخصی سازی نماییم.
ماژول Data Stores
ماژول ذخیره سازی این امکان را میدهد که کاربر بتواند اطلاعاتی را در مرورگر، دیتابیس و یا کوکی سایت ذخیره کند. برای مثال میتوان صفحه را برای کاربر ساخت که بتواند محتوایی که به آن علاقه دارد را در آن صفحه ذخیره کند. همچنین نحوه ذخیره سازی توسط شما تغیین می شود.
ایجاد ارتباط بین Post Type های سایت با استفاده از ویژگی Posts Relations
امکان ایجاد یک اتباط خاص بین پست های مختلف سایت با استفاده از این ویژگی وجود دارد. فرض کنید که قصد دارید مقالاتی را به صورت اختصاصی در بعضی از محصولات ووکامرسی خود به نمایش در بیاورید. با استفاده از این ویژگی می توانیم بین پست های خود ارتباطات چند لایه ای ایجاد کنیم.
ماژول فرم ساز - Form
ساخت فرم های پیچیده و با شروط مختلف در افزونه انجین وجود دارد. برای استفاده از این ویژگی باید از ماژول فرم استفاده کرد. این ماژول ویژگی های خیلی زیاد و تخصصی ای دارد که نحوه کار با آن در این بخش به طور کامل آموزش داده می شود.
افزودن آگهی با استفاده از ماژول Form
در این بخش یک ارتبط بین فرم و پست تایپ مربوط به آگهی ایجاد می شود. این کار کمک می کند که کاربر بدون اینکه نیاز به ورود به پنل وردپرس، میتواند آگهی خود را با فرم طراحی شده ثبت نماید.
ویرایش آگهی با استفاده از ماژول Form
کاربر بعد از انتشار آگهی نیاز دارد که بتواند آگهی خود را ویرایش کند. این ویژگی را نیز با استفاده از فرم ساز افزونه جت انجین برای کابران فعال می شود.
ساخت حساب کاربری - Account Page
یک صفحه کاربری برای ایجاد آگهی، مدیریت آگهی و مشخصات کاربر ایجاد می شود. این صفحه با استفاده از ماژول کاربری افزونه ایجاد می شود.
سفارشی سازی ظاهر حساب کاربری - Account Page Style
صفحه حساب کاربری علاوه بر امکانات باید ظاهر مطلوب و منطقی ای داشته باشد. در این بخش به شخصی سازی این صفحه پرداخته می شود.
ایجاد فیلتر برای آگهی - JetSmartFilters
با استفاده از افزونه مکمل حت اسمارت فیلتر برای آگهی های ایجاد شده، چند فیتلر ایجاد میشود که کمک می کند تا کاربر سریع تر بتواند آگهی هدف خود را پیدا کند.
طراحی هدر و فوتر - Header, Footer
در انتهای آموزش برای سایت آگهی یک هدر و فوتر ساده اما کاربردی طراحی می کنیم.
طراحی ساختار صفحه اصلی - Home page
صفحه اصلی سایت با استفاده از امکاناتی که تا الان توسط انجین اضافه شده است را طراحی و منتشر می کنیم.
طراحی صفحه ورود و ثبت نام - Login, Register
برای سایت فرم ها مربوط به ثبت نام و ورود طراحی شده و با استفاده از ویژگی ها افزونه انجین مانند Dynamic Visibiity تنظیمات لازم برای این فزم ها انجام می شود.
- چیدمان و طرح بندی (Layout)
- سلسله مراتب بصری (Visual Hierarchy)
- انواع رنگ ها ، پالت رنگی و تضاد رنگ ها (Color Palette & Contrast)
- تایپوگرافی (Typography)
- نویز بصری (Visual Noise)
- راهنمای طراحی (Design Guide)
- آیکونگرافی (Iconography)
- طراحی واکنش گرا و اصول آن (Responsive Design)
- تفاوت طراحی رابط کاربری (UI) و طراحی تجربه کاربری (UX)
- اشتباهات رایج در طراحی فرمها
- اشتباهات رایج در طراحی صفحات فروشگاه
- اشتباهات رایج در طراحی صفحه بندی
- اشتباهات رایج در کپی رایتینگ و مارکتینگ
- قوانین روانشناسی در رابط کاربری (UX Psychology)
- قوانین تجربه کاربری (UX Principles)
- آشنایی با عناصر رابط کاربری
- دکمه ها (Buttons)
- پروژه ساخت و ایجاد انواع دکمه
- لیست ها (Lists)
- قوانین انتخاب سایه برای المان ها
- جعبه های راهنما (Tooltip)
- کنترل های انتخابی (Selection Controls)
- تقسیم کننده ها (Dividers)
- جدول ها (Tables)
- زبانهها (Tabs)
- پروژه ساخت و ایجاد زبانه
- انتخاب رنگ زمینه
- انتخاب سایز مناسب برای هدر و بدنه سایت
- نکات و ترفندهای کاربری برای طراحی هدر
- ایده پردازی مفهومی - هدر
- ایده پردازی مفهومی - هدر موبایل
- شروع ایده پردازی و ابزارهای مورد نیاز
- معرفی منابع برای ایده پردازی
- نقشه طراحی
- پیاده سازی نقشه طراحی در المنتور
- طراحی قالب هدر
- طراحی قالب فوتر
- طراحی قالب تکی (نوشته و برگه ها)
- طراحی قالب وبلاگ
- طراحی قالب صفحه 404
- طراحی قالب صفحه جستجو
- طراحی لندینگ - شماره یک
- طراحی لندینگ - شماره دو
- طراحی لندینگ - شماره سه
کمپ عیب یابی
با همکاری تعدای از کاربران ایران المنتور چند وب سایت جهت برسی دقیق جزئیات در طراحی صفحات با استفاده از المنتور مورد بازبینی قرار میگیرد. پس از بازبینی و پیدا کردن موارد هدف، به اصلاح آنها پرداخته می شود.
- ایجاد متاباکس برای دوره های آموزشی
- طراحی صفحه دوره با المنتور
- طراحی صفحه درس با المنتور
- ایجاد لیست دوره های آموزشی
- طراحی پروفایل کاربری با ادغام پروفایل لرن دش و ووکامرس
- تقویت پروفایل کاربری لرن دش و ووکامرس با فرم بیلدر جت انجین
- طراحی فرم ورود و ثبت نام
- طراحی فرم فراموشی رمز عبور
- افزودن کامنت به دوره و درس ها
- آموزش ارسال اعلان ایمیلی به کاربر
- ایجاد دستاورد و نشان برای کاربران
- ایجاد سیستم محافظت از محتوای دوره
- ایجاد سیستم اطلاع رسانی نمرات آزمون های حضوری
- محافظت از ویدیو ها در برابر دانلود
نمونه آموزش های دوره
قوانین طراحی سایدبار
ایجاد دوره با لرن دش
شخصی سازی آیکون شبکه های اجتماعی
طراحی کاروسل محصولات
طراحی قالب نمایشی برای محصولات
- افرادی که قصد دارند وارد از طریق طراحی سایت کسب درآمد داشته باشند.
- طراحان سایت وردپرسی که میخواند برای مشتریان خود یک سایت کامل و حرفه ای در مدت زمان بسیار کوتاه طراحی کنند.
- افرادی که قصد دارند که کسب و کار اینترنتی خود را شروع کنند و محصولات خود را از طریق دنیای وب معرفی کنند.
- افرادی که از خرید قالب های مختلف فروشگاهی خسته شده اند.
- افرادی که به دنبال ایجاد رابط کاربری منطقی در وب سایت خود هستند
- افرادی علاقمند کسب تجربه و ارتقای سطح توانمندی در حوزه UI هستند
- افرادی که قصد فروش دوره آموزشی در فضای وب را دارند
- مدیران و کارکنان آموزشگاه ها و مدارس
- وبمسترانی که می خواهند دانش طراحی سایت خود را ارتقا دهند
دوره تخصصی طراحی سایت طلایی چیست؟
در دوره طراحی سایت با وردپرس بدون یک خط کد نویسی یک وب سایت کامل خواهید ساخت. در کلاس طراحی سایت با وردپرس از نقطه ۰ شروع شده و تا مشاوره درآمد زایی از سایت پیش خواهیم رفت. دوره آموزشی کاملا پروژه محور بوده و هر کارآموز در انتهای دوره چند وب سایت کامل خواهد داشت. این دوره تمامی مهارت های مورد نیاز را در بر میگیرد. به طور که شرکت کننده بعد از تکمیل دوره می تواند هر سایتی را اعم از فروشگاه و سایت های دانلودی و آموزشی را به راحتی طراحی نماید.
4 پاسخ
سلام وقت بخیر
ببخشید سوالی که داشتم این بود که در این دوره آموزش وردپرس هم انجام میشه ؟
سلام
بله، علاوه بر آموزش وردپرس مباحث مربوط به خرید دامنه و هاست نیز ارائه شده است.
سلام وقت بخیر
آیا این دوره شما پشتیبانی هم داره؟
اگر قسمتی رو متوجه نشیم یا سوالی داشته باشیم چطور میتونیم سوال کنیم؟
سلام و عرض احترام
پشتیانی تخصصی نیست و در این دوره سعی شده تا تمامی سوالات کاربران آموزش داده شود. در صورتی که مشکلی بود از طریق تیکت در خدمت شما هستیم.