نصب قالب و افزونه المنتور

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

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

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

1. چرا نصب این قالب‌ها و افزونه‌ها برای دوره طراحی سایت فروشگاهی ضروری است؟

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

• قالب هلو المنتور (Hello Elementor): این قالب سبک و انعطاف‌پذیر، توسط خود تیم المنتور ساخته شده و بهترین سازگاری را با صفحه ساز المنتور دارد. انتخاب آن، سرعت و پایداری وب‌سایت شما را تضمین می‌کند و از بارگذاری‌های اضافی جلوگیری می‌کند، که برای Core Web Vitals سایت شما بسیار مهم است.
• المنتور پرو (Elementor Pro): نسخه پیشرفته المنتور، قدرت بی‌حد و حصری در طراحی به شما می‌دهد. از ساخت هدر و فوتر سفارشی گرفته تا طراحی صفحات محصول داینامیک، همه و همه با المنتور پرو امکان‌پذیر است. این ابزار، برای رسیدن به یک طراحی واقعاً حرفه‌ای در طول دوره ما، حیاتی است.
• ووکامرس (WooCommerce): این افزونه رایگان و قدرتمند، پلتفرم اصلی فروشگاه‌سازی وردپرس است. بدون ووکامرس، عملاً فروشگاه اینترنتی نخواهید داشت. ما در جلسات بعدی دوره، روی قابلیت‌های این افزونه و یکپارچگی آن با المنتور تمرکز خواهیم کرد.
• جت انجین (JetEngine): از مجموعه افزونه‌های JetPlugins (کرکو بلاک)، جت انجین به شما امکان می‌دهد تا فیلدهای سفارشی و پست تایپ‌های سفارشی ایجاد کنید. این قابلیت برای ساخت فروشگاه‌هایی با ویژگی‌های خاص محصول یا حتی ایجاد سیستم‌های فهرست‌بندی (مانند دایرکتوری محصولات، آگهی‌ها و…) که فراتر از قابلیت‌های پیش‌فرض ووکامرس و وردپرس است، ضروری است.
• JetWooBuilder: این افزونه مکمل ووکامرس و المنتور است. با JetWooBuilder، شما می‌توانید صفحات تکی محصول، صفحات آرشیو فروشگاه، سبد خرید و صفحات پرداخت ووکامرس خود را به طور کامل و بصری با المنتور طراحی و سفارشی‌سازی کنید. این انعطاف‌پذیری طراحی، برای متمایز کردن فروشگاه شما در میان رقبا، حیاتی خواهد بود.

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

---

2. پیش‌نیازهای فنی: آمادگی قبل از شروع نصب

قبل از اینکه وارد جزئیات نصب شویم، مطمئن شوید که پیش‌نیازهای لازم را فراهم کرده‌اید:

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

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

---

3. نصب قالب هلو المنتور (Hello Elementor) و قالب فرزند (Child Theme)

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

3.1. نصب قالب اصلی هلو المنتور

1. وارد پنل مدیریت وردپرس خود شوید (معمولاً با افزودن /wp-admin به انتهای آدرس دامنه شما).
2. از نوار کناری، به بخش “نمایش” > “پوسته ها” (Appearance > Themes) بروید.
3. روی دکمه “افزودن پوسته تازه” (Add New Theme) در بالای صفحه کلیک کنید.
4. در قسمت جستجو، عبارت “Hello Elementor” را تایپ کنید.
5. قالب را پیدا کرده و روی دکمه “نصب” (Install) کلیک کنید.
6. پس از نصب، روی “فعال‌سازی” (Activate) کلیک کنید.

3.2. اهمیت و نحوه نصب قالب فرزند (Child Theme)

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

1. دانلود قالب فرزند: می‌توانید قالب فرزند هلو المنتور را از گیت هاب رسمی المنتور یا لینک مستقیم زیر دانلود کنید.
2. آپلود و نصب:
   • مجدداً به بخش “نمایش” > “پوسته ها” بروید و روی “افزودن پوسته تازه” کلیک کنید.
   • این بار روی دکمه “بارگذاری پوسته” (Upload Theme) در بالای صفحه کلیک کنید.
   • فایل فشرده (ZIP) قالب فرزند را که دانلود کرده‌اید، انتخاب و روی “نصب” کلیک کنید.
   • پس از نصب، حتماً قالب فرزند (Hello Elementor Child) را فعال کنید. از این پس، هرگونه تغییر در CSS یا توابع سفارشی را باید در این قالب فرزند اعمال کنید.

---

4. نصب و فعال‌سازی افزونه المنتور پرو (Elementor Pro): قدرت فراتر از حد انتظار

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

1. دانلود المنتور پرو: فایل فشرده elementor-pro.zip را از لینک زیر دانلود کنید.
2. نصب افزونه:
   • به بخش “افزونه‌ها” > “افزودن” (Plugins > Add New) در پنل وردپرس بروید.
   • روی دکمه “بارگذاری افزونه” (Upload Plugin) در بالای صفحه کلیک کنید.
   • فایل فشرده elementor-pro.zip را انتخاب و روی “نصب” کلیک کنید.

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

---

5. نصب و پیکربندی اولیه افزونه ووکامرس (WooCommerce): قلب تپنده فروشگاه شما

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

5.1. گام‌های نصب و فعال‌سازی ووکامرس

1. به بخش “افزونه‌ها” > “افزودن” (Plugins > Add New) بروید.
2. در قسمت جستجو، عبارت “WooCommerce” را تایپ کنید.
3. افزونه را پیدا کرده و روی دکمه “نصب” (Install Now) کلیک کنید.
4. پس از نصب، روی “فعال‌سازی” (Activate) کلیک کنید.

5.2. راهنمای جادوگر تنظیمات اولیه

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

• اطلاعات فروشگاه: آدرس، کشور (مثلاً ایران)، شهر، کد پستی، واحد پول (ریال یا تومان) و غیره.
• صنعت: نوع کسب و کار شما (مد و لباس، دیجیتال و…).
• انواع محصولات: آیا محصولات شما فیزیکی هستند یا دانلودی؟
• ویژگی‌های تجاری: تعداد محصولات مورد انتظار، آیا در جای دیگری نیز می‌فروشید؟
• انتخاب قالب: از آنجایی که ما از قالب هلو المنتور استفاده می‌کنیم، می‌توانید این مرحله را رد کرده و نیازی به انتخاب قالب دیگری ندارید.
• نصب افزونه‌های توصیه شده: می‌توانید در این مرحله افزونه‌های پیش‌فرض ووکامرس (مانند Mailchimp، Google Analytics و…) را نصب کنید یا بعداً خودتان به صورت دستی انجام دهید.

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

---

6. نصب افزونه جت انجین (JetEngine): ساختاردهی به اطلاعات فروشگاه

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

6.1. معرفی جت انجین و نقش آن در فروشگاه‌سازی

جت انجین به شما امکان می‌دهد تا:

• پست تایپ‌های سفارشی (Custom Post Types – CPT) ایجاد کنید: مثلاً برای “خدمات”، “پروژه‌ها”، “سوالات متداول” یا حتی ویژگی‌های خاص محصول که ووکامرس به تنهایی پوشش نمی‌دهد.
• فیلدهای سفارشی (Custom Fields) اضافه کنید: برای افزودن اطلاعات خاص به پست‌ها، صفحات یا CPTهای خود (مثلاً “رنگ‌های موجود” برای یک محصول یا “متراژ” برای یک ملک).
• لیستینگ‌ها و حلقه‌های کوئری (Query Loops) بسازید: برای نمایش پویای این محتواهای سفارشی در صفحات المنتور.

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

6.2. نصب و فعال‌سازی افزونه

1. فایل فشرده jet-engine.zip را از لینک زیر دانلود کنید.
2. به بخش “افزونه‌ها” > “افزودن” (Plugins > Add New) بروید.
3. روی دکمه “بارگذاری افزونه” (Upload Plugin) کلیک کنید.
4. فایل جت انجین را انتخاب و روی “نصب” کلیک کنید.
5. پس از نصب، روی “فعال‌سازی افزونه” کلیک کنید.

---

7. نصب افزونه JetWooBuilder: طراحی صفحات محصول ووکامرس با المنتور

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

7.1. چرا JetWooBuilder برای فروشگاه شما لازم است؟

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

• طراحی صفحات تکی محصول (Single Product Page) را به طور کامل با کشیدن و رها کردن المان‌ها انجام دهید.
• چیدمان صفحات آرشیو محصولات (Shop Archive) را به دلخواه خود تغییر دهید.
• فرم‌های سبد خرید، پرداخت و حساب کاربری ووکامرس را با المنتور ویرایش کنید.
• این امکانات، به شما کمک می‌کنند تا در جلسات بعدی دوره، فروشگاهی با ظاهر کاملاً منحصر به فرد و کاربرپسند طراحی کنید.

7.2. مراحل نصب و فعال‌سازی

1. فایل فشرده jet-woo-builder.zip را از لینک زیر دانلود کنید.
2. به بخش “افزونه‌ها” > “افزودن” (Plugins > Add New) بروید.
3. روی دکمه “بارگذاری افزونه” (Upload Plugin) کلیک کنید.
4. فایل JetWooBuilder را انتخاب و روی “نصب” کلیک کنید.
5. پس از نصب، روی “فعال‌سازی افزونه” کلیک کنید.

---

8. ترتیب بهینه نصب افزونه‌ها و قالب‌ها: جلوگیری از تداخلات

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

1. نصب اولیه وردپرس (اگر قبلاً انجام نشده است).
2. نصب قالب هلو المنتور و سپس فعال‌سازی.
3. نصب قالب فرزند هلو المنتور و سپس فعال‌سازی. (مطمئن شوید که قالب فعال شده، قالب فرزند است).
4. نصب المنتور (نسخه رایگان) – این افزونه معمولاً به صورت خودکار با نصب المنتور پرو یا حتی از طریق بخش افزونه‌ها قابل نصب است.
5. نصب المنتور پرو و سپس فعال‌سازی و اتصال لایسنس.
6. نصب ووکامرس و سپس فعال‌سازی و پیکربندی اولیه از طریق جادوگر تنظیمات.
7. نصب جت انجین و سپس فعال‌سازی.
8. نصب JetWooBuilder و سپس فعال‌سازی.

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

---

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

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

• خطای “اندازه فایل بارگذاری شده از حداکثر اندازه مجاز در php.ini بیشتر است”: این مشکل زمانی رخ می‌دهد که حجم فایل افزونه یا قالب از حداکثر اندازه مجاز برای آپلود در سرور شما بیشتر باشد. راه‌حل: باید مقدار upload_max_filesize و post_max_size را در فایل php.ini یا از طریق تنظیمات PHP در پنل هاستینگ (مانند cPanel یا DirectAdmin) افزایش دهید.
• خطای “نمی‌توان افزونه/قالب را نصب کرد… پوشه مقصد از قبل موجود است”: این خطا معمولاً نشان می‌دهد که شما سعی دارید افزونه یا قالبی را نصب کنید که قبلاً فایل‌های آن در سرقی در هاست شما موجود است. راه‌حل: ابتدا باید نسخه قبلی را از طریق پنل وردپرس (یا با حذف دستی پوشه از طریق FTP در wp-content/plugins یا wp-content/themes) حذف کنید و سپس مجدداً اقدام به نصب نمایید.
• صفحه سفید مرگ (White Screen of Death – WSOD): این خطای رایج معمولاً به دلیل تداخل افزونه‌ها، محدودیت حافظه PHP یا خطای کد PHP رخ می‌دهد. راه‌حل:
  • تمامی افزونه‌ها را از طریق FTP (با تغییر نام موقت پوشه plugins در wp-content) غیرفعال کنید.
  • فایل wp-config.php را ویرایش کرده و خط define('WP_DEBUG', true); را اضافه کنید تا خطاها نمایش داده شوند و بتوانید مشکل را شناسایی کنید.
  • مقدار memory_limit در php.ini را افزایش دهید (مثلاً به 256M یا 512M).

---

10. نتیجه‌گیری: با ابزارهای آماده، به سوی جلسات بعدی دوره!

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

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