لبدء تخصيص تخطيط وطباعة ملف موقع انترنت، يجب عليك أولاً الوصول إلى "مُخصص القوالب" بالنقر فوق الارتباط Divi> موضوع مخصص على لوحة تحكم WordPress الخاصة بك. سيؤدي هذا إلى تشغيل أداة التخصيص. ثم ابحث عن لوحة "الإعدادات العامة". انقر فوق اللوحة لفتح الإعدادات المناسبة وبدء التخصيص. في لوحة "الإعدادات العامة" ، ستلاحظ ثلاثة أقسام: إعدادات التخطيط ، والطباعة ، والخلفية.
إعدادات التخطيط
تسمح لك لوحة التخطيط بضبط خيارات تغيير الحجم والتباعد الخاصة بك موقع انترنت. هنا يمكنك زيادة أو تقليل التباعد بين الأعمدة والصفوف والأقسام وضبط حجم الشريط الجانبي. يمكنك أيضًا تمكين وضع Boxed Layout من هذه اللوحة.
تمكين تخطيط التعشيش
هنا يمكنك تعديل موقعك في تنسيق مربع يحدد محتوى موقعك ويكشف خلفية يمكن تخصيصها.
عرض محتوى الموقع
هذا هو المكان الذي يمكنك فيه تعيين الحد الأقصى لعرض قسم المحتوى الخاص بك. نظرًا لأن المحتوى الخاص بك على تنسيق سريع الاستجابة ، فسيتم ضبطه على أحجام أصغر ولكنه لن يتوسع أكثر من الحد الأقصى للعرض المحدد هنا.
الافتراضي هو 1080 بكسل. إنه عرض جيد لمعظم أجهزة الكمبيوتر المحمولة وأجهزة الكمبيوتر المكتبية القياسية.
تباعد الأعمدة على الموقع
عرض هامش التوثيق هو مقدار المسافة الأفقية (الهامش) بين الأعمدة في كل صف.
تتراوح القيم الاختيارية لعرض الحضيض بين 1 و 4.
يمثل 1 الهامش الصفري بين الأعمدة.
يمثل 2 هامش 3٪ بين الأعمدة.
يمثل 3 هامش 5,5٪ بين الأعمدة.
يمثل 4 هامش 8٪ بين الأعمدة.
استخدم عرض الشريط الجانبي المخصص
هذا يعيّن عرض الشريط الجانبي الافتراضي لموضوعك. ينطبق هذا على جميع الصفحات الموجودة في السمة التي تحتوي على شريط جانبي والتي لم يتم إنشاؤها باستخدام Divi Builder.
ارتفاع القسم والخط
تعمل هذه الخيارات على ضبط مقدار التباعد الرأسي (المساحة المتروكة العلوية والسفلية) لكل قسم وصف.
لون لهجة الموضوع
قبل أن تبدأ في تغيير ألوان عناصرك الأخرى ، عليك تغيير ذلك أولاً. بمجرد تغييره ، احفظ إعداداتك وانشرها وقم بتحديث صفحتك. الآن يجب أن تحتوي سمة Accent Color المحدثة على عناصر أخرى مملوءة تلقائيًا.
طباعة
لوحة الطباعة هي المكان الذي يمكنك من خلاله ضبط المظهر الافتراضي للنص على كامل النص موقع انترنت. يمكنك ضبط حجم الخط والعناوين الخاصة بك، مما سينعكس في جميع مناطق الموقع بشكل متناسب. يمكنك ضبط ألوانها وكذلك ارتفاع الخط وتباعد الحروف وأنماط الخطوط. وأخيرا، يمكنك أيضا الاختيار من بين العشرات من الخطوط لتطبيقها على كل منها.
حجم نص الجسم
هذا يغير النص الأساسي الافتراضي لموضوعك. الحجم الافتراضي هو 14 بكسل.
ارتفاع خط الجسم
ارتفاع الخط لكل سطر من النص.
حجم نص الرأس
يسمح لك Divi بتعيين حجم النص الافتراضي لرأسك هنا. يؤثر هذا على عناصر Divi مثل عناوين وحدة رأس Fullwidth.
مساحة حرف الرأس
تباعد الأحرف يضبط المسافة الأفقية بين الأحرف. تؤثر قيمة تباعد أحرف الرأس على جميع مستويات الرأس (h1 و h2 و h3 و h4 و h5 و h6) وعلامات الاقتباس وعناوين الشرائح.
ارتفاع صف الرأس
تمامًا مثل قيمة تباعد الأحرف ، تؤثر قيمة ارتفاع صف الرأس على جميع مستويات الرأس (h1 ، h2 ، h3 ، h4 ، h5 ، h6) ، علامات الاقتباس ، والعناوين من الشرائح.
نمط الشرطة
استخدم هذه الخيارات لتغيير نمط الخط الخاص برؤوسك.
خط النص والعنوان
الخط الافتراضي في Divi هو Open Sans ، لكن لدى Divi ما يقرب من مائة خط للاختيار من بينها! استفد من هذه الخطوط المضمنة واختبر أيها يعمل بشكل أفضل لموضوعك.
لون روابط الجسم
يتم توريث لون ارتباط الجسم من لون تمييز المظهر الخاص بك. لكن يمكنك دائمًا تغييره هنا.
لون نص الهيكل
هنا يمكنك تغيير لون نص جسمك.
لون نص الرأس
هنا يمكنك تغيير لون رؤوسك.
خلفية
تتيح لك لوحة الخلفية ضبط لون خلفية السمة الخاصة بك ، وكذلك تحميل صورة خلفية مخصصة وتعديل موضعها على الصفحة. تعمل صور وألوان الخلفية بشكل جيد عند إقرانها بإعداد Boxed Formatting في لوحة Layouts المذكورة سابقًا.
هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك بضبط خط وتخطيط ملف موضوع ديفي.
[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]
دروس ديفي أخرى
- المواقع 5 للاستخدام مطعم ديفي موضوع
- كيفية إضافة نص على منتج Divi WooCommerce
- كيفية تغيير لون القائمة بين صفحات Divi
- كيفية تخصيص شبكات بلوق مع ديفي
- كيفية استخدام دور ديفي محرر على وورد
- كيفية إنشاء كامل الشاشة المنزلق ديفي
- كيفية تغيير لون القوائم بين صفحات Divi
- الميزات التي ربما لا تعرفها عن Divi
- كيفية استخدام Divi Builder على وورد
- كيفية استخدام وحدة Divi Video scrolling
- كيفية استخدام وحدة Divi Builder Flip
- كيفية إضافة وحدة شهادة على Divi Builder
- كيفية استخدام وحدة Divi النصية
- كيفية إنشاء شريط التمرير على ديفي
- كيفية تحرير دور مستخدم Divi
- كيفية استخدام وحدة Divi Social Media
- كيفية استخدام وحدة متجر على موضوع ووردبرس]
- كيفية استخدام وحدة Divi الشريط الجانبي
- كيفية استخدام Divi Price Table Module
- كيفية استخدام وحدة العنوان لمنشورات Divi
- كيفية إضافة وحدة فيديو ديفي
- كيفية استخدام وحدة الملاحة المادة
- كيفية استخدام وحدة البحث Divi
- كيفية استخدام وحدة محفظة Divi
- كيفية استخدام وحدة الشخص على Divi Builder
- كيفية استخدام وحدة المحفظة مع فلتر Divi
- كيفية استخدام وحدة المنزلق بعرض كامل
- كيفية استخدام Divi Builder Image Module
- كيفية استخدام وحدة التنقل كاملة العرض في Divi Builder
- كيفية استخدام وحدة معرض الصور
- كيفية استخدام وحدة بطاقة Divi Builder Full-Width
- كيفية استخدام وحدة Divi Full Width Portfolio
- كيفية استخدام وحدة الرأس Divi ذات العرض الكامل
- كيفية استخدام Divi Counter Module
- كيفية استخدام شريط التمرير المقالات على Divi Builder
- كيفية استخدام وحدة Divi Email Optin