كيفية تخصيص الطباعة والتخطيط على Divi

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

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

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

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

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

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

هذا هو المكان الذي يمكنك فيه تعيين الحد الأقصى لعرض قسم المحتوى الخاص بك. نظرًا لأن المحتوى الخاص بك على تنسيق سريع الاستجابة ، فسيتم ضبطه على أحجام أصغر ولكنه لن يتوسع أكثر من الحد الأقصى للعرض المحدد هنا.
الافتراضي هو 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 المذكورة سابقًا.

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