آموزش المنتور رایگان؛ ساخت اولین صفحه خدمات با نمایش درست در موبایل
با نسخه رایگان Elementor یک صفحه معرفی خدمات بسازید؛ از نصب رسمی و افزودن متن و دکمه تا بررسی چیدمان موبایل و آماده‌سازی برای انتشار.
بازگشت به مجله
میزان کاربرد مقاله: 5,0 از ۵ · 1 رأی
بدون نیاز به ثبت‌نام؛ برای محدودکردن رأی تکراری از کوکی استفاده می‌شود.برای ساخت یک صفحه معرفی خدمات ساده لازم نیست از همان ابتدا سراغ نسخه پولی صفحه‌ساز بروید. در این آموزش با Elementor رایگان یک برگه شامل معرفی خدمت، مزایا و دکمه تماس می‌سازیم. هدف، صفحه‌ای خوانا روی گوشی است؛ نه نصب تعداد زیادی ابزار و جلوه تصویری.
خروجی این آموزش چیست؟
مثال ما صفحه «طراحی سایت شرکتی» است. در بالای صفحه توضیح می‌دهیم چه مسئله‌ای حل می‌شود، سپس سه مزیت واقعی و مسیر تماس را می‌آوریم. ابزارهای فرم حرفه‌ای و قالب‌ساز سراسری نسخه Pro جزو این آموزش نیستند. اگر سایت شما از قبل با ابزار دیگری ساخته شده، ابتدا فقط یک برگه آزمایشی ایجاد کنید؛ قالب سایت را برای این تمرین عوض نکنید.
دانلود المنتور رایگان از مخزن وردپرس
از لینک زیر می‌توانید افزونه اصلی Elementor را از منبع رسمی وردپرس دانلود کنید:
دانلود Elementor رایگان از WordPress.org
- در وردپرس به «افزونه‌ها ← افزودن افزونه تازه» بروید.
- Elementor را جست‌وجو و با صفحه رسمی تطبیق دهید.
- نصب و سپس فعال‌سازی را بزنید. مسیر جایگزین، بارگذاری ZIP رسمی از همان صفحه است.
- پیشنهاد خرید یا افزودن سرویس‌های جانبی را با نیاز واقعی خود بسنجید؛ برای صفحه این آموزش ضروری نیستند.
مرحله اول: برگه آزمایشی بسازید
از «برگه‌ها ← افزودن برگه» عنوانی مانند «پیش‌نویس معرفی خدمات» انتخاب و پیش‌نویس را ذخیره کنید. سپس «ویرایش با المنتور» را بزنید. برگه فعلی صفحه اصلی را برای تمرین بازنویسی نکنید. در تنظیمات صفحه، قالب پیش‌فرض معمولاً سربرگ و پابرگ سایت را نگه می‌دارد؛ Elementor Canvas آن‌ها را حذف می‌کند. راهنمای رسمی تنظیمات صفحه تفاوت این حالت‌ها را توضیح می‌دهد.
مرحله دوم: بخش معرفی را بچینید
- یک کانتینر اضافه کنید. رابط کاربری ممکن است بسته به نسخه از آیکون افزودن یا پنل چیدمان استفاده کند.
- ابزار Heading را داخل آن بگذارید و یک تیتر روشن بنویسید.
- با Text Editor دو جمله درباره نتیجه خدمت اضافه کنید.
- با Button دکمه‌ای مانند «بررسی نیاز پروژه» بسازید و لینک واقعی صفحه تماس سایت خود را وارد کنید.
- در صورت نیاز Image اضافه کنید؛ تصویر مرتبط و کم‌حجم انتخاب کنید و متن جایگزین توصیفی بنویسید.
مراحل افزودن عناصر در راهنمای ساخت اولین صفحه Elementor آمده است. در صفحه نهایی فقط یک عنوان اصلی مناسب داشته باشید؛ اگر قالب خودش عنوان H1 را نمایش می‌دهد، تیتر تکراری نسازید.
مرحله سوم: محتوا را با یک مثال بهتر کنید
به‌جای جمله کلی «بهترین خدمات با بالاترین کیفیت»، بنویسید «یک سایت شرکتی با معرفی خدمات، فرم تماس و ساختار مناسب موبایل تحویل بگیرید». سپس سه بخش کوتاه بسازید: چه چیزی دریافت می‌کنید، چه اطلاعاتی باید آماده کنید و مرحله بعدی همکاری چیست. جزئیاتی مانند زمان تحویل را فقط وقتی بنویسید که واقعاً می‌توانید به آن متعهد باشید.
برای تمرین، مزایا را در سه کارت کنار هم قرار دهید: «معرفی روشن خدمات»، «راه ارتباطی مشخص» و «نمایش خوانا روی موبایل». در هر کارت یک عنوان و حداکثر دو جمله کافی است. فاصله سفید را برای جداکردن بخش‌ها استفاده کنید؛ چندین کادر تو‌در‌تو معمولاً فهم صفحه را سخت‌تر می‌کند.
مرحله چهارم: نسخه موبایل را جدا بررسی کنید
در حالت واکنش‌گرای ویرایشگر، نمای موبایل را انتخاب کنید. بررسی کنید کارت‌ها زیر هم قرار بگیرند، تیتر از صفحه بیرون نزند و دکمه تماس فضای لمس کافی داشته باشد. ابعاد ثابت بزرگ و فاصله‌های منفی را برای جبران چیدمان استفاده نکنید. بعد از ذخیره، برگه را روی گوشی واقعی هم ببینید؛ پیش‌نمایش ویرایشگر به‌تنهایی کافی نیست.
اگر ویرایشگر باز نشد چه کنیم؟
اول یک برگه خالی دیگر را امتحان کنید. اگر فقط برگه قبلی مشکل دارد، احتمالاً باید همان محتوا یا ابزارهای آن بررسی شود. اگر همه برگه‌ها مشکل دارند، پیام خطا و وضعیت منابع هاست را ثبت کنید. Safe Mode ابزار عیب‌یابی ویرایشگر است؛ جایگزین رفع علت مشکل نیست. مراحل آن را از راهنمای رسمی بازنشدن Elementor دنبال کنید؛ افزونه‌های سایت فعال را بدون بکاپ و برنامه غیرفعال نکنید.
قبل از انتشار این پنج مورد را تیک بزنید
- متن آزمایشی و لینک نمونه باقی نمانده است.
- دکمه تماس به مقصد درست می‌رود.
- تصویر کشیده یا تار نیست.
- صفحه روی گوشی اسکرول افقی ندارد.
- تیتر، توضیح و اقدام بعدی در نگاه اول مشخص‌اند.