ایجاد صفحه موردنظر با افزونه Elementor Page Builder

با عرض سلام و احترام به شما دوستان عزیز و همراهان گرامی مِستر آموز.

 

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

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

 

صفحه موردنظر در وردپرس افزونه Elementor Page Builder

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

این افزونه توانسته از میان+۳۰۰,۰۰۰ نصب خود امتیاز ۴/۸ از ۵ را به خود اختصاص دهد.

 

 

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

• امکان طراحی و ایجاد انواع صفحات در وردپرس

• امکان ایجاد صفحه موردنظر در وردپرس به صورت حرفه‌ای

• بهینه بودن افزونه و سریع بودن آن

• قابلیت طراحی به صورت زنده

• دارای چندین قالب آماده‌ی حرفه‌ای

• امکان ایجاد انواع صفحات واکنش‌گرا و ریسپانسیو

• امکان تهیه نسخه‌ پشتیبان از ویرایش‌های قبلی

• قابلیت ایجاد صفحه در دست ساخت

• وجود ۲۸ آیتم مختلف برای استفاده در صفحات

• و…

 

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

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

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

 

General

این بخش مربوط به تنظیمات اصلی افزونه است.

 

 

Post Types: در این بخش می‌توانید افزونه را برای نوشته‌ها، برگه‌ها یا هردوی آن‌ها فعال کنید.

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

Disable Global Colors: با استفاده از این گزینه رنگ‌بندی‌های مورد استفاده در افزونه غیرفعال می‌شوند و رنگ‌بندی‌ها از قالب وردپرس شما فراخوانی می‌شوند.

Disable Global Fonts: با استفاده از این گزینه فونت‌های پیش‌فرض موجود در افزونه غیرفعال می‌شوند و فونت‌های مورد استفاده از قالب وردپرس شما فراخوانی می‌شوند.

Improve Elementorبا استفاده از این بخش می‌توانید به پیشرفت و بهبود افزونه کمک کنید.

Usage Data Tracking: در این بخش برخی از اطلاعات مربوط به مصرف منابع سرور در دسترس است.

 

استایل

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

 

 

Default Generic Fonts: نام فونت مورد استفاده خود برای ایجاد صفحه موردنظر در وردپرس را مشخص کنید.

Content Width: مشخص کردن عرض محتویات خود در صفحات.

Space Between Widgets: برای تعیین فاصله میان اجزا و ابزارک‌های در صفحات خود.

Stretched Section Fit To: با استفاده از این گزینه می‌توانید سایز صفحات خود را به اندازه بخش Body قالب خود مشخص کنید.

Page Title Selector: جهت استایل دادن برای عنوان صفحه ایجاد شده.

Image Lightbox: با انتخاب این گزینه می‌توانید برای تصاویر موجود در سایت وردپرسی خود Lightbox فعال کنید.

 

پیشرفته

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

 

 

CSS Print Method: این قسمت جهت انتخاب نحوه فراخوانی CSS می باشد. در این بخش می توانید به استفاده از فایل استایل اصلی قالب یا فایل فرعی هستید.

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

 

بعد از اعمال تنظیمات دکمه save را کلیک کنید.

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

 

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

 

 

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

 

 

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

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

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

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

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

 

استایل

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

 

 

رنگ متن:  رنگ متن نوشته را تعیین می کند.

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

Text Shadow: برای سایه گذاشتن برای متن از این گزینه استفاده کنید.

 

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

 

برای دانلود افزونه Elementor Page Builder کلیک کنید.

 

موفق و پیروز باشید.