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

Divi Builder به دو صورت وجود دارد: "Back-end Builder" استاندارد و "Visual Builder". هر دو رابط به شما امکان می دهد که دقیقاً همان نوع وب سایتها را با همان مطالب و پارامترهای طراحی یکسان بسازید. تنها تفاوت در رابط کاربری است. Back-end Builder در داخل داشبورد وردپرس زندگی می کند و با سایر تنظیمات استاندارد وردپرس قابل دسترسی است.

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

دانلود تم وردپرس DIVI

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

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

نحوه فعال سازی Visual Builder

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

اگر صفحه خود را در داشبورد ویرایش می کنید ، می توانید با کلیک بر روی دکمه "Enable Visual Builder" که در بالای رابط پشتی Divi Builder قرار دارد ، به سازنده ویژوال بروید (توجه داشته باشید که ابتدا باید Divi Builder را قبل از ظاهر شدن دکمه سازنده بصری فعال کنید).

اصول Visual Builder

قدرت Divi در Visual Builder نهفته است ، سازنده صفحه ای که با "Drag And Drop" کار می کند و به شما امکان می دهد با ترکیب و ترتیب بخشیدن به محتوای مختلف ، هر نوع وب سایتی را بسازید.

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

بخش ها

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

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

ردیف

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

ماژول ها

ماژول ها همان محتوایی هستند که وب سایت شما را تشکیل می دهند. هر ماژول Divi می تواند با هر عرض ستون سازگار شود و همه آنها کاملاً پاسخگو هستند.

صفحه اول خود را بسازید

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

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

قبل از اینکه چیزی به صفحه خود اضافه کنید ، ابتدا باید بخشی را اضافه کنید. با کلیک بر روی دکمه آبی (+) می توان بخشها را اضافه کرد. وقتی روی بخشی که از قبل در صفحه وجود دارد بروید ، یک دکمه آبی (+) در زیر ظاهر می شود. وقتی کلیک می کنید ، بخش جدیدی به زیر بخشی که در حال حاضر روی آن می روید اضافه می شود.

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

خط اول خود را اضافه کنید

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

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

اضافه کردن اولین ماژول

ماژول ها می توانند در داخل ردیف ها اضافه شوند و هر ردیف می تواند حاوی تعداد مدول های مختلف باشد. ماژول ها عناصر محتوای صفحه شما هستند و Divi دارای بیش از 40 عنصر مختلف است که می توانید برای ساخت آنها استفاده کنید.

می‌توانید از ماژول‌های اولیه مانند متن‌ها، تصاویر و دکمه‌ها یا ماژول‌های پیشرفته‌تر مانند اسلایدرها، گالری‌های نمونه کارها و تجارت الکترونیک مغازه ها.

برای افزودن یک ماژول ، روی دکمه خاکستری (+) که در داخل یک ستون خالی وجود دارد کلیک کنید یا روی دکمه خاکستری (+) که هنگام حرکت دادن ماژول روی صفحه وجود دارد کلیک کنید تا یک ماژول جدید در زیر اضافه کنید . هنگامی که بر روی دکمه کلیک کنید ، لیستی از ماژول ها به شما خوش آمد می گوید.

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

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

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "مسطح" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] دانلود تم DIVI [/ vcex_button] [/vcex_button] [um»_cum] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffrightnfaff" DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

سایر آموزشهای دوگانه

اقلام مشابه را

2 نظرات

ماسیمیلیانو در 23 ژانویه 2021 ساعت 9:55 ق.ظ

Chiedo scusa se non è la sezione esatta ma non riesco a visualizzare le mie pagine create con visual visual divir attraverso il suo tema se non tengo attivato il visual builder divi، altrimenti non vedo la formatttazione delle pag. با استفاده از چرخ دنده قابل استفاده توسط xammp per vedere il mio sito در محلی استفاده کنید. Grazie e buon lavoro.
پاسخ
زنی ایروان در 21 آگوست 2020 در 19 ساعت 25 دقیقه

اجازه درخواست مسایل مربوط به بخش divi از مدیر من ، نحوه حل موضوع divi را که نمی توان تغییر داد (مولد divi را نمی توان کلیک کرد ، فقط به طور متقابل) همه از زمان شروع شروع کردم فایل htaccess را ویرایش کرد تا url را از http به https هدایت کند ، در نتیجه خطایی رخ داد ، من نمی توانم وارد منطقه مدیریت شوم و پشتیبان تهیه نکردم ، به طور خلاصه ، من قادر به وارد قسمت مدیریت وردپرس شوید و ظاهر وب سایت کمی تغییر کرده باشد ، سپس من وارد سازنده divi (page) شدم و این جایی است که اگر شما فقط حلقه ها را حل کنید می خواهم ، من واقعاً امیدوارم مدیر BlogPascher راه حلی ارائه دهد. متشکرم
پاسخ

پوستر تفسیر Annuler لا واکنش

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

نحوه استفاده از پلاگین Divi Builder در وردپرس