كيفية إضافة فئة الجسم إلى ووردبريس

تعد إضافة فئة الجسم إلى موقع WordPress الخاص بك طريقة رائعة لتخصيص شكل ومظهر موقعك. من خلال إضافة فئة الجسم ، يمكنك استهداف صفحات أو منشورات معينة باستخدام أنماط CSS الخاصة بك. يمكن أن تكون هذه طريقة رائعة لإبراز موقعك عن البقية. هناك عدة طرق مختلفة لإضافة فئة الجسم إلى WordPress. إحدى الطرق هي استخدام وظيفة body_class (). ستضيف هذه الوظيفة فئة إلى عنصر الجسم في موقعك. هناك طريقة أخرى لإضافة فئة نصية وهي تعديل ملف header.php الخاص بقالبك. هذا الملف مسؤول عن إخراج قسم موقعك. بإضافة فئة نصية إلى ملف header.php ، يمكنك استهداف صفحات أو منشورات معينة باستخدام أنماط CSS الخاصة بك. تعد إضافة فئة الجسم إلى WordPress طريقة رائعة لتخصيص شكل ومظهر موقعك.

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

كيف يمكنني إضافة فصل إلى جسدي؟

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

هل يمكننا استخدام Class With Body في Html؟

يمكن استخدام أي عنصر HTML لتنفيذ سمة الفئة. يمكن توفير اسم فئة حساس لحالة الأحرف.

هل يمكننا إضافة فصل في Css؟

تسمح لك إضافة فئة () بإضافة فئة واحدة أو أكثر إلى عنصر. قم بإزالة كل الفئات من العنصر المحدد بإزالتها من الوظيفة removeClass (). ToggleClass () - طريقة تسمح لك بتغيير ترتيب الفئات في العنصر المحدد. تعيين أو إرجاع سمة النمط إلى وظيفة CSS.

كيف أقوم بإضافة علامة الجسم في ووردبريس؟

لإضافة سمة ، قم بتسجيل الدخول إلى لوحة إدارة WP ، وحدد "المظهر" من الشريط الجانبي الأيسر ، ثم "محرر السمات". حدد المظهر من القائمة المنسدلة في الزاوية اليمنى العليا ، ثم قم بالتمرير لأسفل للعثور على ملف الرأس. هذه علامة مفتوحة للجسم في الجسم.

عادةً ما يكون الرمز بعد علامة النص مطلوبًا لعرض محتوى موقع الويب. عادةً ما يكون هذا الرمز غير مرئي داخل علامة البرنامج النصي في JavaScript. توفر لك الخدمات الخارجية مثل Google Analytics و Google Tag Manager و Google Adsense و Facebook برنامجًا نصيًا يجب إضافته قبل وبعد إغلاق علامة الرأس والعنصر الأساسي ، على التوالي. يقدم WordPress 5.2 وظيفة جديدة تسمى WP_body_open () تضيف رمزًا إلى علامة نص WordPress على الفور. إذا كنت تستخدم أحدث إصدار من WordPress ، فيجب عليك تضمين طريقة WP_body_open () بجوار علامة الجسم. يعمل مع إصدارات WordPress التي تتراوح من 5.2 إلى 5.2. قد يلزم ملء الصفحات أو المنشورات أو الفئات بنص مختلف. يمكن إضافة البرامج النصية إلى WordPress بعدة طرق ، ويمكن تطبيق الشروط.

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

فوائد تصميم الويب المعياري

عندما يتم تصميم موقع ويب بطريقة معيارية ، مثل استخدام عناصر مثل "التذييل" و "التنقل" ، يمكن وضع علامتي الفتح والإغلاق لكل وحدة في مكان آخر في المستند.

هل يمكنك وضع فئة على بطاقة الجسم؟

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

يمكنك الاختيار من بين مجموعة متنوعة من خيارات الأنماط ، بما في ذلك فئة الجسم * المساحة المتروكة: 10 بكسل ؛ الهامش: 20 بكسل ؛ وهامش فئة النص الأساسي * : 20 بكسل للتأكد من أن جسم المستند يحتوي على حشوة 10 بكسل من جميع الجوانب ، ويمكن أيضًا استخدام فصول 20 p لتصميم أقسام مختلفة من المستند ، مثل النص الأساسي (h1). حجم الخط: 2em ؛ نص لجعل جميع العناوين في المستند لها حجم خط يبلغ 2em.

استخدام الفئات على المعرفات

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

ووردبريس Body_class

تعد وظيفة body_class في WordPress طريقة لمنح منشورات وصفحات مدونتك فئة CSS فريدة . يمكن أن يكون هذا مفيدًا لاستهداف أنماط معينة لصفحات أو منشورات معينة. على سبيل المثال ، يمكنك استخدام وظيفة body_class لمنح الصفحة الرئيسية فئة CSS مختلفة عن باقي موقعك.

كيفية إضافة فئات مخصصة إلى علامة الجسم في ووردبريس

إذا كنت تريد وضع علامة على جسدك في WordPress ، فيمكنك القيام بذلك بسهولة. الشيء الوحيد الذي يتعين علينا القيام به هو استدعاء الدالة body_class () كلما ظهرت صفحة جديدة في سمة WordPress الخاصة بنا. تتيح لنا هذه الطريقة تحديد الصفحة التي يشاهدها المستخدم ، ثم نضيف فئات CSS المناسبة استجابةً لذلك. عندما نريد إضافة فئة مخصصة إلى علامة نصية لا تتم إضافتها تلقائيًا بواسطة WordPress ، يمكننا القيام بذلك باستخدام وظيفة add_action (). يمكن استدعاء الوظائف المخصصة لموقع WordPress الخاص بنا بواسطة أي من وظائف السمات الخاصة بنا ، ويمكن إجراؤها بواسطة هذه الوظيفة. يمكن استخدام الوظيفة WP_page_class () لإضافة فئة مخصصة إلى علامة النص الأساسي بناءً على عدد الصفحات التي نعرضها. في حالة وجود صفحة معينة في موقع WordPress الخاص بنا ، يمكننا استخدام الوظيفة لإضافة فصل دراسي.

فئة الجسم Css

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

SiteOrigin Cascading Style Sheets (CSS) هي صفحة WordPress ولغات التصميم اللاحقة التي يستخدمها SiteOrigin. يوفر المكون الإضافي SiteOrigin CSS الخاص بنا واجهة محرر مرئي بالإضافة إلى حقل CSS قياسي مخصص لإدخال CSS المخصص الخاص بك. ستتعلم كيفية تحديد موقع فئات الجسم وتطبيقها على قواعد CSS المخصصة الخاصة بك في هذا البرنامج التعليمي ، والذي ستكمله باستخدام أداة مطور المستعرض الخاص بك. إذا أضفنا القاعدة أعلاه إلى CSS المخصص وقمنا بتغيير قيمة الخلفية ، فسيتم تطبيق القاعدة على الموقع بأكمله. عندما نبدأ القاعدة بإحدى الفئات المحددة للصفحة الرئيسية ، فهذا يضمن تطبيق القاعدة على تلك الصفحة فقط. الفئتان اللتان يمكن استخدامهما هما home و page-id-31. يتضمن SiteOrigin Premium وظائف أكثر بكثير من SiteOrigin Basic ، بما في ذلك Page Builder و Widgets Bundle وجميع السمات الخاصة بنا. باستخدام ملحق Web Font Selector ، يمكنك بسهولة تحديد مئات من خطوط الويب الجميلة من المحرر المرئي في SiteOrigin CSS. بالإضافة إلى المستوى التالي من دعم البريد الإلكتروني ، يتضمن SiteOrigin Premium عددًا من المزايا الأخرى.

ماذا يعني الجسم في المغلق؟

بغض النظر عن مستوى ارتفاع أو انخفاض المستوى ، يتم اعتبار جميع العلامات الموجودة في علامة الجسم في النص الأساسي *.

التصميم باستخدام Css

سأريكم الفصل الذي أستخدمه. اللون الاحمر. يُعرف اسمي أيضًا باسم my.my. يتم تعريف الفئات الأخرى على النحو التالي. هذا اللون أخضر.

هل يمكننا استخدام Css في الجسم؟

يمكن إضافة CSS إلى مستندات HTML بثلاث طرق: كجزء من المحتوى ، أو كعنصر جانبي ، أو كميزة. مضمنة من خلال استخدام سمة النمط في صفحة تصميم عنصر HTML. باستخدام عنصر النمط في العنوان> القسم ، يمكنك الاستفادة من العنصر الداخلي.

الطرق المختلفة لتحديد حجم عنصر في Css

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

WordPress إزالة فئة الجسم

لإزالة فئة الجسم من موقع WordPress الخاص بك ، ستحتاج إلى الوصول إلى ورقة أنماط القالب الخاص بك. بمجرد تحديد موقع ورقة أنماط المظهر الخاص بك ، ستحتاج إلى العثور على فئة الجسم التي تريد إزالتها. على سبيل المثال ، إذا كنت تريد إزالة الفئة "site-header" ، فستجد الكود التالي في ورقة الأنماط الخاصة بك:
.site-header {
}
يمكنك بعد ذلك حذف هذا الرمز وحفظ التغييرات وتحميل ورقة الأنماط المنقحة إلى موقع WordPress الخاص بك.

وظيفة Body_class () في WordPress

بالإضافة إلى ذلك ، يمكن استخدام وظيفة body_class () لإضافة علامات ووظائف قالب مخصصة إلى الجسم.