استعراض إضافات

إضافة كود CSS لصفحة أو مقالةمحددة

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

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

من الإضافات التي تقدم هذه الميزة Post/Page specific custom CSS وهو متوفرة مجانًا على مستودع إضافات ووردبريس.

متى أحتاج استعمال الإضافة؟

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

متطلبات عمل الإضافة

لتعمل الإضافة دون مشاكل يجب توفر شرطين:

  1. تشغيل موقعك على ووردبريس 5 أو أحدث.
  2. استخدام إصدار PHP 7 أو أحدث في استضافتك.

هل الإضافة مجانية؟

نعم، مجانية تمامًا.

إضافة Post/Page specific custom CSS لا تظهر في المقالة؟

إذا قمت بتنصيب إضافة Post/Page specific custom CSS ولم تجد المربع الخاص به في صفحة تعديل المقالة أو الصفحة، فتأكد من التالي:

  1. تأكد من تفعيل الإضافة، فقد تكون منصبة وليست مفعلة.
  2. إظهار المنطقة الخاصة بها داخل شاشة التعديل باتباع الخطوات التالية.

في محرر Gutenberg

  1. اضغط على النقاط العمودية أعلى يسار شاشة التعديل لقتح قائمة الخيارات، ثم اختر “التفضيلات”.
  2. من القائمة يمين النافذة الجديدة اختر “اللوحات” ومنها فعّل الخيار “Custom CSS”.

في المحرر التقليدي

  1. أعلى يسار الصفحة ستجد لسانًا صغيرًا بعنوان “خيارات الشاشة” اضغط عليه.
  2. ستجد به العديد من العناصر، ضع علامة صح أمام “Custom CSS”

هكذا ستجد المساحة المخصصة لكتابة الكود، وهي كما بالصورة التالية.

كتابة كود CSS لصفحة أو مقالة محددة في ووردبريس
قسيمة تخفيض قالب مهارتي 10% مدونة ويكي إضافات

عبد الرحمن المكاوي

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.

زر الذهاب إلى الأعلى