قدمت إصدار ووردبريس 3.4 أداة تخصيص الثيم (Theme Customizer)، والتي تتيح لك تجربة مختلف المظهر والإعدادات لثيمك الحالي أو الثيم الذي تفكر في التبديل إليه دون نشر تلك التغييرات على العالم أجمع[cite: 1]. بالنسبة للثيمات التي تدعمها، يمكنك تغيير الألوان، والخلفيات، ورؤوس الصور المخصصة، وما إلى ذلك[cite: 1].
إذا قمت بتحديد قائمة المظهر -> تخصيص (Appearance -> Customize) من شاشات الإدارة (Administration Screens)، يتم تشغيل أداة تخصيص الثيم[cite: 1]. تتيح لك أداة التخصيص معاينة التغييرات على موقعك قبل نشرها[cite: 1]. إذا قمت بتعديل ملفات الثيم مباشرة وتم تحديثها، فقدفقد تعديلاتك[cite: 1]. باستخدام أداة التخصيص، ستحافظ على ضمان الحفاظ على تعديلاتك[cite: 1].
ملاحظة مهمة:
أداة التخصيص متاحة فقط إذا كان الثيم النشط يدعم ميزة التخصيص[cite: 1]. بالنسبة لـ ثيمات المربعات (Block themes) التي تدعم بناء موقعك باستخدام المربعات، فهذا يعني أنك لن تحتاج إلى استخدام أداة التخصيص مما يجعلها مخفية إلا إذا كنت تستخدم إضافة تتطلبها[cite: 1]. بالإضافة إلى ذلك، من المرجح أن تكون هذه الشاشة مختلفة لكل ثيم يقوم بتمكينها وبنائها[cite: 1]. على سبيل المثال، توفر أداة التخصيص لـ ثيم ووردبريس توينتي توينتي-ون (Twenty Twenty-One) خيارات لتغيير ألوان الخلفية، وتحديد صورة خلفية، وتفعيل الوضع الداكن (Dark Mode)[cite: 1].
أداة تخصيص ثيم توينتي توينتي-ون
الاستخدام الأساسي
كيفية بدء أداة التخصيص
لبدء أداة التخصيص، اتبع إحدى هذه الخطوات[cite: 1]:
- من شاشات الإدارة، حدد المظهر -> تخصيص (Appearance -> Customize)[cite: 1]
- من شريط الأدوات (Toolbar)، حدد تخصيص (Customize)[cite: 1]
كيفية استخدامها
من القائمة الموجودة على الجانب الأيسر، افتح فئة الخيارات وحدد قيمة الخيار[cite: 1]. لاحظ أنه أثناء تغييراتك، تتغير شاشة المعايشة أيضاً[cite: 1]. بعد الانتهاء من التخصيص، انقر فوق زر "نشر" (Publish) لتفعيل التغييرات على موقعك[cite: 1].
هناك بعض النصائح[cite: 1]:
- يمكنك النقر فوق الروابط الداخلية في شاشة المعاينة[cite: 1]. ستنتقل أداة التخصيص إلى الصفحة التي تم النقر فوقها وعرضها بقيمة خيار التخصيص الحالي[cite: 1].
أزرار معاينة الأجهزة
- تُظهر أزرار معاينة الأجهزة (Device Preview Buttons) في أسفل لوحة أداة التخصيص كيف يبدو موقعك في سياقات الأجهزة المحمولة، والأجهزة اللوحية (التابلت)، وأجهزة سطح المكتب قبل إجراء تغييرات على مظهره[cite: 1].
أيقونة القلم الأزرق في جزء المعاينة
- سيؤدي النقر فوق أيقونة القلم الأزرق في شاشة المعاينة إلى فتح قائمة التحكم المقابلة في اللوحة الجانبية اليسرى[cite: 1].
خيارات القائمة
هوية الموقع (Site Identity)
تتيح لك هذه القائمة تحديد معلومات الموقع الأساسية[cite: 1].
شاشة هوية الموقع في أداة التخصيص
- الشعار (Logo) – صورة شعار الموقع مثل الرمز المؤسسي
انقر فوق "تحديد الشعار" (Select Logo) لفتح مكتبة الوسائط (Media Library)[cite: 1]. حدد صورة منها أو قم بتحميل صورة جديدة من شاشة علامة تبويب "رفع الملفات" (Upload Files Tab) وانقر فوق زر "اختر الشعار" (Choose logo) في أسفل اليمين[cite: 1].
انقر فوق "إزالة" أو "تغيير الشعار" لإزالة أو تغيير صورة شعار الموقع[cite: 1]. - عنوان الموقع (Site Title) – مربع نص لعنوان الموقع[cite: 1].
- الشعار النصي (Tagline) – مربع نص للشعار النصي الوصفي للموقع[cite: 1].
- عرض عنوان الموقع والشعار النصي (Display Site title and tagline) – مربع اختيار لتفعيل أو إخفاء عرض العنوان والشعار النصي[cite: 1].
- أيقونة الموقع (Site Icon) – تُستخدم أيقونة الموقع كأيقونة للمتصفح والتطبيق لموقعك[cite: 1]. يجب أن تكون الأيقونات مربعة الشكل، وبطول وعرض لا يقل عن 512 بكسل[cite: 1].
انقر فوق "تحديد صورة" (Select Image) لفتح مكتبة الوسائط[cite: 1]. حدد صورة منها أو قم بتحميل الصورة الجديدة من شاشة علامة تبويب "رفع الملفات" وانقر فوق زر "تحديد" (Select) في أسفل اليمين[cite: 1].
الألوان والوضع الداكن (Colors & Dark Mode)
تتيح قائمة الألوان والوضع الداكن تخصيص لون الخلفية كما يظهر بواسطة الثيم[cite: 1]. كما تساعد في تفعيل دعم الوضع الداكن للثيم[cite: 1].
الألوان والوضع الداكن
- لون الخلفية (Background Color) – انقر فوق زر "تحديد اللون" (Select color)[cite: 1]. يمكنك إما إدخال رقم ست عشري (hexadecimal number) (مثل d33131) يمثل اللون المراد عرضه كخلفية لثيمك، أو من منتقي الألوان، انقر فوق اللون المطلوب وسيتم وضع الرقم الست عشري لهذا اللون في حقل اللون، أو انقر فوق "افتراضي" (Default) لاستعادة الحالة الأولية[cite: 1]. قد تكون هذه الخلفية مرئية فقط على الشاشات العريضة[cite: 1].
- دعم الوضع الداكن (Dark Mode support) – انقر فوق مربع الاختيار لتفعيل دعم الوضع الداكن[cite: 1]. إذا تم تفعيل دعم الوضع الداكن، سيتم عرض موقعك بخلفية داكنة ونصوص فاتحة[cite: 1]. تعرف على المزيد حول الوضع الداكن.
صورة الخلفية (Background Image)
حدد صورة خلفية اختيارية لتستخدم بدلاً من لون الخلفية الصلب المحدد في الألوان والوضع الداكن أعلاه[cite: 1].
شاشة صورة الخلفية
- تحديد صورة (Select image) – انقر فوق هذا الزر لفتح مربع حوار تحديد صورة[cite: 1]. يمكنك اختيار صورة موجودة مسبقاً في مكتبة الوسائط الخاصة بك، أو تحميل ملف صورة من جهاز الكمبيوتر المحلي الخاص بك في شاشة علامة تبويب "رفع الملفات"[cite: 1]. حدد الصورة وانقر فوق زر "اختر الصورة" (Choose Image)[cite: 1]. ستقوم أداة التخصيص بمعاينة موقعك بخلفية محدثة[cite: 1].
بمجرد إضافة صورة خلفية، ستحصل على المزيد من الخيارات[cite: 1]:
- إزالة (Remove) – بمجرد تحميل الصورة، إذا لم تعد بحاجة إليها، استخدم هذا الزر لإزالة الصورة[cite: 1]. لن تتمكن من استعادة أي تخصيصات[cite: 1].
- تغيير الصورة (Change Image) – انقر فوق هذا الزر لتغيير صورة الخلفية[cite: 1].
- قائمة مسبقة الإعداد (Preset dropdown) – تحت الإعداد المسبق (Preset)، يمكنك تحديد كيف تريد عرض صورة الخلفية: افتراضي (default)، ملء الشاشة (fill screen)، ملاءمة للشاشة (fit to screen)، تكرار (repeat)، أو مخصص (custom)[cite: 1].
- موضع الصورة (Image Position) – يمكنك أيضاً تحديد موضع صورة الخلفية بالنقر فوق الأسهم الموجودة أسفل موضع الصورة، بحيث يتموضع جهة اليسار (Left)، أو المركز (Center)، أو اليمين (Right)[cite: 1]. سيؤدي النقر فوق المركز إلى محاذاة الصورة مع منتصف الشاشة[cite: 1].
- حجم الصورة (Image Size) – يمكنك تغيير حجم الصورة من القائمة المنسدلة إلى ملاءمة للشاشة (Fit to Screen)، أو ملء الشاشة (Fill Screen)، أو الاحتفاظ بالحجم الأصلي (Original)[cite: 1].
- تكرار صورة الخلفية (Repeat Background Image) – انقر فوق مربع الاختيار لتكرار صورة الخلفية عبر الصفحة[cite: 1].
- التمرير مع الصفحة (Scroll with Page) – انقر فوق مربع الاختيار لتمكين صورة الخلفية من التمرير مع الصفحة أو عرضها بشكل ثابت (fixed)[cite: 1].
القوائم (Menus)
تُستخدم هذه اللوحة لإدارة قوائم التنقل للمحتوى الذي قمت بنشره بالفعل على موقعك[cite: 1]. يمكنك إنشاء قوائم وإضافة عناصر للمحتوى الموجود مثل الصفحات، أو المنشورات، أو التصنيفات، أو الوسوم، أو التنسيقات، أو الروابط المخصصة[cite: 1].
شاشة إضافة قائمة في أداة التخصيص
يدعم ثيم ووردبريس توينتي توينتي-ون (Twenty Twenty-One) موقعين للقوائم، القائمة الرئيسية (Primary Menu) والقائمة الثانوية (Secondary Menu)[cite: 1]. من القائمة المنسدلة، حدد القائمة التي سيتم عرضها في الموضع[cite: 1]. إذا أضفت دعماً لـ المزيد من قوائم التنقل في ثيمك، فسترى المزيد من خيارات مواقع القوائم المنسدلة[cite: 1].
مواقع القوائم في أداة التخصيص
الويدجتس (Widgets)
يقدم ووردبريس 5.8 المربعات إلى محرر الويدجتس ويسمح لك بإضافة أي مربع إلى الرأس، والتذييل، والأشرطة الجانبية، ومناطق الويدجتس الأخرى في ثيمك باستخدام محرر الويدجتس الجديد كلياً[cite: 1].
يمكنك تكوين الويدجتس عبر قائمة المظهر > تخصيص > ويدجتس (Appearance > Customize > Widgets) ورؤية تغييراتك في المعاينة الحية لأداة التخصيص[cite: 1].
إضافة الويدجتس الخاص بك
- انقر فوق قائمة الويدجتس (Widget) في أداة تخصيص الثيم للوصول إلى شاشة تخصيص الويدجتس[cite: 1].
- انقر فوق أيقونة + في أعلى منطقة الويدجتس لفتح قائمة المربعات المتاحة[cite: 1].
- ابحث عن المربع الذي تريد إضافته أو اعثر عليه وانقر لتحديد المربع[cite: 1]. تتم إضافة المربع إلى منطقة الويدجتس[cite: 1].
- قم بمعاينة موقعك وستفترض أن ترى المربع الجديد في منطقة الويدجتس الخاصة بك[cite: 1].
إضافة الويدجتس
تكوين الويدجتس
لإعادة ترتيب الويدجتس داخل منطقة الويدجتس، حدد الويدجت وانقر فوق السهم لأعلى (up) أو لأسفل (down) من شريط أدوات المربع[cite: 1].
يمكنك أيضاً إعادة ترتيب الويدجتس، عن طريق النقر مع الاستمرار على زر شبكة النقاط الست في شريط أدوات المربع وسحب مربعات الويدجت[cite: 1].
لتخصيص ميزات الويدجت، انقر فوق زر النقاط الثلاث في شريط أدوات المربع الخاص بالويدجت المحدد واختر "إظهار المزيد من الإعدادات" (Show More Settings) لفتح خيارات تخصيص الويدجت[cite: 1].
يمكنك تتبع التغييرات التي تم إجراؤها في تخصيصات منطقة الويدجتس باستخدام أزرار التراجع والإعادة (Undo-Redo) في قائمة الويدجتس[cite: 1].
إزالة الويدجت، انقر فوق زر النقاط الثلاث في شريط أدوات المربع الخاص بالويدجت المحدد واختر إزالة المربع (Remove block)[cite: 1].
داخل منطقة الويدجت، يمكنك الآن تحديد عدة ويدجتس باستخدام النقر مع الاستمرار على مفتاح Shift (shift-click) وحذف المربعات أو استخدام زر التراجع (backspace) لحذف المربعات[cite: 1].
إعدادات الصفحة الرئيسية (Homepage Settings)
يمكن أن تحتوي الصفحة الرئيسية لموقعك إما على أحدث منشوراتك أو عرض صفحة ثابتة أو منشور[cite: 1].
- أحدث منشوراتك (Your latest posts) – حدد هذا لعرض أحدث منشوراتك في صفحتك الرئيسية[cite: 1].
- صفحة ثابتة (A static page) – حدد إما صفحة الواجهة (Front page) أو صفحة المنشورات (Posts page)[cite: 1]. ارجع إلى إنشاء صفحة واجهة ثابتة للحصول على مزيد من المعلومات التفصيلية والتركيبة المتاحة[cite: 1].
إعدادات المقتطف (Excerpt Settings)
تتيح لك هذه اللوحة اختيار ما إذا كانت صفحات المدونة والأرشيف يجب أن تظهر المحتوى الكامل أو الملخص فقط[cite: 1].
الافتراضي هو الملخص[cite: 1]. تُظهر صفحة نتائج البحث دائماً الملخص[cite: 1]. عند تحديد الملخص، سيتم عرض النص فقط[cite: 1].
CSS إضافي (Additional CSS)
لوحة تتيح لك إضافة كود CSS والذي سيتجاوز الثيم الحالي[cite: 1].
