آیا برای شروع کار مشکلی دارید افزونه Elementor ? در اینجا راهنمای کامل نحوه استفاده از Elementor است

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

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

یکی از محبوب ترین سازندگان صفحه Elementor است که به صورت رایگان و با ویژگی های بیشتر در حالت برتر ارائه می شود.

نحوه استفاده از Elementor

در این مقاله ، ما توضیح خواهیم داد که چرا فکر می کنیم Elementor بهترین صفحه ساز برای شروع است:

آشنایی با Elementor

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

ضروری است که ابتدا تم وردپرس سازگار با Elementor را نصب کنید.

دفعات بازدید: آیا می توانید از Elementor بدون موضوع استفاده کنید؟ (نه - به همین دلیل است)

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

صفحه ساز Elementor به شما امکان می دهد بدون نیاز به جابجایی بین frontend و backend ، وب سایت خود را در زمان واقعی تغییر دهید تا نحوه اجرای تغییرات جدید خود را بررسی کنید.

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

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

همچنین بخوانید: نحوه نصب Elementor

ویژگی هایی که Elementor ارائه می دهد

خوشبختانه ، Elementor یک ویرایشگر frontend است ، به این معنی که می توانید تغییرات را در لحظه مشاهده کنید و تنظیمات را انجام دهید.

یکی دیگر از مزایای غیرمستقیم این است که به دلیل محبوبیت آن ، هیچ کمبودی برای شروع کار در YouTube یا وب سایت وردپرس وجود ندارد. این مقاله نمونه ای از این وب سایت ها است.

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

ویجت دکمه Paypal را وارد کنید

هر صفحه در وردپرس از بخشها تشکیل شده است و این اساس صفحه سازی با Elementor است.

در سمت چپ صفحه منوی همبرگر وجود دارد که به شما امکان می دهد در کل وب سایت تغییراتی ایجاد کنید در حالی که تغییرات در سمت راست منعکس می شود.

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

تنها دلیلی که شما به یک تم نیاز خواهید داشت این است که وب سایت شما بدون موضوع نمی تواند کار کند و Elementor بدون آن چیزی برای تغییر ندارد.

خواندن آیا می توانید از Elementor بدون موضوع استفاده کنید؟ (نه - به همین دلیل است)

همچنین اگر می خواهید با نسخه رایگان Elementor همراه باشید ، هنوز برای تغییر سرصفحه و پاورقی خود به تم نیاز دارید.

Elementor Free در مقابل Elementor Pro

تفاوت اصلی آنها در تعداد ویجت های ارائه شده در نسخه Pro است.

بنابراین مطمئن شوید که آیا در طراحی خود به آن نیاز دارید یا خیر.

و همچنین توانایی تغییر پاورقی و هدر خود را در Elementor مفید است ، اگر چه اگر طرح زمینه خود را از قبل با یک سربرگ اختصاصی و سازنده پاورقی ارائه می شود ، ممکن است به عنوان مفید نیست.

از نظر ابزارک ها ، در اینجا ابزارک های اصلی موجود در نسخه رایگان وجود دارد:

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

در اینجا برخی از ابزارک های موجود در نسخه Pro وجود دارد:

  • Portfolio
  • فرم
  • جعبه فلیپ
  • لیست قیمت
  • نقل قول بلوک
  • فراخوانی برای اقدام

تمام اطلاعات مفید برای تصمیم گیری نهایی آگاهانه در مورد ارتقا یا عدم بروزرسانی به Elementor Pro در زیر ارائه شده است.

اما به طور کلی ، ما توصیه می کنیم که با نسخه رایگان بازی کنید تا زمانی که مطمئن شوید Elementor بهترین صفحه ساز وردپرس برای شماست.

عنصر رایگان Elementor Pro
جایزه رایگان 49 دلار تا 99,199 دلار در سال
تعداد ابزارک ها 25 + 50 +
صفحه ساز در دسترس در دسترس
تم سازنده در دسترس نیست در دسترس
پشتیبــانی در دسترس نیست در دسترس
محتوای پویا در دسترس نیست در دسترس
الگوها و بلوک های حرفه ای در دسترس نیست در دسترس
ادغام تجارت الکترونیکی در دسترس نیست در دسترس

در نهایت ، اطمینان از اینکه تیم پشتیبانی Elementor در نسخه Pro پشتیبانی می کند ، همان چیزی است که باعث می شود قاطعانه به نسخه Pro اعتقاد داشته باشیم.

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

برای مثال، سازنده پنجره، گزینه های پویا ، شرایطی که هدر یا پنجره های بازشو قابل مشاهده است ، CSS سفارشی ، کد کوتاه و ابزارک های الگو ، فونت های سفارشی و مدیر نقش.

امکان اختصاص و محدود کردن نقش به کاربران در وردپرس به آنها این امکان را می دهد تا بدون به خطر انداختن طراحی شما کار خود را ادامه دهند. مشتری فقط به تغییر محتوای صفحه دسترسی دارد و نمی تواند با کشیدن و رها کردن عناصر را اضافه یا حذف کند. به این ترتیب طراحی شما همیشه محافظت می شود.

محیط ویرایش

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

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

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

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

دفعات بازدید: نحوه افزودن اثر شناور در Elementor از طریق CSS سفارشی

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

نحوه استفاده از Elementor

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

اگر می خواهید یک صفحه اصلی طراحی کنید ، Elementor's Blocks به شما کمک می کند صفحه خود را از ابتدا بسازید.

همچنین بخوانید: نحوه افزودن اثر شناور در Elementor از طریق CSS سفارشی

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

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

نحوه استفاده از Elementor

وب سایت های ساده با صفحات ثابت ، مانند نمونه کارها ، اکثراً ایستا هستند ، اما اکثر وب سایت ها دارای چندین صفحه هستند (وبلاگ ، فروشگاه آنلاین ، نتایج جستجو).

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

همچنین ببینید: چگونه حالت Coming Soon را در Elementor فعال کنیم

نسخه Pro همچنین دارای بلوک ها ، الگوها و ابزارک های بیشتری است.

در قسمت باطن ، همچنین می توانید به منوی Tools دسترسی پیدا کنید که گزینه هایی مانند Replace URL ، حالت تعمیر و نگهداری و کنترل نسخه را در اختیار شما قرار می دهد تا اگر وب سایت شما با جدیدترین Elementor مواجه شد به نسخه قبلی برگردید.

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

Elementor Pro قیمت

با قضاوت از جدول بالا ، اگر متقاعد شده اید که Elementor Pro گزینه مناسبی برای شماست ، تیم Elementor بسته به تعداد مجوزهای لازم 5 برنامه مختلف برای شما در نظر گرفته است.

در پایان

به طور کلی ، ترکیب Elementor (رایگان یا Pro) با یک تم قدرتمند وردپرس که نقاط کور آن را پوشش می دهد ، روش صحیحی است که در بیشتر موارد انجام می شود.

سایر افزونه های اضافی وردپرس برتر 

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

1. Foodify

غذا دادن سریعترین و آسان ترین راه برای سفارش مشتری برای تهیه مواد غذایی از فروشگاه است. کاملاً پاسخگو و شامل ویژگی های اضافی مانند تصویر ، گزینه جستجو، اطلاعات مربوط به محصول منوی غذایی رستوران Foodlify برای تجارت جهانی

همچنین برای بهبود ، دکمه هایی را به سبد اضافه می کند تجربه کاربر. این افزونه WooCommerce یک راه حل سریع و جامع برای سفارشات است که می تواند به هر وب سایت WooCommerce اضافه شود.

اینجا برای شما پلاگین های WordPress 5 برای بهینه سازی توصیف ها و برچسب های گروه

این مزیت بسیار انعطاف پذیر و سازگار با بسیاری از افزونه های موجود در پوشه وردپرس است.

دانلود | نسخه ی نمایشی | میزبانی وب

2. پان زوم تصویر

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

تصویر بزرگنمایی افزونه وردپرس برای بزرگنمایی

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

3. لغزان طرفدار

راه حل Slider Pro برای شما در ایجاد و ویرایش اسلایدها یا نوار لغزنده هایی که نه تنها برای وبلاگ نویسان بلکه برای کسانی که فقط مقالاتی را منتشر نمی کنند ، به شما کمک می کند ، یک سیستم عامل همه در یک را ایجاد کنید.

پلاگین کشویی وردپرس Slider pro Responsive

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

کشف کنید نحوه ایجاد نمایش پرده ای با Slider Revolution در وردپرس

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

ما را نیز بخوانید افزونه های 5 WordPress برای ایجاد سؤالات متداول در یک وبلاگ

ویژگی های آن عبارتند از: بارگذاری تصویر بهینه شده، سفارشی سازی آسان ، انیمیشن های صاف ، چند طرح بندی و موارد دیگر.

دانلود | نسخه ی نمایشی | میزبانی وب

منابع پیشنهادی

درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.

نتیجه

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

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری نیاز دارید ، با مشاوره راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

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

...