معرفی افزونه وردپرسیElementor

در این مقاله چه می‌خوانیم؟

چکیده مقاله

افزونه صفحه ساز Elementor

با  این دوره آموزش، مدیران وب سایت های مختلف می توانند اقدام به طراحی صفحاتی زیبا، با محتوای جذاب نمایند. افزونه Elementor با داشتن بخش های کاربردی زیادی در نسخه پرمیوم خود، می تواند یک تجربه کاری بسیار ساده و جذاب را برای تولید صفحات Landing Page به وجود بیاورد و به مدیران وب سایت اجازه ایجاد صفحات متنوع برای بخش های مختلف و یا مناسبت های خاص سایت را می دهد.

نصب و پیکربندی اولیه افزونه Elementor

آموزش نصب افزونه Elementor

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

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

لینک دانلود افزونه :https://wordpress.org/plugins/elementor/

آموزش کار با افزونه Elementor

تنظیمات کلی در افزونه المنتور
تنظیمات پیشرفته در elementor

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

اضافه کردن صفحه یه نوشته برای صفحه آرایی در المنتور

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

ویرایش صفحات با افزونه صفحه ساز elementor

با زدن دکمه ویرایش با المنتور می توانید وارد صفحه مورد نظر شده و اقدام به دیدن صفحه کار با افزونه المنتور شوید. تمام توضیحات موجود در تصاویر به صورت کامل در دوره آموزش elementor موجود می باشد.

محیط و صفحه مدیریت

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

تمامی ابزارها و عناصر موجود در افزونه

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

استایل و تنظیمات پیشرفته در المنتور elementor فارسی

اضافه کردن بخش و یا قالب های آماده

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

اما اگر می خواهید که یک صفحه کاملا اختصاصی را ایجاد کنید، می توانید با زدن دکمه بخش، از 12 طرح مختلف موجود به سلیقه خود استفاده کرده و اقدام به صفحه آرایی نمایید و صفحات Landing Page خود را به راحتی ایجاد کنید.

آشنایی با بدنه وب سایت در صفحه ساز elementor

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

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

کتابخانه قالب ها و بلوک های از قبل طراحی شده با المنتور

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

ایجاد عنوان سربرگ و تنظیمات آن

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

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

افزودن بخش یا سکشن جدید در طراحی سایت با افزونه فارسی elementor

قرار دادن تصویر در صفحه

یکی از ویژگی های جذاب افزونه المنتور، قرار دادن تصویر در هر بخشی از صفحه می باشد که شما می توانید به راحتی و با ایجاد یک بخش اقدام به قراردادن یک تصویر نمایید،

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

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

اضافه کردن بخش بندی و ستون بندی

قرار دادن نقشه گوگل مپ در Elementor

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

نقشه سایت و اضافه کردن به صفحه در Elementor

امیدواریم این آموزش از آکادمی سبک کار روند شما را برای یادگیری وردپرس آسان کرده باشد.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *