ارتقاء به نسخه 4 المنتور به معنای به خطر انداختن وبسایت آنلاین شما نیست. نگرانی اصلی این است که آیا افزونهها، ویجت ها، انیمیشنها، فرمها و قابلیتهای سفارشی موجود شما با معماری ویرایشگر جدید به درستی کار خواهند کرد یا خیر.
امن ترین کاراین است: ابتدا تست کنید، سپس المنتور را آپدیت دهید. در این راهنما، یاد خواهید گرفت که چگونه یک نسخه آزمایشی ایجاد کنید، مجموعه افزونههای المنتور خود را بررسی کنید، سازگاری نسخه 4 را آزمایش کنید، کلاسها و متغیرها را بررسی کنید، تداخلها را شناسایی کنید و قبل از ایجاد تغییر در سایت آنلاین خود، عملکرد را تأیید کنید.
برای تست سازگاری افزونهها با Elementor V4، ابتدا یک نسخه Staging از سایت ایجاد کنید و سپس المنتور، المنتور پرو، قالب و افزونههای جانبی را در محیط آزمایشی آپدیت و بررسی کنید. بعد از فعالسازی قابلیتهای V4، ویجتها، قالبها، فرمها، ووکامرس، محتوای داینامیک، Responsive، انیمیشنها، Custom CSS و JavaScript را تست کرده و خطاهای کنسول مرورگر را چک کنید. تنها پس از رفع مشکلات و تأیید عملکرد سایت، تغییرات را به سایت اصلی انجام دهید.
نکات کلیدی
- اول Staging بسازید و Elementor V4 را روی سایت اصلی آزمایش نکنید.
- Compatibility افزونههای جانبی و وضعیت پشتیبانی آنها از Elementor V4 را بررسی کنید.
- ویجتها، Templates، Forms و WooCommerce را با سناریوی واقعی تست کنید.
- واکنشگرا یا Responsive، انیمیشنها، Dynamic Content و Custom Code را بررسی کنید.
- خطاهای JavaScript وکنسول مرورگر را قبل از انتقال به سایت اصلی بررسی کنید.
- پس از تأیید تمام موارد، سایت اصلی را ارتقا دهید.
الزامات تست المنتور نسخه 4
پیش از آغاز فرایند تست، اطمینان حاصل کنید که تمام موارد لازم برای انجام یک بررسی دقیق و ایمنِ سازگاری با المنتور نسخه ۴ را در اختیار دارید.
آمادگی مناسب به شما کمک میکند تا مشکلات احتمالی را مؤثرتر شناسایی کرده و ریسک بروز مسائل غیرمنتظره در حین فرایند ارتقا را کاهش دهید.
موارد ضروری که پیش از آزمایش Elementor V4 به آنها نیاز دارید:
پشتیبانگیری از وبسایت
همیشه قبل از ایجاد تغییرات اساسی، یک نسخه پشتیبان کامل از وبسایت خود تهیه کنید. حتی اگر قصد دارید در یک محیط آزمایشی تست کنید، داشتن یک نسخه پشتیبان جدید، یک لایه محافظتی اضافی در صورت بروز مشکل در طول فرآیند ارتقا فراهم میکند.
نسخه پشتیبان شما باید شامل فایلهای وبسایت، پایگاه داده وردپرس، آپلودهای رسانهای، تنظیمات قالب، پیکربندی افزونهها و قالبهای المنتور باشد. برای تهیه بکاپ یا نسخه پشتیبانی میتوانید از هاست یا افزونه های پشتیبان گیری وردپرس استفاده کنید.
اگر وبسایت شما حاوی دادههای ووکامرس، فرمها یا سایر قابلیتهای حیاتی تجاری است، مطمئن شوید که این اجزا نیز در آن گنجانده شدهاند.
یک نسخه پشتیبان کامل به شما این امکان را میدهد که در صورت بروز مشکلات سازگاری یا نیاز به بازگرداندن تغییرات پس از آزمایش، وبسایت خود را به سرعت به حالت قبلی خود بازگردانید.
محیط استیجینگ یا فضای آزمایشی
هرگز بهروزرسانیهای اصلی را روی یک وبسایت آنلاین که ورودی دارد آزمایش نکنید. در عوض، یک محیط آزمایشی ایجاد کنید که دقیقاً مشابه سایت اصلی شما باشد.
محیط staging یک کپی جدا از وبسایت شماست که در آن میتوانید با خیال راحت Elementor V4 را آزمایش کنید، سازگاری افزونهها را ارزیابی کنید و مشکلات را بدون تأثیر بر بازدیدکنندگان، مشتریان یا رتبهبندی موتورهای جستجو عیبیابی کنید.
سایت آزمایشی باید شامل همان قالب، افزونهها، کد سفارشی، محتوا و قالبهای Elementor وبسایت اصلی شما باشد.
برخی از شرکت های هاستینگ، قابلیت سایت استیجینگ را ارائه میدهند که ایجاد یک محیط آزمایشی را در عرض چند دقیقه آسان می کند. در غیر این صورت میتوانید از فضای لوکال هاست برای آزمایش و تست استفاده کنید.
آخرین ورژن افزونه ها
قبل از آزمایش Elementor V4، المنتور رایگان، Elementor Pro و تمام افزونههای مرتبط با المنتور را به آخرین نسخههای موجود بهروزرسانی کنید.
اجرای نسخههای قدیمی افزونه نتایج آزمایش نادرستی ایجاد کند و ممکن است باعث بروز مشکلاتی شود که قبلاً توسط توسعهدهنده حل شدهاند.
دسترسی به کنسول مرورگر
ابزارهای مرورگر نقش مهمی در آزمایش سازگاری دارند. برخی از خطاهای المنتور در ظاهر قابل مشاهده هستند، اما برخی دیگر ممکن است فقط به عنوان خطاهای جاوا اسکریپت، هشدارها یا درخواستهای ناموفق منابع در کنسول مرورگر ظاهر شوند.
بررسی کنسول به شما امکان میدهد تا قبل از اینکه تداخلهای پنهان بین المنتور وسایر افزونه ها و تم و کدهای سفارشی روی وبسایت زنده شما تأثیر بگذارند، آنها را شناسایی کنید.
با استفاده از کلید میانبر F12 و راست کلیک و گزینه inspect به کنسول مرورگر دسترسی دارید.
نحوه تست افزونههای المنتور پیش از ارتقا به نسخه 4 (راهنمای گام به گام)
این بررسیها به شما کمک میکنند تا مشکلات احتمالی سازگاری را در همان مراحل اولیه شناسایی کنید. همچنین، این کار تضمینکننده انتقالی روان و بیدردسر خواهد بود، بدون آنکه تأثیر منفی بر وب سایت فعال شما بگذارد.
برای تست افزونههای المنتور خود پیش از ارتقا به نسخه ۴، مراحل زیر را دنبال کنید.
گام ۱: تهیه نسخه پشتیبان کامل از وبسایت
اولین قدم، تهیه یک نسخه پشتیبان کامل از وبسایت است. با اینکه قرار است آزمایشها را در یک محیط آزمایشی (Staging) انجام دهید، داشتن یک نسخه پشتیبان به روز، لایه حفاظتی مضاعفی را فراهم می کند.
اطمینان حاصل کنید که نسخه پشتیبان شامل پایگاه داده وردپرس، فایلهای قالب، فایلهای افزونه، فایلهای رسانه ای آپلودشده و قالبهای المنتور باشد. پیش از ادامه کار، نسخه پشتیبان را در مکانی امن ذخیره کنید.
مرحله ۲: کپی کردن وبسایت در محیط آزمایشی (Staging)
سپس، یک نسخه آزمایشی (Staging) از وب سایت خود ایجاد کنید. این سایت آزمایشی باید تا حد امکان دقیقاً مشابه محیط اصلی شما باشد؛ از جمله قالب فعال، نسخه المنتور، افزونههای نصبشده، تنظیمات ووکامرس، کدهای سفارشی و محتوا.
انجام تست ها در محیط آزمایشی تضمین میکند که مشکلات احتمالی، تأثیری بر بازدیدکنندگان سایت اصلی شما نخواهند داشت.
مرحله ۳: بررسی و ارزیابی افزونههای جانبی المنتور (Elementor Addons)
پیش از انجام بهروزرسانی، تمام افزونههای جانبی مرتبط با المنتور را که در حال حاضر در وبسایت شما فعال هستند، بررسی کنید.
تشخیص سازگاری افزونه با compatibility tag در المنتور
خود المنتور بخشی به نام compatibility tag در تنظیمات دارد که می توانید برای تشخیص سازگاری افزونه های جانبی با نسخه فعلی المنتور خود از آن استفاده کنید. برای دسترسی به این قابلیت وارد مسیر پیشخوان> المنتور> تنظیمات > اطلاعات سیستم > گزینه compatibility tag بروید.
مرحله ۴: آپدیت المنتور و تمام افزونههای جانبی به آخرین نسخه
المنتور، Elementor Pro، افزونههای نصبشده و قالب فعال وردپرس خود را به آخرین نسخه بهروزرسانی کنید.
توسعهدهندگان اغلب پیش از انتشار نسخههای اصلی المنتور، بهروزرسانیهای مربوط به سازگاری را ارائه میدهند؛ بنابراین استفاده از آخرین نسخهها به کاهش تداخلهای احتمالی کمک میکند.
پس از انجام به روزرسانیها، پیش از آغاز تست نسخه ۴ المنتور، باید بررسی کنید که سایت آزمایشی همچنان به درستی کار میکند.
مرحله ۵: فعال سازی قابلیتهای ورژن 4 المنتور در محیط استیجینگ
بعد از آپدیت کامل درمحیط آزمایشی، حالا می توانید قابلیتهای ادیتور ورژن 4 المنتور را فعال کنید. تمامی مراحل تست را در سایت Staging انجام دهید و تا زمان تکمیل تستها، از اعمال تغییرات در وبسایت اصلی خودداری نمایید.
پس از فعالسازی نسخه ۴ المنتور، پاکسازی کش وبسایت را انجام دهید، فایلهای CSS المنتور را مجدداً تولید (Regenerate) نمایید ، برای اینکار میتوانید از نوار مشکی ویرایشگر المنتور گزینه پاکسازی فایل ها و داده ها را بزنید.
مرحله ۶: ایجاد یک صفحه تست سازگاری
یک صفحه اختصاصی برای تست ایجاد کنید که شامل تمام ویجتها و قابلیتهای مهم المنتوری مورد استفاده در سراسر وبسایت باشد. در این صفحه، عناصر رایج محتوا، فرمها، ویجتهای ووکامرس، اجزای تعاملی و هرگونه ویجتِ مربوط به افزونههای جانبی (Add-ons) را که برای عملکرد سایت حیاتی هستند و در آموزش المنتور گفته شده را قرار دهید.
متمرکز کردن تمامی این ویجت ها در یک صفحه واحد، شناسایی مشکلات احتمالیِ سازگاری را در حین انجام تست آسانتر میکند.
مرحله ۷: تست قالب های المنتوری
اگر وبسایت شما از Theme Builder المنتور استفاده میکند، هدرها، پاورقیها، قالبهای پست تکی، قالبهای بایگانی و قالبهای WooCommerce را تست کنید تا از عملکرد صحیح آنها اطمینان حاصل کنید.
مرحله ۸: تست چیدمانهای واکنشگرا
صفحات خود را در دستگاههای دسکتاپ، تبلت و موبایل بررسی کنید. به ترازبندی، فاصلهگذاری، تایپوگرافی، طرحبندیهای کانتینر و ساختارهای شبکهای توجه ویژه داشته باشید.
مشکلات واکنشگرایی اغلب پس از بهروزرسانیهای عمده ظاهر میشوند، بنابراین مطمئن شوید که وبسایت شما ظاهر و تجربه کاربری ثابتی را در تمام اندازههای صفحه نمایش حفظ میکند.
مرحله ۹: بررسی عملکرد فرانتاند و تجربه کاربری
به عنوان یک کاربر در وبسایت خود پیمایش کنید و چک کنید که تمام قابلیتهای ظاهری به درستی کار میکنند. منوهای پیمایش و فرمهای ارسال را آزمایش کنید. با پنجرههای بازشو و سایر عناصر تعاملی تعامل داشته باشید.
همچنین، بررسی کنید که ویژگیهایی مانند جستجو، فیلترها، تبها و آکاردئونها مطابق انتظار عمل میکنند. اطمینان حاصل کنید که صفحات به درستی لود میشوند و یک تجربه کاربری روان و مداوم در کل وبسایت ارائه میدهند.
مرحله ۱۰: بررسی خطاهای کنسول مرورگر
در نهایت، کنسول مرورگر خود را برای یافتن مشکلات سازگاری پنهان بررسی کنید. به دنبال خطاهای جاوا اسکریپت، هشدارها ، درخواستهای ناموفق منابع، تداخلهای مربوط به المنتور و خطاهای مربوط به افزونهها باشید.
ممکن است برخی از مشکلات بلافاصله در ظاهر قابل مشاهده نباشند، بنابراین رفع خطاهای کنسول قبل از آپدیت وبسایت اصلی، یک گام مهم و نهایی است.
اگر یک افزونه با المنتور نسخه 4 سازگار نباشد، چه کاری باید انجام دهم؟
اگر افزونهای با Elementor V4 سازگار نیست، از بهروزرسانی فوری وبسایت اصلی خود خودداری کنید.
ابتدا بررسی کنید که آیا توسعهدهنده نسخه جدیدتر یا نسخه سازگارتری منتشر کرده . بررسی گزارش تغییرات، مستندات و منابع پشتیبانی افزونه اغلب میتواند اطلاعات مفیدی در مورد پشتیبانی Elementor V4 ارائه دهد.
برای ویجتهای حیاتی وبسایت مانند فرمها، عناصر WooCommerce، پنجرههای بازشو یا محتوای پویا، معمولاً بهتر است بهروزرسانی را تا زمانی که یک راهحل پایدار در دسترس باشد، به تأخیر بیندازید.
اگر افزونه مدتهاست بروزرسانی نشده یا پشتیبانی فعالی ندارد، آن را با یک افزونه سازگار جایگزین کنید. مهمتر از همه، تست را در سایت آزمایشی ادامه دهید و فقط زمانی وبسایت آنلاین خود را ارتقا دهید که همه افزونههای مورد نیاز بدون خطا یا تداخل به درستی کار کنند.
چک لیست نهایی سازگاری سایت با المنتور ورژن 4
چک لیست زیر تمامی نکات سازگاری ادیتور ورژن جدید المنتور را پوشش داده پیش از اعمال تغییرات و آپدیت المنتور در سایت اصلی خود، موارد زیر را در محیط آزمایشی بررسی و رفع نمایید.
| وضعیت | بخش مورد بررسی | چه چیزی را تست کنیم؟ |
| ☐ | Elementor Editor | باز شدن و عملکرد صحیح ویرایشگر، پنلها و تنظیمات |
| ☐ | Elementor Pro | عملکرد صحیح قابلیتها و ویجتهای Pro |
| ☐ | افزونههای جانبی | اجرای صحیح Add-onها و ویجتهای آنها |
| ☐ | Compatibility Tag | بررسی وضعیت سازگاری افزونههای Elementor |
| ☐ | ویجتها | نمایش صحیح، تنظیمات و عملکرد ویجتهای مهم |
| ☐ | قالبهای Elementor | Header، Footer، Single، Archive و سایر Templates |
| ☐ | فرمها | نمایش فرم، اعتبارسنجی و ارسال موفق اطلاعات |
| ☐ | WooCommerce | صفحات محصول، سبد خرید، Checkout و ویجتهای فروشگاهی |
| ☐ | Dynamic Content | Dynamic Tags، Custom Fields و محتوای پویا |
| ☐ | Popup و عناصر تعاملی | باز شدن Popup، Triggerها، Tabs، Accordion و Carousel |
| ☐ | Animation و Motion Effects | انیمیشنها، Hover، Scroll و سایر افکتها |
| ☐ | Responsive | نمایش صحیح در دسکتاپ، تبلت و موبایل |
| ☐ | Custom CSS | بررسی استایلهای سفارشی و کلاسها |
| ☐ | Custom Code / JavaScript | اجرای صحیح کدهای سفارشی بدون خطا |
| ☐ | Frontend | بررسی صفحات اصلی سایت از دید کاربر |
| ☐ | Browser Console | نبود خطاهای JavaScript و درخواستهای ناموفق مهم |
| ☐ | Performance | بررسی سرعت، Core Web Vitals و حجم منابع |
| ☐ | SEO | بررسی عنوانها، لینکها، Canonical، Indexability و Structured Data |
| ☐ | عملکرد کلی سایت | اطمینان از نبود خطا یا تغییر ناخواسته در سایت |
نکته: مواردی که برای عملکرد اصلی سایت حیاتی هستند، مانند فرمها، WooCommerce، محتوای پویا و ویجتهای افزونههای جانبی، باید حتماً در محیط آزمایشی با سناریوی واقعی تست شوند.
سوالات متداول
چگونه میتوانم افزونههای المنتور را برای سازگاری با نسخه ۴ آزمایش کنم؟
یک نسخه آزمایشی از وبسایت خود ایجاد کنید، المنتور و افزونههای خود را در آنجا بهروزرسانی کنید و ابزارکها، قالبها، طرحبندیها، فرمها، انیمیشنها و سایر قابلیتهای حیاتی مورد استفاده خود را تست کنید.
چگونه بفهمم که یک افزونه المنتور برای نسخه ۴ آماده است؟
مستندات، گزارش تغییرات و بیانیه سازگاری رسمی توسعهدهنده افزونه را برای پشتیبانی از نسخه ۴ المنتور بررسی کنید. همچنین باید افزونه را در مرحله آمادهسازی، از جمله ابزارکهای آن و ادغام با ویژگیهای نسخه ۴ مانند کلاسها، متغیرها و کامپوننتها، آزمایش کنید.
آیا Elementor 3 و Elementor 4 میتوانند همزمان در یک سایت استفاده شوند؟
بله این امکان وجود دارد و نیازی نیست که همه صفحات سایت را یک دفعه به معماری جدید تبدیل کنید.
اگر ویرایشگر المنتور بعد از فعالسازی نسخه 4 باز نشد چه کنیم؟
اگر حل مشکل لودینگ ویرایشگر المنتور بعد از فعالسازی ورژن 4 باز نشد، ابتدا کش سایت و مرورگر را پاک کرده و خطاهای JavaScript را در کنسول مرورگر بررسی کنید. سپس المنتورنسخه رایگان و افزونههای جانبی را از نظر آپدیت بودن بررسی کرده و در صورت نیاز، افزونههای جانبی را بهصورت موقت غیرفعال کرده و یکی یکی فعال کنید تا افزونه یا قالب ناسازگار شناسایی شود.
