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

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

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

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

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

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

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

تنظیمات بخش عمومی

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

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

تنظیمات یکپارچه سازی

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

• API Embed نقشه گوگل : Google Maps Embed API یک سرویس رایگان توسط Google است که اجازه می دهد Google Maps را در سایت خود جاسازی کنید.
• reCAPTCHA : reCAPTCHA یک سرویس رایگان توسط گوگل است که وب سایت شما را از هرزنامه و سوء استفاده محافظت می کند. این کار در حالی انجام می شود که کاربران معتبر شما با راحتی آن را انجام می دهند.
• ورژن سه reCAPTCHA : reCAPTCHA V3 یک سرویس رایگان توسط گوگل است که وب سایت شما را از هرزنامه و سوء استفاده محافظت می کند. این کار در حالی انجام می شود که کاربران معتبر شما با راحتی آن را انجام می دهند.
• SDK فیسبوک : Facebook SDK به شما امکان می‌دهد به برنامه اختصاصی خود متصل شوید تا بتوانید تجزیه و تحلیل ویجت‌های Facebook را در سایت خود ردیابی کنید. اگر از ویجت نظر فیسبوک استفاده می کنید، می توانید از طریق برنامه خود گزینه های نظارت را اضافه کنید. توجه داشته باشید که این گزینه در سایت های محلی و در دامنه هایی که دسترسی عمومی ندارند، کار نخواهد کرد.
• میل چیپ : یک سرویس محبوب برای سیستم ایمیل هست که می توانید با استفاده از این سرویس، ایمیل مارکتینگ انجام دهید. در این بخش هم می توانید المنتو را به این سرویس متصل کنید.
• ‫ActiveCampaign : یک سرویس ایمیل مارکتینگ هست.
• سرویس GetResponse : یک سرویس ایمیل مارکتینگ هست.
• ConvertKit : یک سرویس ایمیل مارکتینگ هست.
• MailerLite : یک سرویس ایمیل مارکتینگ هست.
• فونت های ادوبی (TypeKit) : طراحان TypeKit با روش های پیشرو در جهان هر روز هزاران قونت زیبا را به طراحان می رسانند. (این مورد برای سایت فارسی کاربردی ندارد)
• نسخه پرو Font Awesome : Font Awesome محبوب ترین مجموعه آیکون های وب می باشد. سرویس دارای نسخه پرو هم هست کهدر این قسمت المنتور را به این سرویس متصل کنید.
• درگاه استرایپ : کلیدهای API ارائه شده در داشبورد مدیریت stripe را وارد کنید تا با استفاده از Stripe شروع به جمع آوری پرداخت ها در وب سایت خود کنید. این کلیدها به عنوان کلید API پیش‌فرض شما برای همه پیاده‌سازی‌های نواری در سایت شما عمل می‌کنند.

تنظیمات پیشرفته المنتور

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

• تغییر روش بارگذاری ویرایشگر: المنتور این گزینه را برای زمان‌های گذشته است که اکثراً در المنتور این مشکل وجود دارد که گاهی مشکل لودینگ در المنتور هست و در حالت لودینگ باقی می‌ماند که با این روش مشکل را حل کنید. البته به این مورد دقت داشته باشید که این گزینه فقط در مورد عیب یابی به کار گرفته شود.
• فعال سازی آپلود فایل های فیلتر نشده :  لطفا توجه کنید! آپلود کردن هر فایلی (شامل SVG و JSON) دارای ریسک امنیتی است. المنتور سعی میکند فایل ها را پاکسازی کند، کد های مخرب و اسکریپت های احتمالی را حذف کند. توصیه میکنیم اگر این ریسک امنیتی این مورد را درک می کنید، تنها این قابلیت را فعال کنید.(فقط اگر می‌خواهید از فایل‌های svg در المنتور خود استفاده کنید این گزینه را فعال نگه دارید )
• فونت های گوگل: اگر می خواهید از بارگذاری فونت های گوگل جلوگیری کنید، این گزینه را غیرفعال کنید. این تنظیم هنگام بارگیری فونت ها از منبع دیگری (افزونه، قالب یا فونت های سفارشی) توصیه می شود. (دقت داشته باشید که این گزینه برای فونت‌های فارسی کاربردی ندارد و توصیه می‌کنیم که این گزینه را در حالت غیر فعال قرار دهید ).
• پشتیبانی از بارگذاری Font Awesome 4 :  اسکریپت پشتیبانی (shim.js) Font Awesome 4 یک اسکریپت است که اطمینان می دهد که تمام آیکون های فونت فوق العاده 4 که قبلا انتخاب شده اند، هنگام استفاده از کتابخانه Font Awesome 5 به درستی نمایش داده می شوند.
• برچسب Generator : برچسب generator یک عنصر متا است که ویژگی های مورد استفاده برای ایجاد یک صفحه وب را نشان می دهد. برای اهداف تحلیلی استفاده می شود.

تنظیمات عملکرد در المنتور

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

روش پرینت CSS : Internal Embedding همه CSS را در <head> قرار می دهد که برای عیب یابی عالی عمل می کند، در حالی که External File از فایل CSS خارجی برای عملکرد بهتر استفاده می کند (توصیه می‌شود که این گزینه را بر روی فایل خارجی قرار دهید ).

بهینه سازی بارگذاری تصویر : با اعمال fetchpriority=”high” روی تصویر LCP و loading=”lazy” روی تصاویر زیر تاشو، عملکرد را بهبود بخشید. (این گزینه برای بهینه‌سازی بارگذاری در المنتور کاربرد دارد و توصیه می‌کنم این را در حال فعال سازی قرار دهید )

بهینه سازی بارگذاری گوتنبرگ : با حذف اسکریپت ها و استایل های ویرایشگر بلوک استفاده نشده گوتنبرگ، بارهای غیرضروری مسدودکننده رندر را کاهش دهید.

Lazy Load تصاویر پس زمینه : عملکرد بارگذاری اولیه صفحه را با بارگذاری تنبل تمام تصاویر پس‌زمینه به جز اولین تصویر بهبود دهید.

تنظیمات ویژگی ها در المنتور(مهم)

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

این بخش شامل دو نسخه هست : 

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

آزمایشی های در حال انجام (بتا)

• بارگذاری بهینه کنترل : از این آزمایش برای بهبود بارگذاری کنترل استفاده کنید. این آزمایش با بارگذاری کنترل‌ها فقط در صورت نیاز، عملکرد سایت را بهبود می‌بخشد.
• صفحات فرود : نوع جدیدی از عناصر المنتور را اضافه می کند که به شما امکان می دهد صفحات فرود زیبا را بلافاصله در یک گردش کار ساده ایجاد کنید.
• عناصر تو در تو : با لایه‌بندی ویجت‌ها در داخل برگه‌های «تودرتو» و غیره، یک تجربه کاربری غنی ایجاد کنید. وقتی روشن است، ویژگی‌های تودرتو جدید را به‌طور خودکار فعال می‌کنیم. ویجت‌های قدیمی شما تحت تأثیر قرار نخواهند گرفت. 
• حافظه پنهان عنصر : حافظه پنهان عناصر، وقتی که فعال باشد با ارائه نسخه‌ای از یک عنصر به جای رندر کردن مجدد آن در هر بار، زمان بارگذاری صفحه را کاهش می‌دهد. المنتور تعیین می‌کند که کدام عناصر می‌توانند از بارگذاری استاتیک بهره‌مند شوند – اما شما می‌توانید این تنظیمات را لغو کنید.
• منو (Menu): منوهای زیبا و مگا منو با قابلیت های تو در تو جدید ایجاد کنید. مگا منوها برای وب سایت هایی با ساختارهای ناوبری پیچیده و طراحی های منحصر به فرد ایده آل هستند.

ویژگی های پایدار

• نمادهای فونت درون خطی : “فونت آیکون‌های توکار” نمادها را بدون بارگیری Font-Awesome و کتابخانه‌های eicons و فایل‌ها و فونت‌های CSS مربوط به آن، به‌صورت SVG توکار ارائه می‌کند.
• نقاط قطع سفارشی اضافی (جهت رسپانسیو سایت به کار میره) : برای هر اندازه صفحه‌نمایش، طراحی کامل پیکسلی دریافت کنید. اکنون می‌توانید تا ۶ نقطه شکست قابل تنظیم، فراتر از تنظیمات پیش‌فرض دسک‌تاپ اضافه کنید: تلفن همراه، تلفن همراه بزرگ، تبلت، تبلت بزرگ، لپ‌تاپ و نمایشگر عریض. 
• کانتینر فلکس باکس : با عنصر کانتینر فلکس باکس جدید، طرح‌بندی‌های پیشرفته و طرح‌های ریسپانسیو ایجاد کنید. این آزمایش جایگزین ساختار بخش/ستون فعلی می‌شود، اما شما همچنان بخش‌ها، بخش‌های داخلی و ستون‌ها را حفظ خواهید کرد و می‌توانید آنها را ویرایش کنید. آماده‌اید تا امتحان کنید؟ ابزار زمین بازی فلکس باکس را بررسی کنید.
• کانتینر شبکه : با قرار دادن عناصر در یک شبکه قابل تنظیم، طرح‌بندی‌های کامل پیکسلی ایجاد کنید. برای افزودن گزینه CSS Grid به عناصر کانتینر، آن را فعال کنید. بیشتر بدانید
• ارتقای کتابخانه Swiper : با ارتقای کتابخانه Swiper ادغام شده در سایت خود از نسخه 5.36 به نسخه 8.45، وب سایت خود را برای بهبودهای آینده در ویژگی های چرخ فلک آماده کنید. این آزمایش شامل تغییرات نشانه‌گذاری است، بنابراین ممکن است نیاز به به‌روزرسانی کد سفارشی داشته باشد و باعث مشکلات سازگاری با افزونه‌های شخص ثالث شود.
• Default to New Theme Builder : با وارد کردن Theme Builder از طریق WP Dashboard > Templates > Theme Builder، Theme Builder جدید به طور پیش فرض باز می شود. اما نگران نباشید، همیشه می‌توانید نسخه WP استایل صفحه را با یک کلیک ساده مشاهده کنید.
• سربرگ و فوتر پوسته سلام : سرصفحه و پاورقی بین سایتی Hello Theme داخلی را از پانل “تنظیمات سایت” Elementor سفارشی و استایل دهی کنید.
• ساختن با هوش مصنوعی : از پتانسیل هوش مصنوعی استفاده کنید تا به راحتی کانتینرها را مطابق با مشخصات خود درست در المنتور ایجاد و سفارشی کنید. این ویژگی با ابزارهای مفید هوش مصنوعی، از جمله تولید، تغییرات و مراجع URL همراه است.
• نوار بالا ویرایشگر : نگاهی دزدکی به ویرایشگر جدید که توسط React ارائه شده است را مشاهده کنید. طراحی زیبا و چیدمان آزمایشی نوار بالا تنها بخشی از ابزارهای هیجان انگیزی است که در راه است. بیشتر بدانید
• نمایش قوانین نمایش : برای هر ویجت یک یا چند شرط تعریف کنید و زمان مشاهده آنها را کنترل کنید. ویجت ها فقط در صورتی در قسمت جلویی ظاهر می شوند که این شرایط رعایت شوند. این برای نمایش محتوا به مخاطبان خاص بر اساس زمان، تاریخ، نقش کاربر و موارد دیگر ایده آل است. 
• فرم های ارسالی : هرگز ارسالی دیگر را از دست نده! با استفاده از «اقدامات پس از ارسال»، اکنون می‌توانید انتخاب کنید که همه ارسال‌ها در یک پایگاه داده داخلی ذخیره شوند.