آموزش تنظیمات المنتور (تنظیمات اصلی افزونه المنتور) (ویدیوی آموزشی)

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

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

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

عمومی (General)

• نوع پست‌ها (Post Types): مشخص کنید المنتور در کدام نوع پست‌ها قابل استفاده باشد. اگر گزینه انتخاب شود، دکمه “ویرایش با المنتور” برای آن نوع پست فعال می‌شود. در غیر این صورت، آن نوع پست نمی‌تواند با المنتور ویرایش شود.
• غیرفعال کردن رنگ‌های پیش‌فرض (Disable Default Colors): انتخاب کنید که آیا از تنظیمات رنگی قالب خود استفاده می‌کنید یا کنترل رنگ‌ها را به المنتور واگذار می‌کنید.
• غیرفعال کردن فونت‌های پیش‌فرض (Disable Default Fonts): انتخاب کنید که آیا از تنظیمات تایپوگرافی قالب خود استفاده می‌کنید یا اجازه می‌دهید المنتور آن را مدیریت کند.
• بهبود المنتور > ردیابی داده‌های استفاده (Improve Elementor > Usage Data Tracking): با فعال کردن این گزینه، به ما کمک می‌کنید نحوه استفاده شما از المنتور را بررسی کنیم و آن را بهبود دهیم.

استایل (Style)

تنظیمات استایلی که قبلاً در این بخش بود، اکنون به پانل ویرایشگر المنتور > منوی همبرگری > تنظیمات سایت (Site Settings) منتقل شده است. می‌توانید از تنظیمات سایت برای اعمال تغییرات و مشاهده آن‌ها به‌صورت زنده استفاده کنید!

یکپارچه‌سازی‌ها (Integrations)

تنظیمات یکپارچه‌سازی به شما این امکان را می‌دهد که المنتور را به‌صورت اختیاری با APIهای شخص ثالث متصل کنید:

• reCAPTCHA: سرویس رکپچا گوگل برای محافظت از وب‌سایت شما در برابر اسپم و سوءاستفاده. کلید سایت (Site Key) و کلید محرمانه (Secret Key) خود را در اینجا وارد کنید.
• reCAPTCHA v3: نسخه جدید reCAPTCHA گوگل با قابلیت تنظیم آستانه امتیاز بین ۰ تا ۱ (پیش‌فرض ۰.۵).
• Facebook SDK: امکان اتصال به اپلیکیشن فیسبوک برای ردیابی آمار ویجت‌های فیسبوک در سایت. شناسه اپلیکیشن (APP ID) خود را اینجا وارد کنید.
• Mailchimp: کلید API خود را وارد کرده و دکمه “تأیید کلید API” را کلیک کنید تا Mailchimp با ویجت فرم المنتور ادغام شود.
• Drip: توکن API خود را وارد کرده و دکمه “تأیید توکن API” را کلیک کنید.
• ActiveCampaign: کلید API و آدرس API خود را وارد کرده و دکمه تأیید را بزنید.
• GetResponse: کلید API خود را وارد کرده و روی “تأیید کلید API” کلیک کنید.
• ConvertKit: کلید API خود را وارد کرده و سپس “تأیید کلید API” را کلیک کنید.
• MailerLite: کلید API خود را وارد کرده و روی “تأیید کلید API” کلیک کنید.
• قالب سبد خرید مینی ووکامرس (WooCommerce Mini Cart Template): برای استفاده از قالب مینی سبد خرید ووکامرس یا قالب پیش‌فرض، آن را روی “غیرفعال” تنظیم کنید.
• TypeKit: اتصال به هزاران فونت TypeKit. شناسه پروژه TypeKit خود را وارد کرده و دکمه “دریافت شناسه پروژه” را کلیک کنید.
• Font Awesome Pro: شناسه کیت Font Awesome Pro خود را وارد کرده و آن را تأیید کنید.

پیشرفته (Advanced)

• روش بارگذاری ویرایشگر (Switch Editor Loader Method): برای رفع مشکلاتی مانند err_content_decoding_failed و err_empty_response در سرورهای با منابع کم، این گزینه را فعال کنید.
• فعال‌سازی آپلود فایل‌های بدون فیلتر (Enable Unfiltered File Uploads): امکان آپلود فایل‌های SVG، JSON و فایل‌های دیگر را فعال یا غیرفعال کنید. توجه داشته باشید که این ویژگی می‌تواند خطرات امنیتی به همراه داشته باشد.
• فونت‌های گوگل (Google Fonts): برای جلوگیری از بارگذاری فونت‌های گوگل، این گزینه را روی “غیرفعال” تنظیم کنید.
• حالت بارگذاری فونت‌های گوگل (Google Fonts Load): نحوه بارگذاری فونت‌های گوگل را تعریف کنید.
• پشتیبانی از Font Awesome 4: انتخاب کنید که آیا اسکریپت پشتیبانی (shim.js) فعال باشد یا نه.
• برچسب تولیدکننده (Generator Tag): به شما اجازه می‌دهد صفحات وب را با استفاده از متا المنت Generator Tag تجزیه‌وتحلیل کنید.

عملکرد (Performance)

• روش چاپ CSS (CSS Print Method): انتخاب کنید که CSS به‌صورت مستقل بارگذاری شود (توصیه‌شده) یا در هر صفحه گنجانده شود. ( آموزش افزودن CSS سفارشی به المنتور )
• بارگذاری بهینه تصاویر (Optimized Image Loading): عملکرد را با استفاده از fetchpriority=”high” برای تصاویر LCP و loading=”lazy” برای تصاویر پایین‌تر از صفحه بهبود دهید.
• بارگذاری بهینه گوتنبرگ (Optimized Gutenberg Loading): زمان بارگذاری صفحه را با نادیده گرفتن اسکریپت‌ها و استایل‌های بلاک ادیتور گوتنبرگ کاهش دهید.