ديفي هي بالتأكيد واحدة من وورد المواضيع الأكثر شعبية في الوقت الحاضر. أحد العناصر التي تشكل قوة هذا الموضوع هو منشئه (Divi Builder) ، والذي يذكرنا كثيرًا ب الملحن البصري.

يأتي Divi Builder في شكلين: "Back-End Builder" القياسي و "Visual Builder". تسمح لك كلتا الواجهتين بإنشاء نفس أنواع مواقع الويب بالضبط بنفس أجزاء المحتوى ونفس معايير التصميم. الاختلاف الوحيد هو الواجهة. يعيش مُنشئ النهاية الخلفية داخل لوحة معلومات WordPress ويمكن الوصول إليه باستخدام جميع إعدادات WordPress القياسية الأخرى.

وهو موجود داخل واجهة مستخدم WordPress ويحل محل محرر النشر القياسي في WordPress. من الرائع إجراء تغييرات سريعة أثناء وجودك داخل لوحة المعلومات ، ولكنها أيضًا مقيدة بلوحة القيادة ويتم تقديمها كتمثيل ممتلئ لموقع الويب الخاص بك. سيركز هذا البرنامج التعليمي فقط على المنشئ المرئي.

تنزيل DIVI WordPress Theme

من ناحية أخرى ، يتيح لك Visual Builder الجديد تمامًا إنشاء صفحاتك على الواجهة الأمامية لموقع الويب الخاص بك! إنها تجربة مدهشة وتسمح بتصميم أسرع بكثير. عند إضافة محتوى أو ضبط إعدادات التصميم داخل المنشئ المرئي ، تظهر تغييراتك على الفور.

يمكنك النقر على الصفحة وبدء الكتابة. يمكنك تسليط الضوء على النص وضبط الخط والنمط. يمكنك إضافة محتوى جديد وبناء صفحتك ومشاهدة كل ما يحدث أمام عينيك.

كيفية تمكين Visual Builder

عندما تقوم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك ، يمكنك الانتقال إلى أي صفحة في الواجهة الأمامية لموقع الويب الخاص بك والنقر فوق الزر "تنشيط Visual Builder" في شريط إدارة WordPress لتشغيل المنشئ. المرئية.

إذا كنت تقوم بتحرير صفحتك على لوحة القيادة ، فيمكنك التبديل إلى المنشئ المرئي بالنقر فوق الزر "تمكين Visual Builder" الموجود أعلى واجهة الواجهة الخلفية لـ Divi Builder (لاحظ أنه يجب عليك أولاً قم بتنشيط Divi Builder قبل ظهور زر Visual Builder).

أساسيات Visual Builder

تكمن قوة Divi في Visual Builder ، وهو منشئ الصفحات الذي يعمل مع "السحب والإفلات" الذي يسمح لك ببناء أي نوع من مواقع الويب من خلال الجمع بين أجزاء المحتوى وترتيبها.

يستخدم المنشئ ثلاث كتل بناء رئيسية: الأقسام والصفوف والوحدات النمطية. يتيح لك استخدامها في انسجام إنشاء عدد لا يحصى من التخطيطات. الأقسام هي أكبر كتل البناء وتضم مجموعات من الصفوف. توجد الصفوف داخل الأقسام وتستخدم لإيواء الوحدات النمطية. يتم وضع الوحدات داخل الصفوف. هذا هو هيكل كل موقع Divi.

لإعادة التشكيل

أبسط وأكبر كتل البناء المستخدمة في تصميم المخططات باستخدام Divi هي الأقسام. يتم استخدامها لإنشاء مجموعات كبيرة من المحتوى ، وهذا هو أول شيء تضيفه إلى صفحتك. هناك ثلاثة أنواع من الأقسام: العادية ، والمتخصصة ، والعرض الكامل.

تتكون الأقسام العادية من صفوف من الأعمدة بينما تتكون الأقسام ذات العرض الكامل من وحدات عرض كامل تعمل على توسيع عرض الشاشة بالكامل. تسمح الأقسام الخاصة بتخطيطات جانبية أكثر تقدمًا.

صف

توجد الصفوف داخل الأقسام ويمكنك وضع أي عدد من الصفوف داخل قسم. هناك العديد من أنواع الأعمدة المختلفة للاختيار من بينها. بمجرد تحديد بنية العمود للصف الخاص بك ، يمكنك بعد ذلك وضع الوحدات النمطية في العمود المطلوب. لا يوجد حد لعدد الوحدات النمطية التي يمكنك وضعها في عمود.

الوحدات

الوحدات النمطية هي أجزاء المحتوى التي يتكون منها موقع الويب الخاص بك. يمكن أن تتكيف كل وحدة Divi مع أي عرض عمود وكلها تستجيب بشكل كامل.

بناء صفحتك الأولى

تُستخدم الكتل البرمجية الإنشائية الأساسية الثلاثة (الأقسام والخطوط والوحدات النمطية) لإنشاء صفحتك.

إضافة القسم الأول الخاص بك

قبل أن تتمكن من إضافة أي شيء إلى صفحتك ، ستحتاج إلى إضافة قسم أولاً. يمكن إضافة الأقسام من خلال النقر على الزر الأزرق (+). عندما تحوم فوق قسم موجود بالفعل في الصفحة ، سيظهر زر أزرق (+) أدناه. عند النقر ، ستتم إضافة قسم جديد أسفل القسم الذي تحوم فوقه حاليًا.

إذا قمت ببدء صفحة جديدة ، فسيتم إضافة القسم الأول تلقائيًا.

مضيفا السطر الأول الخاص بك

بعد إضافة القسم الأول ، يمكنك البدء في إضافة صفوف من الأعمدة بالداخل. يمكن أن يحتوي القسم على أي عدد من الصفوف ، ويمكنك مزج الصفوف ومطابقتها من أنواع مختلفة من الأعمدة لإنشاء مجموعة متنوعة من التخطيطات.

لإضافة صف ، انقر فوق الزر الأخضر (+) داخل قسم فارغ ، أو انقر فوق الزر الأخضر (+) الذي يظهر عند التمرير فوق الصف الحالي لإضافة صف جديد أدناه. بمجرد النقر فوق الزر الأخضر (+) ، سيتم الترحيب بك بقائمة أنواع الأعمدة. اختر العمود الذي تختاره وأنت على استعداد لإضافة الوحدة الأولى الخاصة بك.

إضافة الوحدة الأولى الخاصة بك

يمكن إضافة الوحدات النمطية داخل الصفوف ، ويمكن أن يحتوي كل صف على أي عدد من الوحدات النمطية. الوحدات النمطية هي عناصر محتوى صفحتك ، وتأتي Divi مع أكثر من 40 عنصرًا مختلفًا يمكنك استخدامها للبناء.

يمكنك استخدام الوحدات الأساسية مثل النصوص والصور والأزرار أو وحدات أكثر تقدمًا مثل Sliders و Portfolios Galleries و التجارة الإلكترونية محلات.

لإضافة وحدة نمطية ، انقر فوق الزر الرمادي (+) الموجود داخل عمود فارغ أو انقر فوق الزر الرمادي (+) الموجود عند التمرير فوق وحدة في الصفحة لإضافة وحدة نمطية جديدة أدناه . بمجرد النقر فوق الزر ، سيتم الترحيب بك بقائمة من الوحدات.

اختر الوحدة النمطية التي تختارها وستضاف إلى صفحتك وستظهر لوحة تحكم الوحدة. باستخدام لوحة التحكم هذه ، يمكنك البدء في تكوين الوحدة النمطية الخاصة بك.

هذا كل شيء في هذا البرنامج التعليمي. مع ما تعلمته اليوم ، ستتمكن من إنشاء تخطيط باستخدام Divi. سنعود مع دروس متقدمة حول هذا الموضوع. يمكنك بالفعل تنزيل ملف موضوع ديفي.

[vc_row center_row = "نعم"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" selected "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] قم بتنزيل موضوع DIVI [/ vcex_button] [/ width_cumnol] [] [vc_cull] »1/2 ″] [vcex_button url =" https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=23065&url=40632&tid1=tutorials "target =" blank "layout =" expand "align =" center " font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right =" fa fa-download "] DOWNLOAD TEMPLATES DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

دروس ديفي أخرى

سلع مماثلة

2 تعليقات

ماسيميليانو على شنومكس يناير شنومكس إلى شنومكس h شنومكس دقيقة

Chiedo scusa se non è la sezione esatta ma non riesco a visualizzare le mie pagine إنشاء يخدع منشئ بصري divi attraverso il suo tema se non tengo attivato il visual builder divi ، altrimenti non vedo la formattazione delle pag. Uso محلي بواسطة دولاب الموازنة oppure xammp لكل vedere il mio sito in locale. Grazie e buon lavoro.
الرد
زيني إيراوان يوم 21 أغسطس 2020 الساعة 19 ح 25 دقيقة

إذن لسؤال المسؤول عن المشكلات التي أواجهها فيما يتعلق بموضوع divi ، وكيفية إصلاح سمة divi التي لا يمكن تغييرها (لا يمكن النقر فوق منشئ divi ، فقط بشكل متبادل) كل شيء بدأ عندما قمت بتحرير ملف .htaccess لإعادة توجيه عنوان url من http إلى https ، ونتيجة لذلك حدث خطأ ، ولم أتمكن من الدخول إلى منطقة الإدارة ولم يكن لدي النسخة الاحتياطية ، باختصار ، تمكنت أدخل منطقة المسؤول في WordPress ، وقد تغير شكل موقع الويب قليلاً ، ثم دخلت إلى أداة إنشاء الصفحة divi (الصفحة) وهذا هو المكان الذي تدور فيه المشكلة في الدوائر فقط إذا تريد ، آمل حقًا أن يقدم مشرف BlogPascher حلاً. اشكرك
الرد

إرسال مراجعة إلغاء الرد

هذا الموقع يستخدم Akismet للحد من غير المرغوب فيها. تعرف على المزيد حول كيفية استخدام بيانات التعليقات الخاصة بك.

كيفية استخدام البرنامج المساعد Divi Builder على WordPress