آموزش طراحی سایت خبری با المنتور (کاملا رایگان!)

elementor news1 min

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

ساخت فرم در المنتور (رسپانسیو)

elementor form min

ساخت فرم در المنتور میتونه یکی از آموزش هایی باشه که توی هر سایتی لازم باشه و هر کسی بخواد فرم های بسیار حرفه ای و کاملا واکنش گرا به سایت با استفاده از افزونه Elementor اضافه بکنه. و این آموزش هم یکی از آموزش هایی هست که خیلی از کاربران سایت درخواست داده بودن. … ادامه

ساخت متن گرادیانت در المنتور

gradiant text elementor min

از آنجا که ما المنتور را خیلی دوست داریم (دیگر تا الان باید فهمیده باشید) ، تصور می کردیم که باید افزونه Elementor رو یکم پیشرفته آموزش بدیم. پس ما با یک آموزش ساخت متن گرادیانت در المنتور شروع میکنم و انشااله به سمت آموزش پیشرفته المنتور گام بر مییداریم. آموزش ساخت متن گرادیانت در … ادامه

نحوه ایجاد مگامنو در المنتور (بدون افزودنی)

megamenu elementor wi min

مگامنو ها یکی از مواردی است که می تواند کاربر را در مرور یک وب سایت بسیار پیچیده و بزرگ مانند فروشگاه تجارت الکترونیکی با احتمالاً صدها دسته و برچسب انتخاب کند. با این حال ، ساخت مگامنو در المنتور کار آسانی به نظر نمی رسد. در حالی که ایجاد منوهای ساده حتی بدون افزونه … ادامه

ساخت لوگوی تغییر شکل در هنگام هاور موس در المنتور

logo anim elementor min

در این مقاله از آموزش المنتور میخواهیم تا یک افکت زیبا به لوگوی سایتمون بدیم و هنگامی که موس روی لوگو قرار گرفت یک افکت متحرک و زیبا ایجاد شود و البته شاید بتوانید در تصویر زیر این موضوع رو به دقت نگاه کنید. شروع آموزش ساخت لوگوی متحرک در المنتور ابزارهای مورد نیاز : … ادامه

ساختار اصولی تگ های HTML 5 در المنتور

HTML TAGS ELEMENTOR min

هر سایتی که با المنتور طراحی میشه  باید تک بندی درستی داشته باشه و با این تک بندی موتورهای جستجو و هم مرورگر ها بتونم صفحات یا بخش های مختلف وب سایت شما رو شناسایی کنند. برای این منظور زبان html۵ موجوده که دارای تگ های معنای (semantic Tags) هستش و با استفاده از این تگهای … ادامه

افزونه المنتور چیست + معرفی تمامی مزایای طلایی المنتور

whatin elementor

در سال های قبل اگر شما میخواستید یک قالب حرفه ای طراحی کنید و یا برگه های وب سایت خود را طراحی کنید، اما با گسترش امکانات در وردپرس خیلی این کار هار ا میتوانید ساده تر انجام دهید، با به وجود آمدن صفحه ساز این کار بسیار ساده تر شد و شما بدون یک … ادامه

کسب درآمد از المنتور به صورت تضمینی + روش های 100% عملی

elementor make money

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

در این مقاله میخواهیم به شما روش ها و راهکار هایی را ارائه دهیم که با استفاده از آنها به کسب درآمد بالایی از طریق المنتور برسید، حتما تا آخر این مقاله با ما همراه باشید.

طراحی سایت با استفاده از المنتور:

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

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

المنتور قدرتمند در طراحی سایت:

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

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

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

چگونه میتوانیم با المنتور طراحی سایت انجام دهیم؟

طراحی سایت با استفاده از المنتور

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

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

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

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

طراحی قالب وردپرس و فروش آن با المنتور

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

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

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

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

با اتمام این دوره ها میتوانید شروع به طراحی قالب کنید و کسب درآمد خود را با استفاده از المنتور شروع کنید.

سخن نهایی:

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

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

create user menu elementor

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

ساخت منوی کاربری
ساخت منوی کاربری در المنتور

در بسیاری از سایت های همانند سایت آیلین وب وقتی وارد سایت می شوید در هدر سایت میبینید که هم نام کابر رو وارد کرده و وقتی روی حساب کاربری یا نام خودتون میرید میبینید که یک منویی باز می شود که میتوانید در این منو به دانلودها، سفارشات، تیکت ها و … دسترسی داشته باشید. در اینآموزش کار با افزونه Elementor میخواهیم تا یاد بگیریم گه چطور این منوی کاربری رو در المنتور طراحی و بسازیم.

[message_box bg_color=”rgb(255, 113, 113)”]

[row v_align=”middle” h_align=”center”]

[col span__sm=”12″]

پیشنیاز های آموزش : 

  1. ساخت هدر در المنتور
  2. نمایش نام کاربر وارد شده در المنتور

[/col]

[/row]

[/message_box]

برای طراحی منوی کاربری در المنتور باید از افزونه های زیر استفاده کنید :

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

طراحی منوی کاربری در هدر سایت

میریم سراغ طراحی منوی کاربری در هدر سایت و میخواهیم تو این مرحله منوی اولیه رو طراحی کنیم.

ویرایش سربرگی که قبلا طراحی کردید

سربرگ و یا هدری که طراحی کردید و آموزشش هم یکی از پیشنیاز ها بود ، برید و ویرایش با المنتور رو بزنید تا هدر با ویرایشگر المنتور باز بشه.

وقتی شما افزونه Element Pack رو نصب میکنید یک ابزارک با نام دراپ بار به ابزارک های المنتور اضافه میشه و شما باید این ابزارک رو همانند تصویر زیر پیدا کنید و در جای مورد نظر در هدر سایت قرار بدید.

المن دراپ بار
ابزارک دراپ بار در المنتور

وقتی المان رو در جا مورد نظر قرار دادید باید رو این ابزارک کلیک کنید تا تنظیمات براتون باز بشه. در این تنظیمات رو بخش محتوا برید و انتخاب منبع رو روی الگو المنتور قرار بدید. (همانند تصویر زیر)

اکانت منوی دراپ بار
تنظیمات ابزارک دراپ بار

تا اینجا ما تونستیم که ابزارک دراپ بار رو توی هدر سایت قرار بدیم و باید به مرحله بعدی برویم تا منویی که میخواهیم توی این دراپ بار نمایش داده میشه رو درس کنیم.

ساخت زیر منوهای منوی کاربری

در این مرحله باید زیر منوها و یا بخش هایی که در منو نمایش داده خواهد شد رو طراحی و بسازیم.

ایجاد بخش جدید

برای این منظور به پیشخوان وردپرس برید و روی منوی قالب ها » افزودن قالب کلیک کنید. در صفحه باز شده نوع قالب رو روی بخش بزارید و یک نام هم وارد کنید و در آخر روی ایجاد قالب کلیک کنید.

ایجاد سکشن
ساخت سکشن در افزونه المنتور

ساخت محتوای منوها

در این بخش بدون اینکه تغییراتی توی استایل بخش ایجاد کنیم، المانهای مورد نظرمون رو توی این بخش قرار میدیم ، میتوانید براحتی از هر ابزارکی خواستید استفاده کنید.

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

لیست آیکون
لیست آیکون محتوای منوی کاربری

محتوای منو رو توی سربرگ قرار بدید

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

به تنظیمات دراپ بار برید و در بخش محتوا الگو المنتور رو انتخاب کنید و از منوی زیرش سکشن و بخشی که ساختید رو انتخاب کنید و اگه درست انتخاب کرده باشید باید زیر دراپ با منوی شما نمایش داده بشه و همانند تصویر زیر باید باشه.

انتخاب منوی کاربری
انتخاب منوی کاربری

شخصی سازی دکمه منوی کاربری

الان ما میخواهیم که وقتی کاربر به سایت وارد شد، نام کاربری و یا نام نمایشی کاربر وارد شده رو به جای دکمه منو نمایش داده بشه. برای این کار به تنظیمات دراپ بار رفته و در تب دکمه، قسمت متن رو آیکون تگ های داینامیک کلیک کنید تا تگ ها برامون باز بشه.

در منوی باز شده همانند تصویر زیر روی اطلاعات کاربر کلیک کنید.

اطلاعات کاربر
نمایش اطلاعات کاربر وارد شده

سپس روی آیکون آچار کلیک کنید تا تنظیمات اطلاعات کاربر براتون باز بشه، در منوی باز شده روی نام نمایش کلیک کنید، البته میتوانید فیلد های دیگری رو هم انتخاب کنید.

نام نماشی
نمیش نام نمایشی کاربر در هدر سایت

با این کار اگر دقت داشته باشید که نام کاربر توی دکمه منوی کاربری نمایش داده می شود، البته میتوانید از تب استایل این دکمه رو سفارشی سازی کنید.

نام کاربری
دکمه نام کاربری

باز هم برای شخصی سازی استایل محتوای منو میتوانید به تب استایل برید و در این بخش به قسمت محتوای دراپ بار برید و همانند تصویر تنظیمات خودتون رو اعمال کنید.

استایل دراپ بار
استایل محتوای منوی دراپ بار

ویدئوی آموزشی

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