آموزش المنتور | آموزش ویدیویی Elementor به زبان فارسی

ساخت صفحات گرافیگی در وردپرس

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

ساخت صفحات گرافیگی در وردپرس

افزونه Elementor Page Builder یک افزونه حرفه‌ای و کاربردی در زمینه ساخت صفحات گرافیکی در وردپرس یا همان صفحه ساز گرافیکی است که با استفاده از آن قادر به قرار دادن المان‌ها و اجزای مختلف یک صفحه در کنار هم خواهید بود. این افزونه توانسته است از میان بیش از ۲ میلیون نصب فعال خود، امتیاز ۵ از ۵ را به خود اختصاص دهد.

برخی از ویژگی‌های افزونه

  • قابلیت طراحی و ایجاد انواع صفحات در وردپرس
  • قابلیت ایجاد صفحه موردنظر در وردپرس به صورت حرفه‌ای
  • بهینه بودن افزونه و سرعت بالای آن
  • قابلیت طراحی به صورت زنده
  • وجود چندین قالب آماده‌ی حرفه‌ای
  • قابلیت ایجاد انواع صفحات واکنش‌گرا و ریسپانسیو
  • قابلیت تهیه نسخه‌ پشتیبان از ویرایش‌های قبلی
  • قابلیت ایجاد صفحه در دست ساخت
  • سازگار با ووکامرس
  • پشتیبانی از زبان فارسی
  • وجود ۳۰ آیتم مختلف برای استفاده در صفحات
  • و…

نصب و راه‌اندازی افزونه

elementor plugin- ساخت صفحات گرافیگی در وردپرس

ابتدا افزونه را از انتهای این مقاله دانلود کنید. پس از ورود به پیشخوان وردپرس، از قسمت افزونه‌ها، روی “افزودن” کلیک کنید. سپس دکمه “بارگذاری افزونه را بزنید و فایل دانلود شده را انتخاب کنید. سپس دکمه “نصب افزونه” را بزنید و پس از نصب کمی صبر کنید تا ترجمه فارسی این افزونه نیز بروزرسانی شود. پس از بروزرسانی ترجمه، دکمه “فعال کردن افزونه” را بزنید.

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

elementor menu- ساخت صفحات گرافیگی در وردپرس

منوی تنظیمات

این بخش مربوط به تنظیمات اصلی افزونه بوده که دارای ۳ سربرگ مختلف است که به بررسی هر یک می‌پردازیم.

سربرگ کلی

general heading- ساخت صفحات گرافیگی در وردپرس

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

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

سربرگ استایل

style setting- ساخت صفحات گرافیگی در وردپرس

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

فونت های پیشفرض کلی: در این بخش باید نام فونت مورد استفاده خود برای ساخت صفحات گرافیکی در وردپرس را مشخص کنید.
عرض محتوا: در این بخش می‌توانید عرض محتوای خود در صفحات را مشخص کنید. مقدار پیشفرض ۱۱۴۰ پیکسل است که اگر در نمایش محتوای خود به مشکل خوردید، می توانید این مقدار را تغییر دهید. در غیر این صورت از مقدار پیش فرض استفاده کنید.
فاصله بین ابزارک ها: با استفاده از این بخش می‌توانید فاصله میان اجزا و ابزارک‌های مورد استفاده در صفحات خود را تعیین کنید. مقدار ۲۰ پیکسل برای تمامی ابزارک های صفحه اعمال می شود و بعدا می توانید این فاصله را برای ابزارکی خاص تغییر دهید.
اندازه شدن بخش کشیده: با استفاده از این گزینه می‌توانید عرض صفحات خود را به اندازه بخش Body قالب خود تعیین کنید.
سلکتور عنوان برگه: با استفاده از این گزینه می‌توانید استایلی را برای عنوان صفحه ایجاد شده خود بنویسید.

نقطه شکست تبلت: حداقل سایز نمایش دسکتاپ که کمتر از آن، سایز تبلت محسوب می‌شود را به پیکسل وارد کنید. می‌توانید از مقدار استاندارد ۱۰۲۵ پیکسل استفاده کنید.

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

سربرگ پیشرفته

این بخش مربوط به تنظیمات پیشرفته و حرفه‌ای افزونه است.

advanced- ساخت صفحات گرافیگی در وردپرس

روش پرینت CSS: در این بخش می‌توانید نحوه فراخوانی CSS را انتخاب کنید. در این بخش قادر به استفاده از فایل استایل اصلی قالب یا فایل فرعی هستید. پیشنهاد می شود برای عملکرد بهتر ساخت صفحات گرافیکی در وردپرس، این گزینه را روی “فایل خارجی” تنظیم کنید و صرفا برای عیب یابی از گزینه “جایگذاری درونی” استفاده کنید.
تغییر روش بارگذاری ویرایشگر: با استفاده از این گزینه می‌توانید حالت لودشونده را برای بخش ویرایش صفحه موردنظر در وردپرس فعال کنید. تنها زمانی این گزینه را روی حالت فعال قرار دهید که می‌خواهید عیب یابی انجام دهید.

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

پس از تنظیم موارد بالا بر روی دکمه “ذخیره تغییرات” کلیک کنید تا تنظیمات اعمال شده ذخیره شوند.

منوی مدیریت نقش‌ها

manage menu- ساخت صفحات گرافیگی در وردپرس

منوی بعدی، مدیریت نقش‌ها است که با استفاده از این منو می‌توانید نقش‌های مختلف وردپرس را از دسترسی به ویرایشگر المنتور محدود کنید. کافیست روی هر یک از نقش‌ها کلیک کنید و تیک گزینه “بدون دسترسی به ویرایشگر” را بزنید و در نهایت تغییرات را ذخیره نمایید.

منو ابزار ها

در این بخش تنظیمات بیشتری برای مدیریت و کار با افزونه وجود دارد که به بررسی هر یک از این ۴ سربرگ می‌پردازیم.

سربرگ کلی

general tools- ساخت صفحات گرافیگی در وردپرس

تولید مجدد فایل CSS: به دلیل اینکه کد های CSS سفارشی افزونه در یک فایل جداگانه ذخیره می‌شوند، می‌توانید با زدن این دکمه، فایل جدید را تولید کنید.

  نمایش فایل‌های ویدئویی در وردپرس با Video Player

همگام سازی کتابخانه: کتابخانه قالب‌های المنتور هر روز به صورت خودکار بروز رسانی می‌شوند. اما در صورت تمایل می توانید این کتابخانه را با کلیک کردن روی این دکمه به صورت دستی بروز رسانی کنید.

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

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

سربرگ جایگزینی URL

replaces- ساخت صفحات گرافیگی در وردپرس

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

سربرگ کنترل نسخه

version- ساخت صفحات گرافیگی در وردپرس

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

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

سربرگ حالت تعمیر

maintenance- صفحات گرافیگی در وردپرس

انتخاب حالت: در این گزینه می‌توانید حالت تعمیر یا به زودی را انتخاب کنید. حالت تعمیر بهتر است بیشتر از ۳ روز طول نکشد؛ چرا که بر رتبه سئو سایت شما تاثیر خواهد گذاشت.

چه کسی می تواند به سایت دسترسی داشته باشد؟: در این قسمت می‌توانید تعیین کنید در صورتی که حالت تعمیر یا به زودی فعال باشد، چه کسی قادر است به مدیریت و خود سایت دسترسی داشته باشد. اگر این گزینه را روی حالت “سفارشی” قرار دهید، می‌توانید این دسترسی را به نقش‌های مختلف وردپرس بدهید.

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

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

all elements- تمامی المان های المنتور

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

structure- صفحات گرافیگی در وردپرس

با کلیک بر روی ساختار موردنظر خود گزینه‌هایی برای افزودن المان دلخواه خود به آن نمایان می‌شود که باید اجزای موردنیاز خود جهت استفاده در آن صفحه را از ابزارک سمت راست همین صفحه انتخاب کنید.
به طور مثال ما در این بخش ابزار سربرگ را به صورت Drag & Drop به یکی از بخش‌های مربوط به ساختار صفحه می‌کشیم و اطلاعات آن را وارد می‌کنیم. اینگونه ساخت صفحات گرافیکی در وردپرس امکان‌پذیر می‌شود.

add element- افزودن المنت ها

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

استایل

style- استایل المنتور

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

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

پیشرفته

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

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

در نهایت کافی است بر روی دکمه انتشار کلیک کنید تا صفحه موردنظر در وردپرس موردنظر شما نمایش داده شود.

 

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

یک صفحه ساده با المنتور برایتان ایجاد کردیم که پیشنهاد می‌کنم آن را مشاهده کنید:

ساخت یک صفحه با Elementor

جمع‌بندی

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

ویدئوی آموزشی

دانلود افزونه Elementor

دانلود افزونه صفحه افزونه
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۹۱,۴۳۸ نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید شاخص

  1. 4 سال عضو همیار وردپرس

    سلام دوستان
    چه جوری میشه کاری کرد که از قالب پیروی نکنه
    مثلا سربرگ و منوهای خاص خود قالب رو نمایش نده

  2. سلام
    ببخشید وقتی روی دکنه ذخیره میزنم کا نمیکنه و همینطور منتظر میمونه.مشکل از چی میتونه باشه؟

  3. سلام
    چرا برا من کار نمیکنه؟

  4. 2 سال عضو همیار وردپرس

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

  5. 5 سال عضو همیار وردپرس

    آقای mohammad428 ای کاش در متن کوتاه بیوگرافیتون ٬ به‌جای (به نام وردپرس) از به نام خدا یا به نام الله استفاده میکردید ٬ این برای شما بهتر است اگر بدانید.

مطالب زیر را حتما بخوانید