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

المعلمات العامة divi.png

إعدادات التخطيط

تسمح لك لوحة التخطيط بضبط خيارات تغيير الحجم والتباعد الخاصة بك موقع انترنت. هنا يمكنك زيادة أو تقليل التباعد بين الأعمدة والصفوف والأقسام وضبط حجم الشريط الجانبي. يمكنك أيضًا تمكين وضع Boxed Layout من هذه اللوحة.

تخطيط المعلمة. png

تمكين تخطيط التعشيش

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

عرض محتوى الموقع

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

تباعد الأعمدة على الموقع

عرض هامش التوثيق هو مقدار المسافة الأفقية (الهامش) بين الأعمدة في كل صف.

تتراوح القيم الاختيارية لعرض الحضيض بين 1 و 4.

يمثل 1 الهامش الصفري بين الأعمدة.
يمثل 2 هامش 3٪ بين الأعمدة.
يمثل 3 هامش 5,5٪ بين الأعمدة.
يمثل 4 هامش 8٪ بين الأعمدة.

divi.png التكوين

استخدم عرض الشريط الجانبي المخصص

هذا يعيّن عرض الشريط الجانبي الافتراضي لموضوعك. ينطبق هذا على جميع الصفحات الموجودة في السمة التي تحتوي على شريط جانبي والتي لم يتم إنشاؤها باستخدام Divi Builder.

ارتفاع القسم والخط

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

لون لهجة الموضوع

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

طباعة

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

الطباعة على divi.png

حجم نص الجسم

هذا يغير النص الأساسي الافتراضي لموضوعك. الحجم الافتراضي هو 14 بكسل.

ارتفاع خط الجسم

ارتفاع الخط لكل سطر من النص.

حجم نص الرأس

يسمح لك Divi بتعيين حجم النص الافتراضي لرأسك هنا. يؤثر هذا على عناصر Divi مثل عناوين وحدة رأس Fullwidth.

مساحة حرف الرأس

تباعد الأحرف يضبط المسافة الأفقية بين الأحرف. تؤثر قيمة تباعد أحرف الرأس على جميع مستويات الرأس (h1 و h2 و h3 و h4 و h5 و h6) وعلامات الاقتباس وعناوين الشرائح.

ارتفاع صف الرأس

تمامًا مثل قيمة تباعد الأحرف ، تؤثر قيمة ارتفاع صف الرأس على جميع مستويات الرأس (h1 ، h2 ، h3 ، h4 ، h5 ، h6) ، علامات الاقتباس ، والعناوين من الشرائح.

نمط الشرطة

استخدم هذه الخيارات لتغيير نمط الخط الخاص برؤوسك.

خط النص والعنوان

الخط الافتراضي في Divi هو Open Sans ، لكن لدى Divi ما يقرب من مائة خط للاختيار من بينها! استفد من هذه الخطوط المضمنة واختبر أيها يعمل بشكل أفضل لموضوعك.

لون روابط الجسم

يتم توريث لون ارتباط الجسم من لون تمييز المظهر الخاص بك. لكن يمكنك دائمًا تغييره هنا.

لون نص الهيكل

هنا يمكنك تغيير لون نص جسمك.

لون نص الرأس

هنا يمكنك تغيير لون رؤوسك.

خلفية

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

افعل divi.png

هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك بضبط خط وتخطيط ملف موضوع ديفي.
[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]

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