Elementor 2.0 تغییر چهره طراحی وب
Elementor 2.0 تغییر چهره طراحی وب
در این بررسی Elementor، نگاهی به این پلاگین صفحه ساز معروف و انتشار اخیر آن از Elementor 2.0 خواهیم داشت. چه بخواهید چند صفحه وب را سفارشی کنید یا یک سایت کاملاً جدید طراحی کنید، نسخه جدید Elementor 2.0 دارای ابزارها و ویژگی هایی است که به شما کمک می کند دیدگاه خلاقانه خود را درک کنید.
برای اطلاعات بیشتر در مورد آنچه Elementor ارائه می دهد و درک عمیقی از جدیدترین ویژگی های منتشر شده با Elementor 2.0 به ادامه مطلب مراجعه کنید. ما همچنین مزایای ارتقاء به Elementor Pro را در نظر خواهیم گرفت. و ویژگی های پیشرفته ای که این افزونه ممتاز ارائه می کند. بیایید شروع کنیم…
مقدمه ای بر Elementor
برای کسانی از شما که از Elementor استفاده نکردهاند و اطلاعات کمی در مورد این افزونه دارند، با معرفی سریع این راهحل شروع میکنیم و آنچه را که ارائه میدهد بررسی میکنیم.
Elementor یک افزونه محبوب صفحه ساز وردپرس است که به طرز شگفت انگیزی فقط کمتر از دو سال پیش راه اندازی شد. در آن زمان، Elementor به یک رقیب جدی در دنیای پلاگین های صفحه ساز تبدیل شده است. این یک تجربه چشمگیر و ویژگی های گسترده را ارائه می دهد که منجر به ایجاد پایگاه مشتری دائماً در حال رشد می شود.
Elementor از هر دو نسخه رایگان و هم نسخه ممتاز افزونه خود پشتیبانی می کند. Elementor Pro یک افزونه از افزونه رایگان است و ابزارهای پیشرفته ای را برای بهبود گردش کار و افزایش تبدیل و فروش. در این مقاله به بررسی نسخه Pro Elementor خواهیم پرداخت. اما در حال حاضر، بیایید بررسی کنیم که نسخه هسته رایگان Elementor چه چیزی را ارائه می دهد…
ویژگی های Elementor
Elementor دارای یک ویرایشگر بصری کشیدن و رها کردن است که به کاربران امکان میدهد به راحتی هر صفحه یا نوع پست سفارشی را در وردپرس طراحی یا سفارشی کنند. و همه بدون نیاز به لمس یک خط کد. همه سفارشیسازیها را میتوان در قسمت جلویی سایت شما انجام داد، بنابراین میتوانید طراحیهای صفحه خود را در زمان واقعی مشاهده کنید.
کتابخانه الگوی Elementor شامل بیش از 300 الگوی زیبا ساخته شده برای انتخاب است که برای هر صنعت و جایگاهی ایجاد شده است. پس از انتخاب یک الگو، ویرایشگر Elementor به شما کنترل گسترده ای بر هر جزئیات استایل می دهد. الگوها و طرحهای صفحه را میتوان ذخیره و مجدداً استفاده کرد، و همچنین برای استفاده در وبسایتهای دیگر صادر کرد.
Elementor همچنین بسته کاملی از ویجت ها را به صورت رایگان ارائه می دهد. این ویجت ها در داخل صفحه ساز زنده کار می کنند و به شما امکان می دهند امکانات طراحی بی پایانی را به صفحات خود اضافه کنید. در اینجا تنها تعدادی از ویجتهایی هستند که میتوانید در صفحات خود استفاده کنید…
- گالری تصاویر.
- چرخ فلک تصویر.
- Google Maps.
- دکمه ها.
- ویدئو.
ویجتها و افزونههای شخص ثالث را نیز میتوان در صفحهساز Elementor جاسازی کرد. بنابراین، می توانید خود را با تمام عناصر طراحی مورد علاقه خود احاطه کنید.
در اینجا برخی از ویژگیهای برتر دیگری که Elementor ارائه میدهد، آورده شده است…
- سفارشی سازی کل در طرح بندی.
- پس زمینه های ویدئویی.
- ویرایش درون خطی.
- صفحه نمایش عکس و گالری.
- 800+ فونت Google.
- طراحی صفحه فرود.
- ویرایش تلفن همراه.
- مناسب برای توسعه دهندگان.
Elementor همچنین با پشتیبانی گسترده، از جمله آموزش های ویدیویی و مقالات عمیق ارائه می شود. این گام به گام نحوه استفاده از این افزونه برای ایجاد وب سایت های خیره کننده را آموزش می دهد.
بنابراین اکنون ما کمی در مورد Elementor و برخی از ویژگی هایی که در نسخه اصلی رایگان خود گنجانده است می دانیم. بیایید در ادامه به نسخه اخیر Elementor 2.0 نگاهی بیندازیم و دریابیم که چه ابزارها و عملکردهایی به این افزونه از قبل با ویژگی های غنی اضافه شده است.
ویژگی های جدید Elementor 2.0
در ماه فوریه، تیم Elementor شروع به عرضه Elementor 2.0 کرد. با انتشار هر ویژگی جدید، آنها امیدوارند مشکلاتی را که افرادی که از وردپرس استفاده میکنند، هنگام طراحی و سفارشیسازی وبسایتها، هر روز با آن مواجه میشوند، حل کنند. بنابراین چه ویژگیهایی معرفی شدهاند و چگونه تجربه Elementor را بهبود میبخشند؟
بلوک های عنصر
یکی از اولین ویژگی هایی که تحت Elementor 2.0 منتشر شد Elementor Blocks بود. . این ویژگی کاملا رایگان روشی انعطافپذیر برای ساخت سریع و کارآمد صفحات فراهم میکند.
بلاکها اساساً بخشهای از پیش طراحیشدهای هستند که در ترکیب، میتوانند صفحات کاملی ایجاد کنند. گزینه های مختلف طراحی موجود را مرور و فیلتر کنید و سپس بلوک های مناسب را به هر صفحه وب سایت خود تنها با یک کلیک یک دکمه اضافه کنید. این به شما انعطافپذیری بیشتری نسبت به قالبهای صفحه میدهد، اما همچنان از طراحی کافی پشتیبانی میکند تا در وقت شما صرفهجویی کند و اطمینان حاصل کند که یک وبسایت کاربرپسند، حرفهای و جذاب ایجاد میکنید.
هر بلوک را می توان سفارشی کرد و به شما امکان می دهد محتوا را تغییر دهید و افکار و ایده های خود را به سرعت به یک وب سایت تبدیل کنید. و بلوکها با تنظیمات ویجت و چیدمان از پیش ساخته شدهاند، بنابراین میتوانید به سادگی روی فرآیند طراحی تمرکز کنید و نگران جنبههای فنی ساخت یک صفحه نباشید. سپس بلوکها را میتوان در صفحات مختلف ذخیره و دوباره استفاده کرد.
انتخاب و انتخاب بلوک ها برای ایجاد یک صفحه فقط یک راه سرگرم کننده برای طراحی نیست. بلوکها گردش کار شما را سادهتر میکنند و فرآیند ایجاد شما را مدیریت میکنند، که منجر به صفحههای تمامشده و پیشرفته و در کمترین زمان میشود.
در حال حاضر، در کتابخانه بلوک ها، 253 نوع بلوک مختلف موجود است که در 15 دسته تقسیم شده است، از جمله قیمت، تیم، توصیفات، نمونه کارها، تماس برای اقدام و اشتراک. تیم Elementor همچنین به مرور زمان به این کتابخانه اضافه میکند و اطمینان حاصل میکند که پروژه شما هر چه باشد، بلوکهایی متناسب با آن وجود خواهد داشت.
Elementor Developer API
در ماه آوریل، Elementor مرکز توسعه دهندگان جدید خود را برای توسعه دهندگان Elementor معرفی کرد. این یک سایت جدید و یک منبع واقعاً چشمگیر است – منبعی که تأثیر زیادی بر هر توسعه دهنده وردپرسی که می خواهد Elementor را گسترش دهد یا آن را در یک محصول ادغام کند، خواهد داشت.
مرکز توسعه دهندگان دارای دو بخش است…
بیایید هر دوی این موارد را با جزئیات بیشتر بررسی کنیم…
منابع توسعه دهنده Elementor
مرکز منابع توسعه دهندگان حاوی راهنماهای گام به گام، آموزش ها و نمونه های کد است که توضیح می دهد که چگونه توسعه دهندگان می توانند افزونه های Elementor یا راه حل های سفارشی خود را برای مشتریان ایجاد کنند. هم اطلاعاتی برای توسعه دهندگان پلاگین و تم و همچنین اطلاعاتی در مورد استانداردهای اخیر کدنویسی وردپرس و آخرین بهترین شیوه ها وجود دارد.
مرجع کد عنصر
با استفاده از اسناد مرجع کد Elementor می توانید به سرعت یاد بگیرید که هر تابع، کلاس، متد و قلاب Elementor چه کاری انجام می دهد. در اینجا می توانید به راحتی کد مرجع را جستجو کنید تا کد خاصی را بیابید که به طور خودکار با هر نسخه جدید Elementor به روز می شود. تیم Elementor همچنین قصد دارد در آینده قابل پیشبینی، قطعهها و نمونههای کد را به مرجع کد اضافه کند.
اگر یک برنامهنویس پلاگین یا تم وردپرس هستید، مرکز توسعهدهندگان Elementor منبع ارزشمندی است و ارزش بررسی را دارد.
Elementor Pro 2.0 – Theme Builder
نسخه Elementor Pro 2.0 این افزونه صفحه ساز را مشاهده کرده است ارتقا یافته تا شامل قابلیت های تم ساز شود. تا به حال، سفارشی کردن بخشهای خاصی از طرح زمینه با ویرایشگر Elementor Pro، مانند سرصفحه، پاورقی، تک پست و بایگانی امکانپذیر نبوده است.
Elementor Pro Theme Builder مفهوم قالب ها را گسترش داده است و انواع قالب های جدیدی را برای سرصفحه ها، پاورقی ها و سایر قسمت های سایت شما معرفی کرده است. این امکان را فراهم می کند که اکنون با استفاده از ویرایشگر کشیدن و رها کردن Elementor، هر قسمت از وب سایت خود را طراحی و سفارشی کنید، نه فقط قسمت های محتوا. پس با کد خداحافظی کنید!
Elementor Pro Theme Builder بر روی هر تم وردپرس کار می کند و به شما امکان می دهد تمام جنبه های وب سایت خود را به صورت بصری، در قسمت جلویی وب سایت خود بسازید. با استفاده از قالب های پویا، می توانید چارچوبی برای محتوای خود ایجاد کنید و سپس آن را در سراسر سایت خود اعمال کنید. سپس قالب ها با محتوای پویا از وب سایت شما تنها با یک کلیک پر می شوند.
Elementor Pro 2.0 همچنین دارای 25+ بلوک سرصفحه و پاورقی، و همچنین یک ویژگی هدر چسبنده برای کمک به شما در شروع کار است. دیگر توسط سرصفحه و پاورقی طرح زمینه خود محدود نخواهید شد. اکنون میتوانید از بلوکهای Elementor برای ایجاد طرحهای شیک و چشمنواز استفاده کنید که با بقیه برندهای وبسایت شما کار میکند.
Elementor Pro 2.0 – ویژگی هایی که هنوز در راه است
همانطور که قبلاً اشاره کردیم، Elementor 2.0 در مراحلی عرضه می شود. و برای Elementor Pro 2.0، هنوز ویژگی هایی در راه است.
یکپارچه سازی WooCommerce باید به زودی با ما همراه شود و از طریق Elementor Editor کنترل طراحی قدرتمندی بر فروشگاه WooCommerce، صفحات محصول و سایر عناصر تجارت الکترونیک شما می دهد. ابزارک ها شامل…
خواهند شد
- ویجت محصولات WooCommerce – محصولات WooCommerce خود را در سایت خود نمایش و فیلتر کنید.
- ویجت دستهبندیهای WooCommerce – دستههای محصول را انتخاب کنید که نشان داده شود.
- ویجت Woo Elements – صفحات تجارت الکترونیک را به سایت خود اضافه کنید، از جمله صفحه سبد خرید، صفحه تک محصول، صفحه پرداخت و موارد دیگر.
- ویجت Woo Add to Cart – نمایش دکمه “افزودن به سبد خرید”.
این ادغام ها Elementor را به ابزاری عالی برای طراحی سایت تجارت الکترونیک مطابق با مشخصات دقیق شما تبدیل می کند.
همچنین هنوز در آینده پشتیبانی گسترده ای از فیلدهای سفارشی پیشرفته (ACF) و مجموعه ابزار. با استفاده از این قابلیت، می توانید فیلدهای محتوا را در ACF یا Toolset ایجاد کنید و سپس آنها را به صورت بصری در هر صفحه ای بگنجانید. که برای توسعه دهندگان خارج از کشور، ممکن است یک تغییر دهنده بازی باشد.
آیا باید به Elementor Pro ارتقا دهید؟
پس از مطالعه در مورد تم ساز قابل توجهی که تیم Elementor در افزونه Elementor Pro گنجانده است، و همچنین ادغام WooCommerce، ACF و Toolset که در گوشه و کنار هستند، ممکن است از خود بپرسید که آیا باید به Pro ارتقا دهید یا خیر.
پس بیایید نگاهی گذرا بیندازیم Elementor Pro چه چیز دیگری باید پیشنهاد…
- الگوهای حرفه ای – از میان مجموعه ای از الگوهای حرفه ای سطح بالا انتخاب کنید.
- فرمها – فرمهای تماس، فرمهای اشتراک، فرمهای ورود و غیره را طراحی و اضافه کنید.
- رسانه – تصاویر و ویدیو را با استفاده از ویجت چرخ فلک یا اسلاید به نمایش بگذارید.
- CSS سفارشی – کد خود را اضافه کنید و آن را در ویرایشگر زنده مشاهده کنید.
- ادغامها – برای نام بردن چند مورد، به راحتی با MailChimp، Facebook SDK، reCAPTCHA، و Adobe TypeKit یکپارچه شوید.
- رسانههای اجتماعی – دکمههای اشتراکگذاری، نمادهای اجتماعی، ادغامهای فیسبوک و موارد دیگر را اضافه کنید.
کاربران Elementor Pro همچنین میتوانند از پشتیبانی 24/7 مشتری بهره مند شوند. به سرعت در مورد هر گونه مشکل و پاسخ به هر سؤالی که ممکن است ایجاد شود کمک بگیرید. بدیهی است که Elementor Pro یک ابزار قابل توجه است و اگر در مورد کیفیت طراحی وب سایت خود جدی هستید، ارتقاء به Pro باید در رادار شما باشد.
نظرات نهایی در مورد Elementor 2.0
همانطور که می بینید، Elementor 2.0 دارای ویژگی های جدید و چشمگیر است. از Elementor Blocks و Developer API گرفته تا Theme Builder جدید و فوق العاده Elementor Pro 2.0 و ادغام های پیشرفته، Elementor در حال تغییر چهره طراحی وب است. این که پلاگین Elementor برای هر کسی که یک وب سایت را طراحی یا سفارشی می کند ضروری است، ناگفته نماند – اما آیا نسخه رایگان یا ممتاز را انتخاب می کنید؟
در مورد نسخههای جدید Elementor 2.0 سؤالی دارید؟ لطفاً در نظرات زیر بپرسید…