هل ترغب في تصنيف الفئات بشكل مختلف على WordPress؟
معظم وورد المواضيع استخدم نفس النمط لجميع صفحات أرشيف الفئات. ومع ذلك ، إذا كان لديك موقع ويب غني بالمحتوى ، فيمكنك اختيار عرض كل فئة بشكل مختلف لزيادة إمكاناتها إلى أقصى حد.
في هذا البرنامج التعليمي ، سنوضح لك كيفية عرض الفئات بشكل مختلف على مدونة WordPress الخاصة بك.
بدون مزيد من اللغط ، ندعوك لاكتشاف قائمتنا. لكن أولاً ، إذا لم تقم بتثبيت WordPress مطلقًا ، فاكتشف ذلك كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق
ثم عد إلى سبب وجودنا هنا.
لماذا إعطاء نمط مختلف للفئات على وورد
كما قلنا سابقًا ، معظم وورد المواضيع استخدم نفس القالب لكل صفحة أرشيف فئة. وذلك لأن مطوري وورد المواضيع لا أعرف كيف ستستخدم الفئات على موقع الويب الخاص بك.
اقرأ أيضا: كيفية عرض محتوى RSS فقط للمشتركين على وورد
ومع ذلك ، إذا كان لديك موقع ويب غني بالمحتوى ، تغيير تخطيط صفحة الأرشيف يمكن أن يكون للفئة تأثير كبير على كيفية تفاعل المستخدمين مع المحتوى في تلك الصفحة.
على سبيل المثال ، إذا كنت تدير موقعًا إلكترونيًا لأخبار أو مجلة ، فيمكنك عرض الإعلانات المحلية في فئة الأخبار المحلية. يمكنك عرض معلومات الطقس وعرض القصص الأكثر شيوعًا في هذه الفئة وما إلى ذلك.
ومع ذلك ، دعونا نرى كيفية تخصيص الفئات الفردية بسهولة على WordPress.
كيفية إعطاء نمط لفئات
هناك عدة طرق لتصنيف الفئات على WordPress. سنعرض لك طريقتين مختلفتين لإعطاء الفئات نمطًا مختلفًا ، ويمكنك اختيار الفئات التي تناسب احتياجاتك ومستوى مهاراتك بشكل أفضل.
استخدام قالب فئة واحد في قالب WordPress
تتبع سمات WordPress تسلسلًا هرميًا للقالب القياسي. وفقًا لاسم ملف القالب ، يمكن لـ WordPress اختيار القالب المناسب تلقائيًا لعرض الصفحة.
على سبيل المثال ، يبحث عن ملف category.php لعرض صفحات أرشيف الفئات.
يتيح لك WordPress أيضًا إنشاء نماذج للفئات الفردية. افترض أنك تريد تصنيف الفئة "تفاحبشكل مختلف. يمكنك القيام بذلك عن طريق إضافة ملف قالب جديد إلى نسق WordPress الخاص بك وتسميته فئة apple.php.
اتصل بموقع WordPress الخاص بك باستخدام عميل FTP ، ثم انتقل إلى / wp-content / theme / your-theme / وأنشئ ملفًا جديدًا باسم category-apple.php. تذكر استبدال "Apple" باسم فئتك.
يمكنك استخدام الملف " category.php من موضوع WordPress الخاص بك كنقطة انطلاق. فقط قم بتحرير ونسخ كل محتوياته. الآن أعد تسمية ملفك الجديد إلى " فئة apple.php والصق الكود بالداخل.
ثم يمكنك البدء في إجراء تغييرات على نموذج الفئة الفردية الخاصة بك. يمكنك إنشاء واستخدام شريط جانبي مختلف لهذه الفئة ، وجعلها صفحة كاملة العرض ، أضف رسالة ترحيب أو أي شيء تريده.
إعطاء نمط للفئات باستخدام كود CSS
يضيف WordPress تلقائيًا فئات CSS إلى العناصر المختلفة على موقع الويب الخاص بك. يشمل ذلك كلاً من فئة الجسم وفئة النشر.
على سبيل المثال ، إذا قمت بعرض صفحة أرشيف للفئة ثم استخدمت أداة الفحص ، ستلاحظ "فئات" فئات CSS واسم الفئة في علامة "النص الأساسي".
يمكنك استخدام فئة CSS لكل فئة فردية مختلفة عن طريق مضيفا CSS مخصص.
فيما يلي مثال على CSS يمكنك استخدامه كنقطة انطلاق.
body.category-apple {background-colour: #EEE؛ الخلفية: عنوان url ("http://example.com/wp-content/uploads/2017/background.jpg") بلا تكرار ثابت ؛ اللون: # FFFFFF. } .category-apple .site {background: #232323؛ } .category-apple a {color: #CCCCCC؛ }
لا تنس تغيير اسم الفئة في فئة CSS باسم فئتك.
يمكنك الآن إضافة كود CSS مخصص في WordPress. ولكن ، إذا كنت بحاجة إلى حل متميز لإضافة رمز CSS مخصص ، فإننا نقدم أدناه 2 الإضافات وورد قسط من شأنه أن يساعدك في هذه المهمة.
1. من السهل مخصص JS و CSS
Ce وورد البرنامج المساعد premium هو محرر كود CSS و JavaScript قوي يسمح لك بإضافتهم إلى أي قسم من موقع الويب الخاص بك. يتيح لك الاحتفاظ بالتخصيصات الخاصة بك حتى بعد إجراء تحديث رئيسي لموضوع WordPress الخاص بك.
لديك إمكانية الحد من مجال استخدام الرمز الشخصي الخاص بك. على سبيل المثال ، يمكنك استخدام الكود الخاص بك فقط لمقال بتنسيق الفيديو.
انظر مقالاتنا على كيف تطلب قبول شروط الاستخدام على ووردبريس
أو يمكنك قصر التعليمات البرمجية على سمة WordPress محددة ؛ وهو أمر مفيد إذا كنت تقوم حاليًا بتغيير السمات لمدونة WordPress الخاصة بك.
تحميل | عرض | استضافة المواقع
2. تخصيص JavaScript و CSS في Pages!
بفضل هذا وورد البرنامج المساعد، يمكنك إضافة أنماط CSS وجافا سكريبت مخصص على صفحات محددة. كما يسمح لك بتحديد القواعد لصفحات متعددة. بهذه الطريقة ، يمكن أن يكون لديك أنماط محددة مسبقًا أو فريدة لأقسام محددة.
مثل أي ميزة أخرى يقدمها هذا وورد البرنامج المساعد، يمكنك بسهولة تضمين نصوص مختلفة على صفحات مختلفة من موقع الويب الخاص بك.
تحميل | عرض | استضافة المواقع
الموارد الموصى بها
تعرف على الموارد الأخرى الموصى بها لمساعدتك في بناء وإدارة موقع الويب الخاص بك.
- 8 ملحقات WordPress لإضافة نظام ترجمة على المدونة
- 5 مكونات ووردبريس لإنشاء تقويم على مدونة
- الدليل في خطوات 4 لبناء سلطتك من خلال بلوق الخاص بك
- بعض إضافات WordPress لإعادة التوجيه
وفي الختام
هنا ! هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك بإضافة كود CSS مخصص على WordPress. لا تتردد في شارك هذه المقالة مع أصدقائك على الشبكات الاجتماعية المفضلة لديك.
ومع ذلك ، ستتمكن أيضًا من الرجوع إلى موقعنا RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق.
إذا كانت لديك اقتراحات أو ملاحظات ، فاتركها في قسمنا تعليقات.
...
شكرًا جزيلاً لك على هذا البرنامج التعليمي الرائع وسهل الفهم، وبفضل مقالتك تمكنت من تعديل تصميم الصفحة
سالو!
يرجى معرفة ما إذا كان يمكنك مساعدتي لأنني أدخن رأسي
أقوم بمتجر على الإنترنت مع divi و woocommerce ولدي مشكلة لأنني لا أستطيع تخصيص صفحة الفئة.
أقوم بتمرير الرابط لكي ترى:
https://chachocarp.com/product-category/los-mas-vendidos
ما أريد تغييره هو:
1. لدي 24 منتجًا في هذه الفئة وبدلاً من عرضها على صفحتين من 12 منتجًا ، يتم عرضها على ثلاث صفحات من 9 و 9 و 6 وهذا واضح بشكل قاتل.
2. لم أحافظ على تكوين التمرير عندما أحوم فوق المنتجات. أود أن تكون الشفافية باللون الأزرق وأن تكون الأحرف "عرض المنتج ليكون ناراناجا" كما هو الحال في وحدة المتجر بالصفحة الرئيسية.
3. أود أن يعرض الشريط الجانبي الأيسر جميع الفئات والفئات الفرعية.
كيف فعلها؟
شكرا لك على مساعدتك
مرحبا ميغيل ،
يرجى طرح السؤال على مقال بخصوص WooCommerce أو Divi. ومن دواعي سروري أن أجيبك. 😉