دوره آنلاین سئو | آموزش آنلاین سئو

آموزش UX یا تجربه کاربری چیست؟ تجربه کاربری بازخورد کاربر هنگام استفاده از محصولات یا خدمات شماست؛ به عبارت دیگر، کاربر وقتی از محصول شما استفاده می‎کند، چه حسی دارد و چه فکری ‌می‌کند.

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

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

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

آموزش Ui یا رابط کاربری چیست؟ رابط کاربری یا user interface همان‌طور که از اسمش مشخص است، رابط میان کاربر و محصول یا سیستم است؛ ظاهر یا هر چیزی که کاربر در سایت شما می‌بیند و به‌وسیله آن با محصول دیجیتالی یا خدمات شما رابطه برقرار می‌کند؛ شامل تصاویر، رنگ‌ها سایزها، فاصله‌ها، هماهنگی که بین متن‌ها، نمودارها، دکمه‌ها، ماژول‌ها، جداول و ویدئوها همگی در حوزه طراحی رابط کاربری جای می‌گیرد.

UI یا رابط کاربری به مجموعه ظاهری صفحات، تصاویر و المان‌های بصری – مثل دکمه‌ها و آیکون‌ها و ... گفته می‌شود که کاربر برای تعامل با یک دستگاه یا برنامه از آن‌ها استفاده می‌کند.

هماهنگی و یکپارچه سازی طراحی و عوامل طراحی سایت یا نرم افزارها از وظایف اصلی  ui می باشد. افرادی که کار  ui انجام میدهد تصمیم گیرنده این است که چه المانی در کدام قسمت صفحه و چه نوع طرحی در طرح قرار بگیرد تا زیبایی خود را به مخاطب نشان داده و سلیقه مخاطب را بشناسد. در طراحی UI به روانشناسی رنگ ها، چیدمان و نحوه نمایش خطاها پرداخته می شود و در حقیقت ظاهری از هر سایت که به وسیله مخاطب دیده می شود UI یا رابط کاربری تلقی می شود که مهمترین بخش از یک پروژه است. در وب برای اینکه بتوان فرایند ui را پوشش داد از نرم افزارهای  CSS , Jquery , Js، فتوشاپ، زبان های برنامه نویسی و HTML استفاده می شود.

مهم ترین ابزار طراحی Ui

1 - اسکچ: اسکچ (sketch) به‌عنوان یک ابزار طراحی تجربه کاربری و رابط کاربری برای اکثر طراحان وب جایگزین فتوشاپ شده است. ما با آنچه که کاملا مبرهن است بحث را شروع می‌کنیم. بله ما در جریانیم که همه از ابزار طراحی UI وکتور کدینگ بوهمین اسکچ چیزهایی شنیده اید اما به‌نظر می‌رسد که طراحان وب زیادی هنوز برای طراحی UX و UI از فتوشاپ استفاده می‌کنند و به آن اعتماد دارند ( و این علی‌رغم انتشار نسخه Adobe XD است که یک ابزار نمونه‌سازی و قاب‌مانند می‌باشد، یکی از افزونه‌های جدیدتری از Creative Cloud )

روری بری مدیر سرور در سال 2017 تصمیم به استفاده از اسکچ گرفت و اکنون به‌شدت آن را توصیه می‌کند. به گفته او ” من ده سال به‌عنوان کاربری بودم که از فتوشاپ استفاده می‌کردم و لذا تغییر و یادگیری یک چیز جدید برایم بسیار سخت بود اما بعد از اولین روز استفاده از اسکچ دیگر دوست نداشتم از فتوشاپ استفاده کنم و کاملا همه چیز وارونه شد”.

او دلایل زیادی را در این زمینه عنوان می‌کند: “در مقایسه با فتوشاپ تمام اسنادی که دارید و باید روی آن‌ها بازبینی انجام دهید خیلی راحت‌تر مرتب می‌شوند. اسکچ اسناد کوچکی دارد، درحالیکه فتوشاپ دارای اسناد با حجم زیاد است. در اسکچ به دلیل ساختار اپِ بُردار گونه‌ای که دارد اندازه فایل‌ها در مقایسه با فتوشاپ کوچکترند”.

2 - ادوب XD: ادوب XD یک ابزار طراحی وب سایت است که رقیب اسکچ است دارای رابطی روشن می‌باشد که به شما این امکان را می‌دهد که به‌سادگی بتوانید مفهوم و یا نمونه‌ای را پیاده‌سازی کنید. ابزار طراحی برداری (وکتور) و قاب‌گونه ادوب، ادوب XD، مدام در حال بهتر شدن است. در سال پیش Adobe MAX را معرفی کردند که شامل نمونه اولیه صوتی می‌باشد. XD شامل ابزارهای نقاشی است که این ابزارها به شما امکان تعریف تعاملات غیر‌ استاتیک و پیش‌نمایش‌های موبایلی و دسکتاپی را می‌دهد و ابزارهای به اشتراک‌گذاری نیز به‌منظور بازخورد درمورد طراحی مورد استفاده قرار می‌گیرند. این ابزار به شما امکان انتخاب یک سایز هنری برای یک دستگاه خاص برای شروع پروژه را می‌دهد و شما می‌توانید یک ابزار UI مشهور مانند google material design  را ایمپورت کنید.

مهم سایت های طراحی Ui

SiteInspire: اینجا درواقع ویترینی است که هرروز وب‌سایت‌های جدید را معرفی می‌کند.

Web Design Inspiration: این وب‌سایت روی عناصری که در طراحی برای الهام گرفتن نیاز دارید تمرکز کرده است.

The Best Designs: این وب‌سایت یک لیست روزانه از وب‌سایت‌های منحصربه‌فرد را از هر گوشه‌ای از اینترنت معرفی می‌کند. نه‌تنها طرح‌ها، بلکه طراح‌ها را معرفی می‌کند و فضاهای کاری را نیز نمایش می‌دهد!

Niice: یک‌ منبع فوق‌العاده برای شروع طراحی یک پروژه جدید و بزرگ!

Behance: یکی از بزرگ‌ترین شبکه‌های اجتماعی برای طراحان بیهَنس است، یک منبع بزرگ و ارزشمند از طراحان تجربه‌کاربری در سراسر دنیا.

Dribbble: دریبل مانند بیهَنس یک شبکه اجتماعی + ابزار نمایش برای طراحان است. حتماً اسم آن را قبلاً شنیده‌اید. البته برای نمایش کارهایتان در دریبل باید از یکی از طراحان موجود دعوت‌نامه دریافت کنید.

Awwwards: این وب‌سایت به بازدیدکنندگان اجازه می‌دهد تا به بهترین وب‌سایت‌های روز (و هفته … و ماه … و سال) رأی دهند. این سایت دارای تعداد زیادی سایت با UX/UI شگفت‌انگیز است.

Panda: این وب‌سایت کمی متفاوت‌تر از بقیه وب‌سایت‌هایی است که معرفی کردیم. پاندا به شما اجازه می‌دهد تا موضوعات موردعلاقه خود را انتخاب کنید و لیستی از مجموعه‌های موردعلاقه خود تهیه کنید. اگر از پاندا درست استفاده کنید، ممکن است دیگر مجبور نشوید از وب‌سایت دیگری بازدید کنید!

Pintrest: شبکه پینترست می‌تواند در یافتن ایده‌های جدید طراحان را یاری کند. کافیست پروفایل خود را بسازید و ماجراجویی خود را در آن آغاز کنید!

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

MOCKPLUS BLOG: یکی از بهترین سایت ها که طراحان دنیا از آن به شدت استقبال می کنند. در این سایت شما می توانید انواع مقالات متعددی را در خصوص طراحی تجربه کاربری و رابط کاربری پیدا کنید؛ البته ممکن است که به شما خیلی آموزش بالایی ندهد اما ایده های خیلی نابی می توانید از مقالات آن بدست بیاورید.

KONIGI: این سایت بیشتر بر روی طراحی کاربری و  پارادایم طراحی بصری تمرکز می کند.

QUINCE: X Patterns Explorer: با استفاده از این اپلیکیشن وب سایت، شما می توانید به منابع و طرح های متعدد UI دسترسی پیدا کنید مانند انتخاب پنل، انتخاب داده و غیره.

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

Pattern Tap: یکی از محبوب ترین و معروف ترین سایت بین طراحان UI سراسر دنیا است. در این سایت می توانید مجموعه ای از کامپوننت های رابط کاربری، نمایش گالری و دیگر تنظیماتی که اضافه و کم کردن آن ها برعهده خود کاربر است یعنی انتخاب از پیش تعیین شده ای برای او وجود ندارد. در این سایت می توانید بیش از 7000نمونه کار طراحان دنیا را مشاهده کنید.

THE UI PATTERN FACTORY: این سایت در واقع کتابخانه ای از طراحی رابط کاربری است. بزرگترین مزیت این سایت، این است که به شما امکان بارگذاری ویدئو پروژه خود را می دهد تا نقص ها و مشکلات را پیدا کرده و رفع نمایید.

PTTRNS- MOBILE DESIGN PATTERNS: این سایت یکی از بهترین مجموعه الگوهای طراحی، منابع و اجزای الهام گیرنده در طراحی UI است. فقط تنها راهی که بتوانید از این سایت به خوبی استفاده کنید، داشتن یک فکر باز و خلاق است، پس قبل از استفاده از این سایت، تمامی مشکلات خانوادگی وغیره را دور بریزید و با فراغ بال، از نمونه های این سایت استفاده کنید.

Open Doodles, Humaaans and Buttsss: تصویرسازی های جذاب و رایگان که توسط Pablo Stanly طراحی شده اند. با رفتن به این وب سایت با مجموعه ای از وکتورها رو به رو می شوید که همگی بطور دستی کشیده شده اند. شما می توانید فایل source را دانلود نموده یا با اجرای فایل سازنده آنطور که مایلید آن را تغییر دهید.

LukaszAdam Illustrations: یک مجموعه تصویرسازی از وکتورها و icon ها که بطور هفتگی به روز رسانی می شوند. این مجموعه با عشق از طرف یک طراح مستقل و با استعداد وب، به نام Lukasz Adam ساخته شده است.

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

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

DrawKit: یک مجموعه جالب و بامزه از تصاویر svg. هر تصویر در دو حالت متفاوت از نظر استایل و رنگ ساخته شده. می توانید به رایگان در پروژه، برنامه و وب سایت خود از آنها استفاده کنید. 

Freepik: یک موتور جستجو که به کمک آن می توانید هرگونه عکس با کیفیت، وکتور، icon، تصویرسازی و فایل های PSD مناسب برای پروژه خود را بیابید.

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

Pngtree: بزرگ ترین منبع رایگان فایل های png. بیش از یک میلیون resource گرافیکی که با استایل ها متنوعی ساخته شده اند. مثل پس زمینه ها، افکت های متنی و تصویرسازی ها.

Wannapik: مجموعه عظیمی از تصویرسازی های رایگان، وکتورها، عکس ها و انیمیشن ها برای هرگونه استفاده ای.

Open source illustrations kit: این پروژه ابتدا یک چالش صد روزه برای Vija Verma بود. کسی که از سال 2016  طراحی های بامزه ای ارائه داده. بعد از این چالش Vija تصمیم می گیرد طراحی های خود را با جامعه طراحان به اشتراک بگذارد! 

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

آموزش افزونه المنتور

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

همان طور که گفته شد مهم ترین مزیت المنتور قابلیت طراحی دارگ اند دراپ این افزونه می‌باشد، به این معنا که فقط با کشیدن و رها کردن المانهای جذاب المنتور می توانید صفحات بسیار زیبا و با طرح دلخواهتان را برای سایت خود طراحی کنید! در قالبهای استاندارد بدون استفاده از ویرایشگر وردپرس. شما طراحی را در ویرایشگر مخصوص المنتور به صورت زنده انجام خواهید داد. 
قابلیت طراحی زنده یا front-end افزونه صفحه ساز المنتور هم یک مزیت عالی برای این افزونه است. شما دقیقاً همون حالت از پیج رو می‌بینید که بازدید کننده بعد از انتشار صفحه مشاهده خواهد کرد. افزونه صفحه ساز المنتور بدون نیاز به مهارت کدنویسی php,css,html تمامی نیازهای شما را با رابط کاربری کاربر پسند خود برطرف خواهد کرد و هر نوع طراحی صفحه که در ذهن شماست صرف‌نظر از نوع قالب وردپرسی نصب شده در سایت را می‌توانید با المنتور به راحتی پیاده سازی کنید. بدون اغراق المنتور همینقدر جادوییست و مهمتر از همه با تمام افزونه های وردپرس سازگاری داشته که ضمن حفظ طرح سایت فعلی می‌توانید ادامه کارطراحی صفحات سایت را با المنتور ادامه دهید!

آموزش بخش تنظیمات المنتور

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

تنظیمات| سربرگ کلی

این بخش شامل تنظیمات کلی مربوط به صفحه و نوشته­‌ها می‌­باشد.

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

تنظیمات| سربرگ استایل

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

رنگ‌­های عمومی: این گزینه شامل سفارشی­‌سازی رنگ اولیه، رنگ ثانویه، رنگ متن و رنگ برجسته می­‌باشد.
فونت‌­های سراسری: تغییر و سفارشی­‌سازی فونت­ عنوان اولیه، ثانویه، متون و متن برجسته از این بخش امکان‌پذیر می­‌باشد.
فن چاپ: تنظیماتی از جمله رنگ سربرگ، متن، پیوند، هاور، پیوند و تراز متن­‌ها از این قسمت قابل تنظیم می‌­باشد.
دکمه‌­ها: تنظیماتی همچون رنگ پس زمینه دکمه­، رنگ متن، نوع کادر و ایجاد سایه برای دکمه از گزینه‌­های این بخش هستند.
تصاویر: این بخش شامل تنظیماتی از قبیل نوع کادر دور تصاویر، میزان شفافیت، سایه کادر و فیلترهای CSS می‌­باشد.
فیلدهای فرم: این بخش برای سفارشی­‌سازی رنگ فیلدها و برچسب­‌ها، رنگ متن، کادر و سایه کاربرد دارد.
هویت سایت: از این قسمت می­‌توانید برای سایت خود نام و توضیحات در نظر بگیرید و لوگو و فاو آیکن انتخاب کنید. (جهت مشاهده تغییرات برگه خود را مجددا بارگذاری کنید.)
پس زمینه: انتخاب نوع پس زمینه براساس رنگ، پس زمینه کلاسیک و یا گرادیانت می­‌باشد.
طرح­‌بندی: تنظیمات طرح‌­بندی شامل موارد زیر می­‌باشد:عرض محتوا: در این بخش می‌توانید عرض محتوای خود را در صفحات مشخص کنید. مقدار پیشفرض 1140 پیکسل است که در صورت مشکل می‌توانید این مقدار را تغییر دهید، در غیر این صورت بهتر است از مقدار پیشفرض استفاده کنید.
فاصله بین ابزارک­‌ها: با استفاده از این بخش می‌توانید فاصله میان اجزا و ابزارک‌های موجود در صفحات خود را تعیین کنید. به صورت پیشفرض مقدار 20 پیکسل برای تمامی ابزارک‌های صفحه اعمال می‌شود و قابل تغییر است.
انتخاب‌گر عنوان برگه: با کمک این گزینه می‌توانید استایلی را برای عنوان صفحه ایجاد شده خود بنویسید.
اندازه شدن بخش کشیده: با این گزینه نیز می‌توانید اندازه قسمت موردنظر را بصورت تمام صفحه درآورید.
طرح برگه پیش‌فرض: باید از بین طرح بندی‌­های موجود (پوسته، canvas و تمام عرض) یک گزینه را انتخاب کنید.
نقطه نمایش موبایل: این گزینه بیانگر سایز نمایش موبایل است که مقدار استاندارد آن 768 پیکسل می­‌باشد.
نقطه نمایش تبلت: این گزینه بیانگر سایز نمایش موبایل است که مقدار استاندارد آن 1025 پیکسل می­‌باشد.
لاین باکس: با انتخاب این گزینه می‌توانید برای تصاویر موجود در سایت وردپرسی خود را در Lightbox نمایش دهید، به این معنی که اگر کاربران بر روی تصویری کلیک کنند، آن تصویر در قالب یک جعبه نمایش داده خواهد شد.
CSS سفارشی: این قابلیت فقط در نسخه پرمیوم افزونه قابل دسترس است و برای افزودن کدهای CSS سفارشی شما کاربرد دارد.

تنظیمات| سربرگ پیشرفته

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

روش پرینت CSS: از این قسمت قادر خواهید بود نحوه فراخوانی CSS را به دو روش استفاده از فایل خارجی یا فایل قالب انتخاب کنید. برای بهبود عملکرد در هنگام ساخت صفحات گرافیکی با این افزونه در وردپرس، بهتر است این گزینه را روی “فایل خارجی” تنظیم کنید و صرفا تنها برای عیب­‌یابی از روش “جایگذاری درونی” استفاده کنید.
تغییر روش بارگذاری ویرایشگر: فعالسازی این گزینه به عیب‌­یابی و برطرف کردن مشکل کمک می­‌کند و حالت لودشونده را برای بخش ویرایش صفحه مورد نظر فعال می­‌کند.
فعال‌سازی بارگذاری بی‌پالایه­ پرونده: با استفاده از این گزینه قادر خواهید بود قابلیت بارگذاری و استفاده از فایل­‌های با فرمت SVG در وردپرس را فعال و یا غیرفعال کنید. توجه داشته باشید که استفاده از این نوع فایل­‌ها احتمال ایجاد خطرهای امنیتی را به دنبال دارد.
خروجی بهینه شده ساختار Html: در صورت اجرا نشدن قطعه کدهای سفارشی در المنتور لازم‌ است این گزینه را بر روی حالت فعالسازی قرار دهید.
بارگزاری پشتیبانی Font Awesome 4: این اسکریپت به شما کمک می­‌کند در زمان استفاده از کتابخانه Font Awesome 5 کلیه آیکون‌های Font Awesome 4 به درستی نمایش داده شوند.

مدیریت نقش‌ها
با استفاده از این قابلیت قادر خواهید بود دسترسی کاربران مختلف را نسبت به ویرایش مطالب در وردپرس محدود کنید. برای استفاده از این ویژگی می‌­بایست با کلیک بر روی نقش موردنظر و انتخاب گزینه “بدون دسترسی به ویرایشگر” و ذخیره‌­ی تغییرات، دسترسی به ویرایشگر المنتور را محدود کنید.

ابزارها
در این بخش تنظیمات بیشتری برای مدیریت و کار با افزونه وجود دارد که در ادامه به بررسی هر کدام از این 4 سربرگ می‌پردازیم.

ابزار ها | سربرگ کلی

تولید مجدد فایل CSS: کدهای CSS سفارشی در المنتور در یک فایل جداگانه ذخیره می‌شوند، با کلیک بر روی این گزینه می­‌توانید فایل جدیدی تولید کنید.
همگام سازی کتابخانه: بطور خودکار کتابخانه قالب‌های افزونه المنتور روزانه بروزرسانی می‌­شوند، در صورت بروزرسانی دستی کتابخانه کافیست بر روی این گزینه کلیک نمایید.
حالت ایمن: حالت ایمن به شما اجازه عیب­‌یابی مشکل از طریق بارگذاری ویرایشگر، بدون بارگذاری قالب یا هر افزونه­‌ای را برای شما فراهم می‌­کند. در صورت برطرف شدن مشکل، ممکن است ایراد از قالب یا یکی از افزونه‌های سایت شما باشد.
نوار اشکال زدایی: با فعالسازی این گزینه یک نوار مدیریتی به صفحه شما اضافه خواهد شد و تمام قالب‌هایی که در یک صفحه نمایش داده می‌شوند را فهرست می‌کند.

ابزار ها | جایگزینی URL
در صورت تغییر آدرس وبسایت وردپرسی شما و یا فعالسازی پروتکل https می‌توانید از این بخش آدرس قدیمی و جدید سایت خود را وارد و سپس بر روی دکمه جایگزینی URL کلیک کنید.(بهتر است قبل از انجام این کار از پایگاه داده خود یک نسخه پشتیبان تهیه کنید.)

ابزار ها | سربرگ کنترل نسخه

بازگشت نسخه رایگان: در صورتی که در استفاده از نسخه فعلی افزونه المنتور به مشکل برخورد کرده‌­اید می‌­توانید با کلیک بر روی دکمه مربوطه در این قسمت به طور خودکار به نسخه قبلی که در آن مشکلی نداشته‌­اید برگردید. (بهتر است پیش از بازگشت به نسخه قبل از دیتابیس خود بکاپ تهیه کنید.)
به روزرسانی مجدد اسکریپت: با بروزرسانی و دریافت نسخه جدید اسکریپت تمام فونت‌ها و رنگ‌بندی شما به حالت پیش‌فرض بازگشته و تنظیمات نسخه قبل از بین می­‌رود.
تست نسخه بتا: اگر این گزینه را روی حالت فعال تنظیم کنید، می‌توانید از نسخه بتای افزونه که هنوز به صورت رسمی ارائه نشده است استفاده کنید.

ابزار ها | سربرگ حالت تعمیر

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

انتخاب حالت: با استفاده از این گزینه می‌توانید حالت تعمیر یا به زودی را انتخاب کنید. (بهتر است حالت تعمیر بیشتر از 3 روز طول نکشد؛ چرا که بر رتبه سئو سایت شما تاثیر منفی خواهد گذاشت.)
چه کسی می‌تواند به سایت دسترسی داشته باشد؟: در صورت فعالسازی حالت تعمیر و یا بزودی با کمک این گزینه می­‌توانید مشخص کنید که چه کسی یا چه کسانی به سایت و پنل مدیریتی دسترسی داشته باشند، با تنظیم این گزینه بر روی حالت “سفارشی” قادر خواهید بود دسترسی کاربران را تعیین کنید.
انتخاب قالب: در این قسمت می‌توانید قالب نمایش حالت تعمیر را مشخص کنید. برای این کار می­‌بایست یک قالب برای برگه “در دست تعمیر” که توسط افزونه ساخته شده بسازید و یا آن را از قالب‌­های موجود انتخاب کنید.

فونت‌های سفارشی
یکی از ویژگی های جذاب افزونه المنتور، اضافه کردن فونت های دلخواه به این صفحه ساز می باشد؛ البته به همراه المنتور بیش از 800 فونت گوگل ارائه شده است اما اگر شما به فونت های بیشتری نیازی دارید به راحتی می توانید اقدام به اضافه کردن فونت به المنتور کنید! این قابلیت تنها در نسخه پرمیوم افزونه قابل استفاده است و برای اضافه کردن فونت به المنتور شما باید نسخه پرو این افزونه را تهیه کرده و در کنار نسخه رایگان آن نصب و فعال سازی کنید و پس از انجام این کار قادر هستید از طریق تنظیمات المنتور فونت دلخواهتان را به هسته افزونه اضافه، و از آنها متناسب با نیاز خود استفاده کنید.

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

تفاوت المنتور رایگان و پریمیوم

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

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

• عدم ساخت بخش های مختلف سایت
• تعداد ویجت محدود برای طراحی
• عدم انتخاب قالب های آماده حرفه ای
• عدم استفاده از css سفارشی
• عدم ساخت قالب های فروشگاهی

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

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

آموزش نصب المنتور

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

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

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

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

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

 تگ header در المنتور: همانطور که از اسم این تگ پیداست برای هدر یا سربرگ ها استفاده می شود و ما میتوانید در سایت هدر ها را مشخص کنیم.

تگ Nav در المنتور: یکی از مهمترین تگ هایی که در هر سایتی بسیار مهم و ضروری است، تگ Nav می‌باشد و با استفاده از این تگ شما لینک‌های اصلی و منوی اصلی سایت رو به موتور های جستجو معرفی میکنید که حتما باید به درستی علامت گذاری شوند؛ دقت داشته باشید که فقط برای لینک های منوی اصلی باید از این تگ استفاده کرد

تگ Main در المنتور: این تگ محتوای اصلی سایت رو نمایش خواهد داد، شما فقط می توانید از تگ main فقط یک بار در صفحه استفاده کنید و همچنین میتوانید فقط در درون این تگ از تگ های article و section استفاده کنید. به هیچ وجه نباید در درون این تگ از تگ هایی همانند footer و یا header استفاده کرد چون از اصول ساختاری کلا به دور است.

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

تگ Aside در المنتور: این تگ یک تگ محتوایی محسوب شده که ما می‌توانیم محتوای خودمون رو در اون قرار بدیم! در این تگ باید سایدبار را قرار بدیم یعنی همان ستون کناری سایت؛  در این ستون کناری می‌توانیم محتوایی نظیر، آخرین محصولات، آخرین نوشته ها و … را قرار دهیم.

تگ Section در المنتور: این تگ یکی از پر استفاده ترین تگ های HTML5 f,ni که در المنتور نیز بسیار مورد استفاده قرار می گیرد که به راحتی می توانید با این تگ محتوا و … را گروه‌بندی و مرتب کنید، شما می‌توانید چندین تگ Section در صفحه داشته باشید.

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

آموزش المان‌های المنتور

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

المان بخش داخلی المنتور: این المان در المنتور خیلی پر کارد است؛ به منظور اینکه شما یک بخش را به دو بخش دیگر تبدیل کنید مورد استفاده قرار می‌گیرد. این المان هیچ‌گونه تنظیمات سخت و خاصی ندارد و شما می توانید بدون نیاز هیچگونه دانشی از آن در بخش های سایت خوداستفاده کنید.

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

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

المان ویرایشگر متن المنتور: این المان به شما کمک می‌کند که یک متن چند خطی یا چند پاراگرافی را در سایت اضافه کنید! با استفاده از المان سربرگ می‌توانستید فقط یک متن را برای عنوان قرار دهید اما از طریق این المان می‌توانید به وسیله ویرایشگر پیش‌فرض وردپرس متن بلند و طولانی‌تری را در سایت قرار دهید.

المان ویدئو المنتور: این المان به شما کمک می‌کند که یک یا چند ویدئو را در سایت خود به نمایش بگذارید، ویدئوها همواره می‌توانند در درگیر کردن کاربران با سایت کمک کنند، برای مثال اگر یک ویدیو چند دقیقه‌ای در سایت خود به نمایش بگذارید و کاربر آن را مشاهده کند این یعنی کاربر چند دقیقه بیشتر در سایت شما مانده و از این طریق رتبه گوگل شما هم بهتر خواهد شد.

المان دکمه المنتور: دکمه در المنتور به شما کمک می‌کند تا یک سری دکمه‌ها را با استایل‌های مختلف در سایت خود قرار دهید و استایل و یا رنگ و فونت آن‌ها را به کلی تغییر دهید.

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

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

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

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

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

المان نمونه کار المنتور: همانطور از نام این المان مشخص است شما می‌توانید با استفاده از آن یک سری نمونه کارها را به نمایش بگذارید، برای مثال یک شرکت دارید و یا یک تولیدی هستید و میخواهید یک سری از نمونه مار های خود را به نمایش بگذارید

المان فرم در المنتور: یکی از بهترین المان‌های المنتور فرم است که شما با استفاده از آن می‌توانید هر فرمی را طراحی کنید، فرم‌هایی مانند اطلاعات تماس، خبرنامه ، دریافت مشاوره و… همچنین شما می‌توانید فرم ارسالی را به ایمیل های مختلف ارسال کنید

المان ورود المنتور: این المان هم مانند المان قبلی یک فرم در قسمت مورد نظر شما ایجاد میکند که کاربر میتواند با وارد کردن اطلاعات خود به سایت وارد شود، برای مثال یک پنل کاربری و قسمت کاربران در سایت دارید که یک سری کاربران ثبت نام کرده اند و شما میتوانید این فرم را برای ورود کاربران قرار دهید. این المان به قسمت کاربران وردپرس دسترسی دارد و هر کاربر با اطلاعات خود می‌تواند وارد پنل کاربری خود شود.

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

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

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

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

المان جدول قیمت المنتور: با استفاده از این المان می‌توانید یک یا چند جدول قیمت ایجاد کنید که برای یک سری خدمات خود قیمت تعیین کنید، این المان بیشتر برای سایت های خدماتی مناسب است برای مثال سایت‌های فروش هاستینگ و سرور از این جدول ها استفاده می‌کنند.

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

المان کال تو اکشن المنتور: این المان جهت ارجاع دادن کاربران از صفحه های فعلی به صفحه‌های دیگر انجام می‌شود که در نهایت باعث می‌شود تا کاربر بیشتر در سایت شما بماند.

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

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

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

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

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

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

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

المان نظرات فیسبوک در المنتور: با استفاده از این المان تمامی نظرات فسبوک را به صورت خودکار در المنتور بازخوانی کنید و در وب‌سایت خود به نمایش بگذارید، تنها ویژگی این المان نسبت به المان‌های دیگر نمایش نظرات این است که نیاز نیست تا به صورت دستی نظرات را در وب‌سایت وارد کنید و فقط لازم است که اکانت فیسبوک خود را با المنتور ست کنید و بعد به صورت خودکار هر نظری در اکانت فیسبوک شما ثبت می‌شود در وب‌سایت و برگه مد نظر شما نمایش داده خواهد شد.

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

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

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

المان کاروسل تصویر المنتور: با استفاده از این بخش شما می‌توانید یک اسلایدر ساده و جذاب را برای تصاویر خود ایجاد کرده و تصاویر مربوط به یک بخش خاص را در این قسمت نمایش دهید.

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

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

طراحی فوتر با المنتور

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

طراحی صفحه 404 المنتور

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

رسپانسیو کردن المنتور

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

بهترین قالب المنتور » Hello Elementor

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

• کاملاً رایگان
• هماهنگ با افزونه المنتور
• مناسب برای صفحه لندینگ
• دارای عملکرد سریع
• سرعت بارگذاری بالا
• سازگاری با افزونه‌های محبوب

آموزش قالب آماده المنتور

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

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

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

انتقال صفحات المنتور به سایت دیگر

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

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