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

كيفية إضافة وحدة Divi Text

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

ديفي البناء

بمجرد دخولك إلى Visual Builder ، يمكنك النقر فوق زر علامة الجمع الرمادي لإضافة وحدة نمطية جديدة إلى صفحتك. لا يمكن إضافة الوحدات النمطية الجديدة إلا داخل الصفوف. إذا كنت تبدأ صفحة جديدة ، فتذكر إضافة صف إلى صفحتك أولاً.

أدخل وحدة divi.png

حدد موقع وحدة النص في قائمة الوحدات وانقر عليها لإضافتها إلى صفحتك. قائمة الوحدات قابلة للبحث ، مما يعني أنه يمكنك أيضًا كتابة كلمة "نص" ثم النقر فوق إدخال للعثور تلقائيًا على وحدة النص وإضافتها! بمجرد إضافة الوحدة ، سيتم الترحيب بك من خلال قائمة خيارات الوحدة. تنقسم هذه الخيارات إلى ثلاث مجموعات رئيسية: محتويات , تصور et متقدم .

خيارات المحتوى

خيارات وحدة النص divi.png

محتوى نصي

هذا الحقل هو المكان الذي يمكنك فيه إدخال محتوى الجسم لوحدتك. يمتد محتوى النص على كامل عرض العمود الذي يوجد فيه.

إذا تم وضع النص على خلفية داكنة ، فيجب ضبط لون النص على "Dark". ومع ذلك ، إذا تم وضع النص على خلفية فاتحة ، فيجب ضبط لون النص على "فاتح".

لون الخلفية

هنا يمكنك اختيار لون الخلفية لوحدة النص الخاصة بك.

صورة الخلفية

هنا يمكنك اختيار صورة خلفية لوحدة النص الخاصة بك.

علامة المسؤول

بشكل افتراضي ، ستظهر وحدة النص الخاصة بك مع تصنيف يقرأ "نص" في المنشئ. تسمح لك علامة المسؤول بتغيير هذه العلامة لتسهيل التعرف عليها.

خيارات التصميم

divi.png خيارات التصميم

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

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

خيارات avancées

خيارات متقدمة divi.png

استخدم الخيارات المتقدمة لمنح معرفات مخصصة للوحدة النصية وفئات CSS. أضف CSS مخصصًا لتصميم متقدم وحدد رؤية الوحدة على بعض الأجهزة.

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

[vc_row center_row = "نعم"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expand "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”] DOWNLOAD DIVI THEME [/ vcex_button] [/ width_column] [= vc_column] / 1 ″] [vcex_button url = ”https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=2&url=23065&tid40632=tutorials” target = ”blank” layout = ”توسيع” align = ”center” font_family = ”Raleway” font_weight = ”1 ″ style =” flat ”custom_background =” # c700e ”custom_hover_background =” # 4226d8f ”custom_color =” # ffffff ”custom_hover_color =” # ffffff ”icon_right =” fa fa-download ”] تنزيل TEMPLATES DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

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