قالب Divi | قالب دیوی کاملترین نسخه فارسی ( لایسنس اورجینال )

محصولات | مقالات آموزشی
دیوی مارکتسپتامبر 16, 2021

امیدواریم از خواندن این مقاله لذت کافی را ببرید

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

دانلود قالب دیوی

آیا شما هم از کسانی هستید که هنوز مردد هسیتید قالب دیوی مناسب سایت یا کسب و کار شما هست یا خیر؟

شما ممکن است در خصوص قالب دیوی چیزهایی شنیده باشید و یا اطلاعات مختصری در خصوص آن داشته باشید، اما اگر هنوز مطمئن نیستید که آیا این قالب انتخاب مناسبی برای شماست یا خیر؟ نگران نباشید؛ ما در دیوی مارکت در کنار شما هستیم تا به شما در تصمیم گیری بهتر و طی کردن بهتر مسیر طراحی و راه اندازی وب سایتتان کمک کنیم.

اگر می خواهید از جزئیات مرتبط با این قالب و توانایی های آن مطلع شوید ما در این پست با مروری جامع بر قالب Divi به جنبه های مختلفی از آن خواهیم پرداخت:

  • چه چیزهایی در این قالب عملکردی بسیار عالی و متفاوت را رقم می زنند.
  • چه چیزی می تواند بهتر عمل کند.
  • اموری که شما می توانید از قالب دیوی برای آن ها استفاده کنید.
  • چه کسانی و کجا باید از استفاده از divi صرف نظر کنند.

پس از آن، می توانید تصمیم بگیرید که آیا Divi مناسب شما هست یا خیر و آیا می خواهید به استفاده از آن بپردازید؟

مروری بر قالب دیوی، امکانات و وِیژگی های آن

پس بیایید تا به همه جنبه های آن یک به یک نگاهی بیندازیم.

مباحث مورد بررسی در خصوص دیوی

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

لازم به ذکر است که بررسی حاضر قابلیت های منتشر شده در نسخه های Divi 3.0  و Divi 4.0 را مورد بررسی قرار می دهد.

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

  • تم وردپرس Divi چیست؟
  • معرفی دیوی پیج بیلدر
  • معرفی Divi  ورژن 4
  • جنبه های مثبت و منفی divi
  • قیمت قالب DIVI و ارزش خرید آن
  • مروری بر ویژگی های کلی تم Divi
  • جنبه های مختلف قالب دیوی
  • طرح بندی های Divi (layout) و قالب های صفحه (تمپلیت ها یا Page Templates)
  • دیوی تم بیلدر
  • مستندات قالب و پشتیبانی از کاربران
  • امنیت

Divi چیست؟

قالب دیوی یک قالب وردپرسی محصول شرکت Elegant Themes است. این قالب با ویژگی های منحصر به فردی که دارد نقش بسیار مهمی  در میان انبوه وب سایت های فعال وردپرسی که تعداد آن ها قریب به 75 میلیون وب سایت است، ایفا نماید.

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

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

Divi تم اصلی و صفحه ساز بصری (ویرایشگر دیداری) این شرکت است. بر اساس آمار BuiltWith.com (که در ادامه به بررسی آن خواهیم پرداخت)، این تم وردپرسی پراستفاده ترین قالب جهان است.

دیوی با دو بخش اصلی پا به میدان طراحی وب سایت های وردپرسی می گذارد. قالب وردپرس دیوی و پلاگین صفحه ساز مرتبط با آن که تحت عنوان دیوی بیلدر (Divi Builder) شناخته می شود.

دیوی بیلدر صفحه سازی قدرتمند قالب Divi

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

باید به این نکته توجه داشته باشید که تم Divi و پلاگین DIVI را نمی توان به صورت جداگانه خریداری کرد و هر دوی آنها در یک بسته نرم افزاری ارائه می شوند.

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

Divi چیزی فراتر از یک قالب است، در واقع divi یک فریمورک (چارچوب) ایجاد وب سایت است که امکان طراحی وب سایت های زیبا بدون نیاز به حتی یک خط کد و بدون نصب و پیکربندی حتی یک افزونه را ممکن می سازد.

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

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

ویزیویگ: WYSIWYG مخفف عبارت “What You See Is What You Get” به معنای «آنچه می‌نگری همان است که (در نهایت) به دست می‌آوری» می باشد (برای مطالعه بیشتر در این خصوص می توانید به دانشنامه ویکی پدیا مراجعه نمایید).

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

Divi قالب چند منظوره ای است که به راحتی تمام نیاز کاربر را در زمینه طراحی وبسایت برطرف می کند.

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

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

با این مقدمات بیایید به بررسی عمیق تر جنبه های مختلف دیوی بپردازیم.

پرفروش ترین قالب وردپرسی تاریخ

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

براساس بررسی های انجام شده توسط وب سایت builtwith در حال حاضر حدود 3/458/141 وب سایت از قالب دیوی استفاده می کنند.

دیوی پرفروش ترین قالب وردپرس (تعداد وب سایت های دارای قالب دیوی)
آمار استفاده از قالب دیوی در دنیا

این آمار براساس اطلاعات لوکیشن، دیتای سرورها و همچنین جزئیات شماره تماس های درج شده در وب سایت ها بدست آمده است که تعداد 2/239/943 مورد از آن ها در حال حاضر لایو و آنلاین می باشند.

آمار استفاده از قالب دیوی

مابقی این تعداد وبسایت  یعنی 1/218/198 مورد قبلا از قالب دیوی استفاده کرده اند و به دلایلی مانند غیرفعال شدن سایت در حال حاضر از قالب دیوی بهره نمی برند.

همچنین تعداد 1/448/354 دامین به وب سایت هایی ریدایرکت شده اند که از قالب divi بهره می برند.

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

همانگونه که در شکل های فوق مشخص است تعداد 1/106/230 مورد از این وب سایت ها در آمریکا، تعداد 115/761 مورد در انگلستان و تعداد 104/690 مورد از آن ها در کشور آلمان واقع شده اند.

همچنین برآورد تعداد وب سایت هایی که در کشور ما ایران از این تم بهره می برند 1217 سایت تا تاریخ نگارش این مقاله است. 

تعداد وب سایتی های که در ایران از قالب divi استفاده می کنند

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

رقبای قالب دیوی (پراستفاده ترین قالب های دنیا)

همانطور که در شکل فوق مشاهده می شود بعد از قالب دیوی از لحاظ میزان استفاده قالب های Astra و Avada در رتبه های بعدی قرار دارند.

تاریخچه قالب دیوی

اولین نسخه قالب دیوی در سال 2013 ارائه شد. الگانت تمز در آپدیت های بعدی خود هر بار ویژگی های جدیدی به این قالب اضافه کرده است و بهبودهای مختلفی در آن داده است.

داستان قالب divi با نیک رووچ (Nick Roach) و در خوابگاه دانشگاه ایالتی پلی تکنیک کالیفرنیا در سان لوئیس آغاز شد.

همه چیز در اوایل سال 2009 آغاز شد. در مدت ده سال تیم یک نفره او به یک تیم بین المللی 73 نفره تبدیل شد که قریب به 87 قالب وردپرسی و 5 پلاگین را توسعه داده اند.

در این مدت Elegant Themes چندین قالب مشهور از جمله Nexus , Vertex , Nimble , Fable , Extra و همچنین Divi را ارائه داده است.

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

افزونه های معروف الگانت تمز

Divi builder خود یک پلاگین است.

این شرکت علاوه بر divi و دیوی بیلدر که یک صفحه ساز بصری درگ اند دراپ زیبا می باشد بلوم (Bloom) که یکی از بهترین افزونه ها برای نمایش و ساخت فرم های حرفه ای عضویت در خبرنامه در وردپرس می باشد را نیز توسعه داده است.

بلوم در زمینه Lead Generation یا فرایند جذب مخاطب از کارایی فوق العاده ای برخوردار است.

همچنین Monarch (مونارک)، یکی از بهترین افزونه های لایک پست های وردپرسی و اشتراک گذاری آن ها در رسانه های اجتماعی است که توسط این شرکت طراحی و عرضه شده است.

پلاگین های بلوم و مونارک

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

دیوی بیلدر

دیوی ویژوال بیلدر یا به اختصار دیوی بیلدر یا ویژوال بیلدر صفحه ساز اختصاصی و بسیار قدرتمند قالب divi است.

هنگام طراحی بهتر است Divi به شکل بصری (ویژوال) استفاده شود این حالت به کاربر این امکان را می دهد که صفحات وب سایت خود را در قسمت فرانت اند وب سایت خود بسازد و همزمان تغییرات را مشاهده کند.

دیوی پیج بیلدر امکان ساخت وب سایت به صورت درگ اند دراپ (drag and drop) را فراهم می کند.  این بدان معناست که برای طراحی و توسعه وب سایت خود نیازی به هیچگونه مهارت های برنامه نویسی ندارید، اگرچه برخورداری از دانش CSS می تواند به میزان زیادی به شما کمک کند.

درگ اند دراپ در دیوی بیلدر

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

صفحه ساز دیوی (Divi Builder) به کاربر این امکان را می دهد که به صورت front end و با کمترین میزان دانش برنامه نویسی به طراحی وب سایت خود بپردازد و همزمان به صورت لایو تغییرات را مشاهده نماید و در صورت نیاز به تغییر آن ها بپردازد.

معرفی Divi 4.0 

همانطور که قبلاً اشاره کردیم، شرکت اگانت تمز چندین به روزرسانی عمده را علاوه بر آپدیت های معمول (که به صورت مداوم منتشر می شود) برای Divi منتشر کرده است. در Divi  ورژن 4  الگانت تمز دیوی تم بیلدر (Divi theme builder) را معرفی کرد. این نسخه در اکتبر 2019 منتشر شد.

جنبه مهم انتشار Divi 4.0  قابلیت جدیدی به نام Divi Theme Builder است. با این امکان جدید و با استفاده از divi page builder (صفحه سازی بصری قالب دیوی) و ماژول های Divi (که همواره در حال حاضر در حال پیشرفت هستند) می توانید برای تمامی بخش های یک وب سایت تمپلیت های سفارشی طراحی کنید.

Theme Builder کنترل Divi builder را در دست می گیرد و قابلیت های آن را در تمام زمینه های ایجاد یک وب سایت گسترش می دهد و شما را قادر می سازد که به طراحی و ایجاد موارد زیر به صورت کاملا اختصاصی، مجزا و سفارشی و مطابق با نیاز خود بپردازید:

  • هدرها
  • فوترها
  • صفحات محصولات
  • قالب پست های وبلاگ
  • صفحه 404
  • صفحات دسته بندی و بایگانی
  • و بسیاری قابلیت های دیگر

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

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

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

این نسخه برخی از قدرتمندترین امکانات Divi، از جمله Dynamic Content (داینامیک کانتنت) و WooCommerce Modules را به همراه قدرت طراحی حیرت انگیز صفحه ساز divi builder گرد هم آورده است تا کاربر کنترل کاملی بر تمامی بخش های وب سایت خود داشته باشد.

دیوی تم بیلدر

با استفاده از divi theme builder کاربر می تواند برای هر کدام از پست ها (مقالات)، برگه ها، دسته بندی ها، هدر، فوتر یا هر بخش دیگری از وب سایت خود قالب ها و تمپلیت های اختصاصی، منحصر به فرد و کاملا سفارشی طراحی کند.

قبل از اینکه به بررسی بیشتر خود ادامه دهیم بهتر است به جوانب مثبت و منفی divi نیز نگاهی بیندازیم.

مزایا و معایب تم Divi

جهت آشنایی بیشتر با این قالب در این بخش به بررسی مزایا و معایب divi می پردازیم:

جنبه های مثبت دیوی

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

صفحه ساز قدرتمند دیوی بیلدر – Divi builder در طی چندین سال که از عمر آن می گذرد بلوغ رسیده است و یک ابزار عالی برای طراحی قدرتمند و افزایش بهره وری است و با وجود آن دیگر هیچ نیازی به استفاده از صفحه ساز دیگر برای کار بر روی وبسایت نیست.

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

قابلیت های تم بیلدر– همانگونه که در بالا اشاره شده Divi از ورژن 4  به بعد قابلیت سفارشی سازی را به سطح بسیار بالاتری ارتقاء داده است و قابلیت ها و امکانات بسیار دیگری به قالب اضافه کرده است.

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

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

ارزش بسیار عالی لایسنس و بروزرسانی های مادام العمر (lifetime) – قیمت نسخه مادام العمر این قالب وردپرسی ارزش فوق العاده ای را به کاربر ارائه می دهد، به ویژه با توجه به اینکه تم، صفحه ساز، تمپلیت ها و لی اوت های اضافی، افزونه Bloom و Monarch را نیز کاربر به همراه آن دریافت می کند. این دسترسی مادام العمر شامل به روز رسانی نامحدود و پشتیبانی نامحدود و مادام العمر نیز می شود.

جنبه های منفی دیوی

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

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

شما می توانید به تدریج به یادگیری قابلیت ها  و امکانات اضافه شده در قالب Divi بپردازید وعلاوه بر افزایش مهارت های امکانات و ویژگی های وب سایت خود را نیز ارتقاء دهید.

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

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

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

مروی بر قالب Divi – مرور ویژگی ها

برخی از ویژگی های برجسته این قالب عبارتند از:

دیوی بیلدر – Elegant Themes یکی از نسخه های اصلی دیوی ( ورژن 3.0) را برای ساخت نسخه جدید Divi Builder مورد بررسی و تست مداوم کرد. اکنون بخش بک اند و فرانت اند دیوی بیلدر هنگام طراحی یک نسخه زنده از وب سایت را ارائه می دهدکه به صورت لحظه ای به روز می شود.

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

صدها تمپلیت با کیفیت بالا ، لی اوت ها و صفحه بندی های مختلف و طرح های متنوع آماده– برای کمک به کاربر در سرعت بخشیدن به روند طراحی و ایجاد وب سایت، Divi دارای مخزن بزرگی با بیش از 900 تمپلیت از پیش طراحی شده و آماده با کیفیت برای صفحات ( با انواع طرح بندی برای صفحات رایج وب سایت مانند صفحه خانه (صفحه اصلی)، درباره ما، تماس باما، صفحه 404 و … است).

بیش از 40 المان برای ایجاد عناصر وب سایت – ماژول ها بلوک های اصلی قالب و صفحه ساز Divi برای طراحی و ایجاد صفحات سایت هستند.

دیوی بیش از 40 ماژول یا المان وب سایت دارد که شامل Call To Action ، اسلایدرها، گالری ها ، فرم های تماس، نظرات مشتریان، دیدگاه ها ، نمونه کارها، وبلاگ، شمارنده ها، جداول قیمت گذاری، تقسیم کننده ها (دیوایدرها) و موارد دیگر است.

ماژول های دیوی

خاصیت Drag & Drop (کشیدن و رها کردن) و واکنش گرا یی (Responsive)- نکته مهم بعدی این است که کاربر بر روی بلوک های زنده و واقعی کار می کند. وی قطعات واقعی محتوا مانند هدر، متن، تصاویر و … را به همراه سطرها و محتویات ستون ها و … را می تواند به صوت درگ اند دراپ کنار یکدیگر قرار دهد.

Drag & Drop (کشیدن و رها کردن) و واکنش گرا یی

هر چیزی که به پیج ها یا وب سایت اضافه می شود کاملاً ریسپانسیو است و کاربر قادر است رفتار هر المانی را برای نمایش در دستگاه های مختلف تغییر دهد.

عدم نیاز به رفرش اما دارای خاصیت آپدیت بصری و فوری-Divi Builder توسط React و استاندارد جدیدی در خصوص تجربیات بصری Real Time (بی درنگ) طراحی شده است (در واقع مانند این است که همه چیز موقتا روی هوا ذخیره شود) و این اطمینان را فراهم می کند که هر کاری که انجام می دهید بدون نیاز به refresh همزمان در حال به روز شدن است.

عدم نیاز به رفرش اما دارای خاصیت آپدیت بصری و فوری

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

توابع A/B تست-برای بسیاری از کسانی که در فضای آنلاین حضور دارند بهبود مداوم عملکردهای سایت برای افزایش درآمد و بهبود کسب و کار یک اصل مهم است.

معمولا در فضای آنلاین برای بهبود عملکردها آزمایش هایی موسوم به A/B تست برای بررسی رفتار سایت و همچنین مشتریان انجام می شود.

A/B تست در قالب دیوی

Divi دارای امکانات و ویژگی هایی است که می توان با کمک آن ها اینگونه تست ها را به راحتی و سهولت انجام داد و بر اساس نتایج حاصل وب سایت را بهینه سازی کرد.

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

این مجموعه شامل تم های اضافی، افزونه عضویت در خبرنامه و جمع آوری  ایمیل کاربران (Bloom ) و همچنین Monarch (ابزاری عالی برای به اشتراک گذاری مطالب در رسانه های اجتماعی و جذب فالوور بیشتر) است.

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

رابط کاربری دیوی (User Interface)

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

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

رابط کاربری Divi بصری، فلت، زیبا، ساده، تمیز و مهمتر از همه سریع و بسیار کاربرپسند است.

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

در ورژن های جدید Elegant Themes تلاش زیادی برای افزایش کارایی قالب انجام داده است و کار با آن نیز بسیار راحت است.

مدیریت Divi builder بسیار ساده است.

برای ایجاد پیج ها (pages) کافیست که کاربر ابتدا “ساختار یا structure” دلخواه خود را در صفحه ایجاد کند ( برای انجام این کار کافیست روی علامت + کلیک کند و ساختار سطری مورد نظر خود را انتخاب کنید).

ایجاد ساختار دلخواه در دیوی

سپس لازم است که ماژول دلخواه خود را انتخاب نماید:

جستجو و انتخاب ماژول مورد نظر

پس از انتخاب ماژول مورد نظر در صورت نیاز می تواند آن را سفارشی سازی نماید و تغییرات لازم را اعمال کند.

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

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

بک اند یک صفحه در دیوی

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

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

نحوه عملکرد ویرایشگر دیوی بیلدر

سفارشی سازی عناصر و المان ها

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

تب های موجود در شکل زیر به عنوان بخشی از گزینه های سفارشی سازی هر عنصر وب سایت در دسترس کاربر است:

محتوا (Content)– با محتوای واقعی موجود در وب سایت سروکار دارد.

طراحی (Design)– پارامترهای مرتبط با مواردی مانند فاصله، اندازه، حاشیه، سایه، ترنزیشن، انیمیشن و غیره.

پیشرفته (Advanced)- قابلیت واکنش گرایی (ریسپانسیو)، کلاسهای CSS یا ID های برای استایل های سفارشی، CSS سفارشی، ترنزیشن ها، موقعیتها و جلوه های پیمایش (scroll effects)

گزینه های سفارشی سازی ماژول ها

تقسیم و قرار دادن آنها در چندین تب مجزا سبب می شود همه چیز تمیز و مرتب باشد و دسترسی به آن ها ساده تر شود.

به عنوان مثال، در تب Advanced، می توانید تصمیم بگیرید که آیا می خواهید فیچر واکنش گرایی (responsiveness) عنصر فعلی را تنظیم کنید یا اینکه می خواهید یک استایل سفارشی به آن اضافه کنید یا خیر.

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

این رابط کاربری یک رابط بسیار تمیز است که استفاده از آن برای کاربران لذت بخش است.

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

تنظیمات سطرها در دیوی

46 ماژول و المان برای طراحی وب سایت

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

ماژول های دیوی بیلدر

این ماژول ها بخش مهمی از ویژوال بیلدر Divi هستند. ماژول های مجزایی (جداگانه) برای عناصر مختلف page وجود دارد که بیشتر آنها را در مطالب قبل ذکر کردیم. شکل زیر نیز تصویر دیگری برای نشان دادن ماژول های موجود در دیوی است.

 ماژول های موجود در دیوی جهت طراحی سایت

ویژگی Undo

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

خاصیت undo با کمک تارخچه تغییرات در قالب دیوی

کاربران می توانند به سادگی از ctrl+Z یا command+Z برای بازگردانی آخرین اقدامات که انجام داده اند استفاده کنند.

سادگی استفاده

قبلاً بیان کردیم که چگونه می توان از ویژگی ها و امکانات مختلف Divi به سادگی استفاده کرد. اما  می خواهیم باز هم بر این نکته تاکید کنیم که استفاده از دیوی فراتر از حد تصور است.

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

آنها محصولاتی را ایجاد می کنند که استفاده از آنها برای همه آسان است.  چه برای اولین بار است که یک وب سایت با Divi ایجاد می کنید چه برای هزارمین بار، این کار ساده و شهودی است.

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

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

قابلیت حمل (Portability)

Divi بسیار قابل حمل (portable) است. با توجه به اینکه یکی از جوامع (کاربران) هدف آن طراحان و آژانس هایی هستند که مایل به استفاده مجدد از برخی مطالب (و طراحی ها) و انتقال آن بین وب سایت ها هستند، Divi انتقال طرح بندی ها (layouts) و سایر دارایی ها بین سایت های وردپرسی را تسهیل می کند.

دیوی قالبی چند منظوره

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

به عنوان مثال قالب های شرکتی برای وب سایت های شرکتی و سازمانی و نمایش اطلاعات و نمونه کارهای آن ها مورد استفاده قرار می گیرند.

قالب دیوی، قالبی چند منظوره و بسیار منعطف است.

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

لی اوت های  Divi و پیج تمپلیت ها

ویژگی دیگری که نیازمند توجه بیشتری است Divi Layouts و Page Template هاست.

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

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

اینجاست که Layout های سایت و قالب های صفحه (Page templates ) با طرح بندی های متفاوت یک فرمول برنده هستند.

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

زمینه های مختلف لی اوت پک ها در وب سایت الگانت تمز

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

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

هر یک از سایتهای کامل بالا دارای طرح بندی متفاوتی برای صفحات هستند که بسته به نظر کاربر یا طراح سایت می توان از آنها استفاده کرد و در صورت لزوم تغییراتی در آن ها ایجاد نمود و آن ها را سفارشی کرد.

معمولا این لی اوت ها به صورت مستقل یا در موقعیت های خاص مورد استفاده قرار می گیرند مانند:

  • صفحه نخست
  • وبلاگ
  • تک سایدبار (نوار کناری) یا مالتی سایدبار
  • بدون سایدبار
  • و سایر صفحات رایج

محتوای قابل استفاده مجدد

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

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

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

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

این عمل سبب صرفه جویی زیادی در زمان می شود.

زبان و RTL

قالب وردپرس Divi  قالبی چند زبانه فعال است. elegant themes از مدت ها قبل درک کرده است که این موضو ع از ویژگی های مهم هر محصول است و تم Divi را به طور کامل به 32 زبان مختلف ترجمه کرده است!

قابلیت چند زبانه در دیوی به طور کامل پشتیبانی می شود.

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

تصویر زیر این زبان ها را نشان می دهد که متاسفانه زبان فارسی در میان آن ها موجود نیست.

زبان های RTL در دیوی

دیوی تم بیلدر (Divi Theme Builder)

قبلا به بررسی مختصر دیوی تم بیلدر پرداختیم اما بیایید نگاه عمیق تری به Divi تم بیلدر که از ویژگی های جدید Divi ورژن 4 است داشته باشیم.

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

همانطور که از نامش پیداست، اکنون می توانید از تم بیلدر Divi برای سفارشی سازی همه و هر قسمتی از وب سایت خود استفاده کنید. زیبایی این امر آن است که شما هنوز از همان ابزارهای divi builder که از قبل می شناسید و آن ها را دوست دارید استفاده می کنید!

به عبارت دیگر برای این کار نیازی به یادگیری سیستم جدیدی نیست.

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

در ادامه به بررسی برخی ویژگی های تم بیلدر و طریق دسترسی به آن می پردازیم.

Divi ورژن 4 و تم بیلدر : چه چیزی جدید است؟

در بیشتر موارد، تغییرات بسیار کمی در نحوه استفاده از Divi Theme Builder نسبت به Divi Page Builder ایجاد شده است.

می توانید به هر نوع پست تایپ پشتیبانی شده بروید و طبق معمول آنها را با استفاده از divi builder مرسوم ویرایش کنید.

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

اگر از Divi قبل از نسخه 3 استفاده نکرده اید اصلا اهمیتی ندارد و به راحتی می توانید همه چیز را درک کنید. تغییرات نسبت به ورژن 3 وجود دارد، اما این تغییرات جزئی هستند و به راحتی می توانید راه خود را پیدا کنید.

تنها تغییرات عمده تم بیلدر است.

منوی Divi در داشبورد مدیریت وردپرس در وردپرس ورژن 4 به بعد دارای یک آیتم فرعی (زیر منو) به نام “Theme Builder” است، جایی که بخش عمده تغییرات نسبت به نسخه های قدیمی تر را می توان در آن یافت.

دسترسی به زیر منوی theme builder در بخش تنظیمات قالب دیوی

کنترل کامل تمامی بخش های وب سایت

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

شکل محیط تم بیلدر

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

ما در این بخش یک Global Header و Global Footer و یک تمپلیت هم برای نوشته های و دسته ها تعریف کردیم که به ترتیب به هدر و فوتر تمام قسمت های وب سایت، تمامی پست ها (نوشته ها) و تمام صفحات دسته بندی اعمال می شود و در آن ها نمایش داده می شود.

محیط اصلی دیوی تم بیلدر

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

همانطور که می بینید، با تم بیلدر می توان هر برگه یا هر قسمتی از یک وب سایت را طراحی نمود.

این قدرت تم بیلدر دیوی است که در نسخه های جدید Divi وجود دارد.

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

سرنخ ها در دیوی ( divi leads )

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

اما Divi با استفاده از ابزار Divi Leads که دارای آزمایش اسپلیت یا  «بلوک بندی تصادفی» نیز هست است، از این هم فراتر می رود.

نکته: در اسپلیت تست دو محیط یکسان (با یک تغییر در یکی از آن دو) ایجاد می کنیم و تاثیر آن تفاوت را بررسی می کنیم. در واقع دو صفحه اینترنتی مشابه هم طراحی می نماییم بطوریکه تفاوت آن ها اندک باشد و آنگاه تاثیر آن تفاوت را  مورد بررسی قرار می دهیم.

تسلت اسپلیت راه حلی برای انجام آزمایش معروف A/B test است.

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

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

نمونه از یک تست اسپلیت (که با دیوی انجام شده است) را در شکل زیر مشاهده می کنید.

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

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

در واقع، همه آنچه برای انجام دقیق آزمایش بهینه سازی lead-generation (جذب مخاطب) نیاز دارید را دیوی در اختیار شما قرار می دهد.

توجه داشته باشید که سرویس هایی که چنین آزمایش هایی را انجام می دهند معمولاً برای این کار هزینه های زیادی را به صورت اشتراک ماهانه دریافت می کنند، بنابراین کار با قالب دیوی در این امر نیز باعث صرفه جویی زیادی در هزینه شما می شود!

انجام تست اسپلیت با قالب دیوی

اسپلیت تست در Divi Builder ادغام شده است.

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

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

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

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

بحث مفصل در خصوص A/B test ، تست اسپلیت و لید جنریشن نیاز به یک مقاله جداگانه و مفصل دارد. به همین دلیل پیشنهاد می کنیم به مطالعه مقاله دیگری در وب سایت که در آن به بررسی دیوی لید پرداخته ایم بپردازید تا فهم بیشتری در خصوص طریقه کار سیستم بهینه سازی Divi Lead بدست آورید.

آیا Divi برای سئو خوب است؟

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

دیوی کاملا seo friendly است و با جدیدترین تکنولوژی ها و به بهترین نحو ممکن پیاده سازی شده و با بالاترین استانداردها توسعه داده شده است و به جرات می توان گفت که جزء بهترین قالب ها از نظر سئو می باشد.

البته ما در دیوی مارکت همواره یک افزونه کش خوب مانند WP Rocket یا W3 Total Cache  به همراه یک افزونه SEO خوب مانند Yoast یا MathRank یا SEOPress را توصیه می کنیم تا به شما در به حداکثر رساندن سرعت لود صفحات و افزایش رتبه سایت در موتورهای جستجو کمک کنند.

به طور کلی تمامی پیج بیلدرها (دیوی پیج بیلدر، المنتور و …)، بر شرت کدها (کدهای کوتاه) متکی هستند و می توانند Code bloat (برای مطالعه بیشتر در این خصوص می توانید به ویکی پدیای فارسی یا wikipedia انگلیسی مراجعه کنید) ایجاد کنند اما این مساله معمولاً برای اکثر افراد مشکلی ایجاد نمی کند.

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

قابلیت ها و امکانات قالب Divi

قالب divi دارای امکانات متعددی است که آن را از سایر قالب ها و تم های وردپرسی متمایز می نماید. در بخش های قبل به برخی از آن ها اشاره کردیم اما جهت آشنایی بیشتر با این امکانات و ویژگی ها در ادامه به بررسی و معرفی تعداد بیشتری از آن ها می پردازیم:

ویرایش لحظه ای بصری و سریع پیج ها و مشاهده همزمان تغییرات

دیوی پیج بیلدر به کاربران این امکان را می دهد که در یک محیط کاملاً گرافیکی بتوانند چیدمان صفحات را تغییر دهند و عناصر غیرضروری را حذف و المان های مدنظر خود را به صفحات اضافه نمایند.

وجود طرح های آماده فراوان و همچنین بصری بودن طراحی سبب می شود که کاربر بدون داشتن دانش خاصی در کد نویسی طراحی را انجام دهد.

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

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

در هر لحظه می توانید به سادگی هر چه تمام تر ردیف ها، ستون ها و محتوای دلخواه خود را ایجاد و همزمان تغییرات ایجاد شده را مشاهده نمایید.

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

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

قابلیت Drag & Drop (کشیدن و رهاکردن) برای طراحی صفحات

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

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

امکان سفارشی سازی تمامی بخش ها

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

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

تمامی تغییرات انجام شده به صورت لحظه ای نمایش داده می شوند.

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

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

تغییر عرض و ارتفاع از طریق کشیدن

آیا میخواهید عرض یک عنصر یا ارتفاع را تغییر دهید؟

برای اینکار نیازی به درگیری با مباحث فنی و یا استفاده از کد برای تغییر margin یا padding ندارید.

با قابلیت های موجود در صفحه ساز قالب Divi به ذاحتی می تواند در ابعاد یک عنصر تغییر ایجاد کنید.

تنظیمات عالی و کاملا منعطف برای طراحی هدر (سربرگ) و فوتر

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

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

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

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

Header style

امکا تغییر اندازه سربرگ و سفارشی سازی فهرست از دیگر امکاناتی است که دیوی در اختیار شما قرار می دهد.

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

  • ناوبری افقی یا عمودی
  • تغییر اندازه هدر و فوتر
  • تغییر در اندازه نمایش لوگو
  • امکان تنظیم رنگ ها
  • استفاده از سربرگ شفاف یا transparent
  • مخفی کردن سربرگ پیش از اسکرول (حر کت عمودی در صفحات)
  • استایل های مختلف ناوبری

قابلیت نمایش و حذف سایدبار و تنظیم اندازه آن

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

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

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

 Sidebar-width-and-content.png

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

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

المان و ماژول های مختلف و کاربردی

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

این المان ها و ماژول ها بسیار پیشرفته و کاربردی هستند و امکانات و ویژگی های متعددی دارند که آن ها را بسیار انعطاف پذیر و موثر می نماید.

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

برخی از این المان ها و ماژول ها عبارتند از:

  • متن
  • صوت
  • ویدئو
  • تصاویر
  • گالری تصاویر
  • وبلاگ
  • نقشه
  • تب
  • دیوایدر (جداکننده)

در شکل زیر تعدادی از این المان ها را مشاهده می نمایید:

DIVI-3.png

امکان تنظیم و سفارشی سازی حاشیه‌ها

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

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

فیلترها و افکت‌ها

هر کدام از ماژول ها در دیوی دارای تنظیمات مرتبط با فیلترها و افکت هاست.

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

این ویژگی بی نظیر شامل فیلترهای تنظیم رنگ و تغییر خلوص آن ها، میزان روشنایی، کنتراست، معکوس سازی، blur و … می باشد.

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

پشتیبانی از گوتنبرگ

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

ویرایشگر پیشرفته کدها

دیوی دارای ویرایشگر کد بسیار قدرتمندی است که تمامی ویژگی های یک ویرایشگر کد قدرتمند را داراست.

نوشتن و ویرایش کدهای css، جاوا اسکریپت و php با استفاده از این ویرایشگر لذت بخش و آسان است. هایلایت‌ سینتکس ها، گزارش خطاها، تکمیل کننده اتوماتیک، انتخاب چندخطی، قابلیت جستجو و همچنین جستجو و جایگذاری (find and replace) تنها بخشی از ویژگی های منحصر به فرد ویرایشگر کد قالب Divi است.

همچنین به هنگام طراحی با استفاده از ماژول کد divi می توانید به هر المان و یا صفحه‌ای کدهای دلخواه و سفارشی خود را اضافه کنید.

خاصیت واکنشگرایی (ریسپانسیو) حتی در زمان طراحی

دیوی قالبی کاملا responsive و واکنش گراست و برای دیوایس های مختلف (دسکتاپ، موبایل و تبلت) و رزلوشن آن ها به بهترین شکل ممکن طراحی و بهینه شده است.

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

امکان مشاهده نسخه های دسکتاپ، موبایل و تبلت همزمان با طراحی سبب می شود که بتوان همزمان با طراحی تغییرات لازم را در هر نسخه ایجاد و خروجی آن را مشاهده کرد.

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

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

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

تمپلیت ها و طرح های آماده

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

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

این طرح ها که در اصطلاح به آن ها layout pack گفته می شود مستقیما از مخزن divi با استفاده از Visual Builder قابل بارگذاری هستند. هر کدام از این لی اوت ها دارای 6-9 صفحه است.

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

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

قابلیت درون ریزی و برون ریزی و تهیه بک آپ (نسخه پشتیبان) از اطلاعات وبسایت

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

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

امکان تهیه نسخه های قابل استفاده مجدد (Reuseable) از هر بخش

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

divi حتی این امکان را به فرد می دهد که بتواند از هر سطر، ستون یا المان و یا کل یک صفحه خروجی تهیه کرده (export) و یک نسخه از آن را بر روی کامپیوتر خود ذخیره کند و در طراحی های بعدی خود در وب سایت های دیگر از آن ها استفاده نماید (import).

پنل تنظیمات قدرتمند و کاربردی

علاوه بر سفارشی سازی با استفاده از قابلیت Theme Customizer در وردپرس قالب divi دارای پنل تنظیمات قدرتمند و اختصاصی است موسوم به Theme Option مجهز است.

استفاده از پنل تنظیمات قالب Divi آسان بوده و گزینه های متعددی را داراست که با استفاده از آن ها می توان برخی ویژگی ها و تنظیمات وب سایت را فعال یا غیرفعال کرد یا برخی امکانات را تغییر داد و سفارشی نمود.

پشتیبانی از RTL

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

این موضوع نه تنها در بخش فرانت اند وجود دارد بلکه تمامی بخش های دیوی پیج بلیدر نیز قابلیت نمایش به صورت RTL را دارا هستند.

سایر ویژگی های قالب وردپرس دیوی

  • دارای پیج بیلدر بسیار قدرتمند گرافیکی و عدم نیاز به کدنویسی
  • کاملا بهینه شده برای موتورهای جستجو و دارای قابلیت سئوی قدرتمند
  • دارای سرعت لود بسیار سریع
  • امکان بارگذاری و قرار دادن نمونه کار همراه با طرح های بسیار زیبا و خلاقانه
  • هماهنگی کامل با افزونه محبوب ووکامرس برای طراحی و راه اندازی فروشگاه اینترنتی
  • کاملا ریسپانسیو و واکنش گرا در انواع دیوایس ها و ابزارها (دسکتاپ، تبلت، موبایل و …)
  • لود بدون مشکل و نمایش بی نقص قالب در همه مرورگرها و همچنین و دیوایس ها و ابزارهای مختلف
  • دارای شمارنده های بسیار زیبا و گرافیکی
  • دارای بیش از 40 المان و ماژول متفاوت برای طراحی و ساخت پیج ها و صفحات
  • امکان درج و بهره گیری از نقشه گوگل در صفحات وبسایت
  • دارای جداول قیمت گذاری محصولات و خدمات
  • دارای فرم خبرنامه با قابلیت سفارشی سازی جهت جمع آوری ایمیل کاربران وب سایت
  • پشتیبانی از کپچا جهت جلوگیری از ورود اسپمرها به سایت
  • دارای اسلایدرها حرفه ای چه به صورت تصویر و چه ویدئویی
  • دارای گالری تصاویر حرفه ای با طرح ها زیبا و متفاوت
  • دارای طرح ها و تمپلیت ها آماده و کاربردی
  • دارای قابلیت سفارشی سازی کامل و دلخواه پیج ها، صفحات و بخش های مختلف قالب و دارای امکانات کامل و گسترده جهت این امر
  • دارای قابلیت ساخت منوهای عمودی و پشتیبانی از مگامنو
  • دارای تایمرهای زمان معکوس زیبا
  • دارای پنل تنظیمات اختصاصی، بسیار قدرتمند و انعطاف پذیر
  • کدنویسی استاندارد و مطابق با جدیدترین فناوری های روز
  • پشتیبانی کامل از شرت کد های وردپرس  (کدهای کوتاه وردپرس که امکان نمایش یا قابلیتی خاص را فراهم می نمایند. در واقع شرت کدها قطعه کدهایی کوتاهی هستند که به کاربر امکان اجرای توابع و دستوراتی متعلق به پلاگین های وردپرس و یا توابع و قطعه کدهایی که در فایل functions.php قالب سایت قرار دارند را فراهم می نماید)
  • دارای امکانات مختلف برای شخصی سازی کامل پوسته
  • دارای قابلیت تغییر کامل پس زمینه وبسایت
  • مجهز بودن به صفحات مختلف برای نمایش وبلاگ
  • دارای قابلیت سفارشی سازی ماژول ها
  • دارای divider (دیوایدر یا جداکننده) های زیبا و متنوع برای جدا سازی بخش های مختلف صفحات
  • دارای خاصیت scroll effect و نمایش افکت ها مختلف تصاویر در زمان اسکرول صفحه
  • درای تنظیمات لود تصاویر و متون به شکل انیمیشن و جلوه های مختلف بصری
  • پشتیبانی کامل از زبان های RTL
  • امکان ترجمه سریع و آسان قالب
  • مجهز به پلیر بسیار زیبا و حرفه ای موزیک
  • نصب و راه اندازی آسان و سریع بدون نیاز به دانش برنامه نویسی و کدنویسی
  • دارای امکان افزودن فونت فارسی به قالب و همچنین استفاده از فونت های گوگل و فونت آیکون های جذاب در تمامی بخش های قالب و page ها
  • سازگاری و هماهنگی کامل با جدیدترین نسخه های cms وردپرس و آپدیت های منظم قالب جهت سازگاری همیشگی
  • سازگار کامل با فروشگاه ساز محبوب و بی نظیر ووکامرس
  • هماهنگی کامل با افزونه های سئو و بهینه سازی وردپرس مانندYoast SEO  
  • هماهنگی کامل با افزونه های کاربردی سیستم مدیریت محتوای وردپرس
  • پشتیبانی کامل و همه جانبه از ابزارک های محبوب وردپرس و دارا بودن ویجت های اختصاصی و در عین حال کاربردی
  • سازگاری کامل و هماهنگی با همه فرم سازهای استاندارد وردپرس مانند contact form 7 و گرویتی فرم
  • پشتیبانی و سازگای کامل قالب از صفحه سازهای محبوب وردپرس 

قالب دیوی برای طراحی چه وبسایت هایی مناسب است ؟

Divi یکی از بهترین قالب های وردپرسی دنیا با ویژگی ها و قابلیت های منحصر به فرد است.

همانگونه که قبلا نیز بیان کردیم قالب Divi قالبی چند منظوره است و می توان از آن برای طراحی انواع وب سایت ها استفاده کرد. برای تاکید بر این مساله باز هم بیان می کنیم که وب سایت های زیر را می توان با این قالب طراحی و راه اندازی نمود:

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

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

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

ویژگی نسخه ارائه شده توسط دیوی مارکت

  • نسخه اصلی (اورجینال) و پریمیوم قالب دیوی با تمامی امکانات همراه با لایسنس معتبر اورجینال الگانت تمز
  • کاملا فارسی و راستچین سازی شده (با ترجمه دقیق و اصولی) باهیچگونه دستکاری در ساختار قالب دارای دو نسخه (در نسخه اول فقط فرانت اند ترجمه و فارسی سازی شده و در نسخه دوم علاوه بر فرانت اند سایر بخش های قالب نیز فارسی شده است [مخصوص کاربران حرفه ای و کسانی که نمی خواهند تمامی بخش ها مانند پیج بیلدر و … فارسی شده باشد])
  • دارای فایل ها و افزونه های مورد نیاز پوسته
  • دارای آخرین و جدیدترین بروزرسانی های پوسته همزمان با آپدیت های Elegant Themes
  • دارای آموزش ویدئویی کامل قالب
  • مجموعه ای از ویژگی ها و امکانات کلیدی دیگر
  • نصب و راه اندازی رایگان توسط divimarket
  • پشتیبانی رایگان و همه جانبه دیوی مارکت

نکته بسیار مهم:

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

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

2 Comments

  1. علی عالمی

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

    Reply
    • دیوی مارکت

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

      Reply

Submit a Comment

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