الإجابة السريعة

تخصّص قالب ووردبريس بالكامل دون كتابة سطر برمجي واحد عبر أداتين حسب نوع قالبك: إن كان قالبًا كلاسيكيًّا فأداتك هي أداة التخصيص (Customizer) من «المظهر ← تخصيص»، بمعاينة حيّة وأقسام جاهزة (هوية الموقع، الألوان، القوائم، الودجت، الصفحة الرئيسية، CSS إضافي). وإن كان قالب كتل (Block Theme) فأداتك هي مُحرّر الموقع (Site Editor) من «المظهر ← مُحرّر»، وفيه الأنماط (Global Styles) لضبط الألوان والخطوط عمومًا، والقوالب وأجزاء القالب (الترويسة والتذييل). كيف تعرف أيّهما لديك؟ افتح قائمة «المظهر»: إن رأيت «تخصيص» فأنت كلاسيكي، وإن رأيت «مُحرّر» فأنت على قالب كتل. أمّا الوظائف (نموذج تواصل، متجر، سيو) فمكانها الإضافات لا القالب، والتعديلات البرمجية العميقة فمكانها قالب ابن لا ملفات القالب الأصل. هذا الدليل يمشي بك في كلّ قسم من النظامين خطوة بخطوة.

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

الخبر الجميل أن ووردبريس صُمّم أصلًا ليخصّصه غير المبرمجين. المربك الوحيد أنّ المنصّة تمرّ منذ سنوات بتحوّل كبير: الجيل القديم من القوالب يُخصَّص بأداة، والجيل الجديد (قوالب الكتل) يُخصَّص بأداة مختلفة تمامًا. لهذا حين تبحث في الإنترنت عن «كيف أغيّر لون موقعي» تجد شرحين متناقضين ظاهريًّا — أحدهما يقول «المظهر ← تخصيص» والآخر يقول «المظهر ← مُحرّر ← الأنماط» — وكلاهما صحيح، لكن كلٌّ لنوع قالب. سنفكّ هذه العقدة أوّلًا، ثم نغطّي النظامين بالتفصيل حتى لا يهمّك أيّ قالب تستخدم.

إن أردت الصورة الأكبر عن المنصّة كلها فارجع إلى دليل ووردبريس الكامل ثم عُد إلى هنا للتخصيص العملي.

لماذا يوجد نظامان لتخصيص القالب في ووردبريس اليوم؟

لسنوات طويلة كان لتخصيص أي قالب طريق واحد: أداة التخصيص (The Customizer). كانت — وما زالت في القوالب الكلاسيكية — لوحة تفتح على يسار الشاشة مع معاينة حيّة للموقع على اليمين، فتغيّر لونًا أو ترفع شعارًا وترى الأثر فورًا قبل أن تحفظ. بسيطة ومباشرة، لكنها لا تعدّل «بنية» الموقع نفسها؛ هي تضبط فقط الخيارات التي أتاحها لك مطوّر القالب (ألوان، شعار، بعض التخطيطات).

ثم جاء التحرير الكامل للموقع (Full Site Editing أو FSE) وقوالب الكتل (Block Themes). الفكرة الجوهرية للتحوّل: بدل أن «تضبط إعدادات» يتيحها لك القالب، صرت تحرّر الموقع نفسه — الترويسة والتذييل وكل قالب صفحة — بالكتل، مباشرة على الشاشة، وتُحفظ تعديلاتك في قاعدة البيانات لا في ملفات مقفلة داخل الكود. هذه النقلة من «تعديل خيارات» إلى «تحرير الموقع» هي سبب وجود أداة جديدة اسمها مُحرّر الموقع (Site Editor)، ولها منطق وواجهة مختلفان.

والنتيجة العملية المهمّة لك: في قوالب الكتل تختفي أداة التخصيص الكلاسيكية غالبًا ويحلّ محلّها «المظهر ← مُحرّر». ووردبريس نفسه يقول إنّ كل الميزات والتحسينات الجديدة تذهب إلى مُحرّر الموقع لا إلى أداة التخصيص القديمة — أي أن الاتجاه واضح نحو محرّر الموقع، مع بقاء أداة التخصيص لخدمة القوالب الكلاسيكية التي لا تزال منتشرة جدًّا.

قد تتساءل: لماذا لم يستبدل ووردبريس القديم بالجديد دفعة واحدة ويريحنا؟ الجواب أنّ ملايين المواقع الحيّة تعمل بقوالب كلاسيكية، وكسرها فجأة كارثة. لذلك أبقى ووردبريس الطريقين يعملان جنبًا إلى جنب: النظام القديم مستقرّ لمن يستخدمه، والنظام الجديد يتطوّر لمن ينتقل إليه. لا تشعر بأنك «متأخّر» لأنك على قالب كلاسيكي، ولا «تائه» لأنك على قالب كتل — كلاهما خيار صحيح، والمهارة الوحيدة المطلوبة منك هي معرفة أي أداة تفتح. وهذا ما نحسمه في السطور التالية.

قبل أن نغوص، تذكّر أين تقع نقطة الدخول: كلا النظامين يُفتحان من قائمة «المظهر» في لوحة التحكم — وهي القائمة نفسها التي شرحنا كل أقسام اللوحة حولها في دليل لوحة تحكم ووردبريس. إليك خريطة سريعة لموضع «المظهر» بين مناطق لوحة التحكم:

أقسام لوحة تحكم ووردبريس الثمانية: المقالات، الصفحات، الوسائط، المظهر، الإضافات، المستخدمون، الإعدادات، الأدوات.أقسام لوحة تحكم ووردبريس (wp-admin)المقالاتالمحتوى والمدوّنةالصفحاتالصفحات الثابتةالوسائطالصور والملفّاتالمظهرالقوالب والقوائمالإضافاتتركيب وتحديثالمستخدمونالحسابات والأدوارالإعداداتالضبط العامّالأدواتاستيراد وتصديرمن هذه الأقسام تدير محتوى موقعك ومظهره ووظائفه ومستخدميه
لوحة تحكم ووردبريس (wp-admin) وأقسامها: المقالات والصفحات (المحتوى)، الوسائط، المظهر (القوالب والقوائم)، الإضافات، المستخدمون، الإعدادات، والأدوات.

الفارق الوحيد بين النظامين عند هذه النقطة هو ماذا تجد داخل قائمة «المظهر»: عنصر اسمه «تخصيص» (كلاسيكي) أم عنصر اسمه «مُحرّر» (قالب كتل). ومن هذا الفارق البسيط تعرف أيّ عالم أنت فيه.

البُعدأداة التخصيص (Customizer)مُحرّر الموقع (Site Editor)
نوع القالبكلاسيكي (Classic)قالب كتل (Block)
مسار الفتحالمظهر ← تخصيصالمظهر ← مُحرّر
فلسفة العملضبط خيارات يتيحها القالبتحرير الموقع نفسه بالكتل
المعاينةحيّة جانبية قبل الحفظتحرير مباشر على الشاشة
الترويسة والتذييلغالبًا غير قابلة للتحرير الحرّأجزاء قالب قابلة للتحرير الكامل
ضبط الألوان والخطوط عمومًاحسب ما يتيحه القالبلوحة «الأنماط» الشاملة موحّدة
مستقبل التطويرمستقرّ (لا ميزات جديدة تقريبًا)حيث تذهب كل الميزات الجديدة

كيف تعرف أي نظام تخصيص لديك: أداة التخصيص أم محرّر الموقع؟

لا تحتاج معرفة تقنية للإجابة؛ يكفي أن تفتح لوحة التحكم وتنظر. مرّر المؤشّر على «المظهر» في القائمة الجانبية، واقرأ القائمة الفرعية:

  • إن رأيت عنصرًا اسمه «تخصيص» (Customize) — فقالبك كلاسيكي، وأداتك هي أداة التخصيص. غالبًا سترى أيضًا «القوالب» و«الودجت» و«القوائم» كعناصر منفصلة.
  • إن رأيت عنصرًا اسمه «مُحرّر» (Editor) — فقالبك قالب كتل، وكل تخصيصك يجري داخل مُحرّر الموقع، وغالبًا لن تجد «تخصيص» أصلًا.

هناك مؤشّر ثانٍ إن أردت تأكيدًا: القوالب الافتراضية الحديثة من ووردبريس التي تبدأ اسمها بـ«Twenty Twenty-...» (مثل قوالب أعوام 2022 وما بعدها) هي قوالب كتل. أما القوالب الأقدم أو كثير من القوالب التجارية التي تعتمد على «باني صفحات» خاص بها فغالبًا كلاسيكية. لكن تبقى القاعدة الأضمن هي النظر إلى قائمة «المظهر» مباشرة.

السؤالجوابه في القالب الكلاسيكيجوابه في قالب الكتل
ماذا أرى تحت «المظهر»؟«تخصيص» + «الودجت» + «القوائم»«مُحرّر» (وغالبًا بلا «تخصيص»)
أين أغيّر الألوان والخطوط؟تخصيص ← الألوان / الخطوطمُحرّر ← الأنماط (Styles)
أين أعدّل الترويسة والتذييل؟ودجت ومناطق يتيحها القالبمُحرّر ← أجزاء القالب
هل توجد معاينة حيّة جانبية؟نعمالتحرير نفسه معاينة مباشرة
هل يمكنني تحرير كل قالب صفحة؟لا (يتحكّم القالب)نعم (القوالب Templates)

وقد تصادف قوالب حديثة «هجينة» — قالب كلاسيكي أضاف بعض ميزات الكتل، أو قالب كتل أبقى أداة تخصيص مبسّطة إلى جانب المحرّر. لا يربكك هذا: القاعدة نفسها تعمل — استخدم ما تجده فعلًا في قائمة «المظهر»، ولا تبحث عن زرّ غير موجود لديك، فالأداة الحاضرة أمامك هي أداتك الصحيحة أيًّا كان تصنيف القالب.

ما أقسام أداة التخصيص (Customizer) وماذا يفعل كل قسم؟

لنبدأ بالنظام الكلاسيكي لأنه ما زال الأوسع انتشارًا. حين تفتح «المظهر ← تخصيص» تنقسم الشاشة إلى جزأين: لوحة أقسام على الجهة، ومعاينة حيّة لموقعك تتغيّر مع كل تعديل. الأقسام الظاهرة تختلف قليلًا من قالب لآخر (فبعض القوالب تضيف أقسامها الخاصّة)، لكن هناك أقسامًا أساسية موجودة في معظم القوالب الكلاسيكية. إليك خريطة الأقسام الستّة التي ستقضي فيها معظم وقتك — وهي الأقسام نفسها تقريبًا التي ستجدها بمسمّيات مقابلة في مُحرّر الموقع:

مخطّط تخصيص قالب ووردبريس بلا كود: مساران في الأعلى (قالب كلاسيكي ← أداة التخصيص، وقالب كتل ← مُحرّر الموقع) يلتقيان في مركز «تخصيص القالب بلا كود» الذي يتفرّع إلى ستّة أقسام: هوية الموقع والشعار، الألوان، الخطوط والطباعة، القوائم، الصفحة الرئيسية، وCSS إضافي.تخصيص القالب بلا كود: نظامان وستّة أقسامقالب كلاسيكي ← أداة التخصيصقالب كتل ← مُحرّر الموقعتخصيص القالب بلا كودهوية الموقع والشعارالألوانالخطوط والطباعةالقوائمالصفحة الرئيسيةCSS إضافي
تخصّص قالب ووردبريس بلا كود عبر أداة التخصيص (للقوالب الكلاسيكية) أو مُحرّر الموقع (لقوالب الكتل)، وأقسامه الستّة: الهوية والشعار، الألوان، الخطوط، القوائم، الصفحة الرئيسية، وCSS إضافي.

والآن جدول مرجعي بما يفعله كل قسم رئيسي في أداة التخصيص قبل أن نشرح المهمّ منها بالتفصيل:

القسمماذا يضبطمثال عملي
هوية الموقع (Site Identity)العنوان، الوصف المختصر، الشعار، أيقونة الموقعرفع شعار علامتك بدل النصّ
الألوان (Colors)ألوان الخلفية والروابط والعناصر التي يتيحها القالبجعل لون الأزرار بلون علامتك
صورة الخلفية (Background Image)خلفية الموقع أو أقسام منهخلفية خفيفة خلف المحتوى
القوائم (Menus)بناء قوائم التنقّل وترتيب عناصرهاقائمة علوية: الرئيسية، الخدمات، المدوّنة
الودجت (Widgets)عناصر الشريط الجانبي والتذييل«أحدث المقالات» في التذييل
الصفحة الرئيسية (Homepage Settings)آخر المقالات أم صفحة ثابتةجعل صفحة «الرئيسية» واجهة الموقع
CSS إضافي (Additional CSS)تعديلات بصرية دقيقة بكود CSS بسيطتكبير خطّ عنوان أو إخفاء عنصر

هوية الموقع: العنوان والوصف والشعار وأيقونة الموقع

قسم هوية الموقع هو أول ما تضبطه. فيه تكتب عنوان الموقع والوصف المختصر (Tagline)، وترفع الشعار (Logo) الذي يظهر أعلى الموقع بدل النصّ، وتضبط أيقونة الموقع (Site Icon) — وهي الأيقونة الصغيرة التي تظهر في تبويب المتصفّح وعند حفظ الموقع في المفضّلة، وتُعرف تقنيًّا بـ«الفافيكون» (favicon). ارفع صورة مربّعة لا تقلّ عن 512×512 بكسل لتظهر أيقونتك واضحة في كل الأجهزة.

نقطة يخلط فيها كثيرون: الشعار وأيقونة الموقع شيئان مختلفان. الشعار صورة أفقية غالبًا تظهر في ترويسة الموقع، وأيقونة الموقع مربّعة صغيرة تظهر في التبويب. اضبط الاثنين معًا لهوية متكاملة.

نصيحة عملية قبل الرفع: جهّز شعارك بخلفية شفّافة (صيغة PNG) لا خلفية بيضاء، حتى يندمج مع لون ترويسة موقعك مهما كان. وإن كان قالبك يعرض عنوان الموقع نصًّا بجوار الشعار ولا تريد ذلك، فغالبًا هناك خيار لإخفاء النصّ والاكتفاء بالشعار — وإن لم يوجد، فسطر CSS واحد يخفيه كما سنرى في قسم الـCSS الإضافي.

الألوان والخلفية

قسم الألوان يتيح لك تغيير ألوان يحدّدها القالب — لون الخلفية العامّ، لون الروابط، وأحيانًا لون العناصر البارزة أو الأزرار. مدى ما تستطيع تغييره هنا يعتمد على القالب: قالب غنيّ يمنحك عشرات الخيارات، وقالب بسيط قد يعطيك لونين فقط. إن وجدت أن القالب لا يتيح تغيير لون تريده، فذلك تحديدًا ما وُجد له قسم CSS إضافي كما سنرى. قسم صورة الخلفية يتيح رفع صورة تكون خلفية للموقع (استعملها بحذر: خلفية مزدحمة تُتعب العين وتؤذي قابلية القراءة).

القوائم: بناء شريط التنقّل

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

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

الودجت والصفحة الرئيسية الثابتة

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

CSS إضافي: متنفّسك للتعديلات الدقيقة

آخر قسم — وأهمّها للمخصّص الطموح — هو CSS إضافي (Additional CSS). سنفرد له قسمًا كاملًا لاحقًا لأنه المتنفّس الوحيد لتعديل تفاصيل بصرية لم يتِح لك القالب ضبطها، مع أنه لا يتطلّب معرفة برمجية حقيقية.

كيف تخصّص قالب الكتل عبر محرّر الموقع والأنماط الشاملة؟

إن كان قالبك من قوالب الكتل، فبيتك هو «المظهر ← مُحرّر». حين تفتحه ترى الموقع نفسه معروضًا وقابلًا للتحرير، وعلى الجهة قائمة بأربعة محاور رئيسية:

  • الأنماط (Styles): لوحة الألوان والخطوط والمساحات لكل الموقع — قلب التخصيص بلا كود في قوالب الكتل.
  • القوالب (Templates): قوالب الصفحات (الرئيسية، المقال المفرد، الأرشيف، صفحة 404…) تحرّرها بالكتل.
  • أجزاء القالب (Template Parts): العناصر المتكرّرة كالترويسة (Header) والتذييل (Footer)، تعدّلها مرّة فتنعكس في كل الموقع.
  • الأنماط (Patterns) والصفحات: كتل جاهزة وصفحات تديرها من المحرّر نفسه.

الأنماط الشاملة: الألوان والخطوط من لوحة واحدة

أهمّ ما في مُحرّر الموقع لغير المبرمج هو الأنماط الشاملة (Global Styles). تصل إليها بالنقر داخل الصفحة ثم النقر على أيقونة الأنماط (دائرة نصفها مملوء) أعلى الزاوية. من هذه اللوحة الواحدة تضبط مظهر موقعك كلّه بلا كود:

  • الألوان: تختار لوحة ألوان جاهزة من قالبك، أو تبني لوحتك الخاصّة، وتحدّد ألوان النصّ والخلفية والروابط والأزرار والعناوين.
  • الطباعة (Typography): تضبط عائلة الخطّ ووزنه وارتفاع السطر وحجمه للنصّ والروابط، وتبدّل بين وحدات الحجم (بكسل، em، rem).
  • التخطيط والكتل: تضبط المساحات العامّة، بل تعدّل المظهر الافتراضي لكل نوع كتلة (مثلًا: اجعل كل أزرار الموقع بلون علامتك، أو كبّر حجم كتلة العنوان) فينطبق على كل ظهور لتلك الكتلة في الموقع.

تنويعات النمط: تغيير هوية الموقع بنقرة

ميزة لطيفة في قوالب الكتل هي تنويعات النمط (Style Variations): مجموعات ألوان وخطوط جاهزة يقدّمها قالبك، تبدّل بينها بنقرة واحدة فيتغيّر إحساس الموقع كلّه فورًا. جرّب التنويعات المتاحة قبل أن تتعب في ضبط كل لون يدويًّا — قد يكون أحدها قريبًا جدًّا مما تريد، فتبني عليه بتعديلات بسيطة بدل أن تبدأ من الصفر.

ما يميّز الأنماط الشاملة أنّ تعديلاتها تتدرّج من العامّ إلى الخاصّ: تضبط لونًا أو خطًّا على مستوى الموقع كلّه، فيَرِثه كل عنصر تلقائيًّا، ثم يمكنك عند الحاجة تجاوز هذا الإعداد على مستوى كتلة بعينها فقط. هذا المنطق يوفّر عليك ضبط كل صفحة على حدة: غيّرت لون علامتك؟ تنعكس التغييرة في كل زرّ ورابط وعنوان دفعة واحدة. وحين تحفظ، تُخزَّن هذه الأنماط في قاعدة بيانات موقعك وتتجاوز إعدادات القالب الافتراضية دون أن تلمس أي ملف.

الترويسة والتذييل والقوالب

في القوالب الكلاسيكية تتحكّم بالترويسة والتذييل بحدود ما يتيحه القالب. في قوالب الكتل الأمر أوسع: أجزاء القالب (Header وFooter) كتل قابلة للتحرير الكامل، تضيف إليها شعارك وقائمتك وأيقونات التواصل وترتّبها كما تشاء، وتنعكس في كل صفحات الموقع. وكذلك القوالب: يمكنك تحرير شكل صفحة المقال المفرد أو الأرشيف أو صفحة النتائج بلا لمس أي كود.

أريد أن…في القالب الكلاسيكيفي قالب الكتل
أرفع الشعارتخصيص ← هوية الموقعمُحرّر ← الترويسة (كتلة الشعار)
أغيّر ألوان الموقعتخصيص ← الألوانمُحرّر ← الأنماط ← الألوان
أغيّر الخطوطحسب ما يتيحه القالبمُحرّر ← الأنماط ← الطباعة
أبني قائمة تنقّلتخصيص ← القوائممُحرّر ← الترويسة (كتلة التنقّل)
أعدّل التذييلودجت التذييلمُحرّر ← جزء قالب التذييل
أضيف CSS مخصّصًاتخصيص ← CSS إضافيمُحرّر ← الأنماط ← ⋮ ← CSS إضافي

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

ووردبريس أسرع وأكثر أمانًا بلا إعدادات

ووردبريس المُدار من wpressly: سرعة وكاش وحماية وتحديثات تلقائية مع دعم عربي — ركّز على محتواك لا على السيرفر.

جرّب ووردبريس المُدار

كيف تختار الصفحة الرئيسية: آخر المقالات أم صفحة ثابتة؟

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

الضبط في الكلاسيكي من تخصيص ← إعدادات الصفحة الرئيسية، وفي قالب الكتل من الإعدادات ← القراءة أو من داخل المحرّر. الخطوات المنطقية: أنشئ صفحتين فارغتين — واحدة سمّها «الرئيسية» وأخرى «المدوّنة» — ثم اختر «صفحة ثابتة»، واجعل «الرئيسية» هي واجهة الموقع و«المدوّنة» هي صفحة المقالات. بعدها صمّم صفحة «الرئيسية» بالكتل كما تريد.

نوع موقعكالخيار الأنسبلماذا
مدوّنة / موقع أخبارآخر المقالاتالمحتوى المتجدّد هو الواجهة
موقع شركة / خدماتصفحة ثابتةرسالة ثابتة + دعوة للتواصل
محفظة أعمال / شخصيصفحة ثابتةتعريف بك وبأعمالك أوّلًا
متجر إلكترونيصفحة ثابتة / واجهة المتجرإبراز المنتجات والعروض

كيف تضيف CSS مخصّصًا بأمان (والـCSS الإضافي)؟

مهما كان قالبك غنيًّا، ستصل لحظة تريد فيها تعديلًا بصريًّا دقيقًا لم يتِحه أي قسم: مباعدة أكبر بين الفقرات، إخفاء عنصر لا تريده، تكبير خطّ عنوان بعينه. هنا يأتي دور CSS الإضافي — وهو ليس «برمجة» بالمعنى الذي يخيفك، بل لغة تنسيق بسيطة تصف «شكل» العناصر. في القالب الكلاسيكي تجده في تخصيص ← CSS إضافي، وفي قالب الكتل عبر الأنماط ← قائمة النقاط الثلاث ⋮ ← CSS إضافي (أو ضمن إعدادات كتلة بعينها في تبويب «متقدّم»).

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

مثال 1 — تكبير خطّ عناوين المقالات قليلًا:

.entry-title {
  font-size: 2.2rem;
}

مثال 2 — زيادة المسافة بين فقرات المقال لراحة القراءة:

.entry-content p {
  line-height: 2;
  margin-bottom: 1.4em;
}

مثال 3 — إخفاء عنصر لا تريده (مثلًا سطر «آخر تحديث» أو أيقونة معيّنة):

.some-element {
  display: none;
}

القاعدة الذهبية مع CSS الإضافي: تعرّف على «اسم» العنصر أوّلًا. افتح موقعك، انقر بزرّ الفأرة الأيمن على العنصر واختر «فحص» (Inspect)، فيظهر لك اسم الصنف (class) الذي تستهدفه في الـCSS. ابدأ بتعديلات صغيرة واحفظ وشاهد الأثر، ولا تلصق أكوادًا طويلة من الإنترنت لا تفهمها. وانتبه: الإفراط في CSS قد يبطئ الموقع أو يكسر تجاوبه على الجوال، لذا أبقِه محدودًا ومرتّبًا — ولو أردت أداءً أفضل عمومًا فراجع تسريع ووردبريس.

وثمّة فخّ شائع يقع فيه المبتدئون: يضبطون حجم خطّ كبيرًا يبدو رائعًا على شاشة الحاسوب، فإذا بالعنوان نفسه يتكسّر ويخرج عن حدود الشاشة على الجوال. الحلّ ألّا تبالغ في القيم، وأن تعاين تعديلك على عرض شاشة صغير قبل اعتماده. وإن احتجت قيمة مختلفة للجوال فهناك «استعلامات وسائط» (Media Queries) في CSS، لكنها تدخل في تفصيل أعمق قليلًا؛ ولغالب الحالات يكفيك اختيار قيمة معتدلة تعمل جيّدًا على الجميع. تذكّر أنّ CSS الإضافي أداة مِبضع لا مِطرقة: لمسات دقيقة هنا وهناك، لا إعادة تصميم القالب كلّه — فإن وجدت نفسك تكتب مئات الأسطر، فالأرجح أنّ اختيار القالب نفسه لم يكن موفّقًا، والأجدى تبديله لا ترقيعه.

ووردبريس أسرع وأكثر أمانًا بلا إعدادات

ووردبريس المُدار من wpressly: سرعة وكاش وحماية وتحديثات تلقائية مع دعم عربي — ركّز على محتواك لا على السيرفر.

جرّب ووردبريس المُدار

ما الذي لا يجب أن تخصّصه من هنا؟

هذا القسم قد يكون الأهمّ في الدليل كلّه، لأنه يحميك من أخطاء شائعة ومكلفة. أدوات التخصيص — بنظاميها — تعالج الشكل: ألوان، خطوط، شعار، قوائم، تخطيط. لكنها ليست المكان الصحيح لأمرين:

أوّلًا: الوظائف الجديدة مكانها الإضافات لا القالب. إن أردت نموذج تواصل، أو متجرًا إلكترونيًّا، أو تحسين سيو متقدّم، أو نسخًا احتياطيًّا، أو نافذة اشتراك بريدي — فهذه وظائف تضيفها إضافة (Plugin)، لا شيء تبحث عنه في أداة التخصيص. القاعدة العملية: القالب يحدّد «شكل» الموقع، والإضافات تحدّد «وظائفه». وحين تختار إضافاتك، اختر بعناية من مصادر موثوقة كما نوضّح في أفضل إضافات ووردبريس الضرورية.

ولماذا هذا الفصل مهمّ عمليًّا؟ لأنّ بعض القوالب تُغري المبتدئ بحزمها لوظائف كثيرة داخل القالب نفسه (سلايدرات، شبكات محتوى، خيارات لا تنتهي)، فيبني موقعه معتمدًا عليها، ثمّ يوم يريد تبديل القالب يكتشف أنّ نصف موقعه سينهار لأنّ تلك الوظائف كانت مرتبطة بالقالب لا مستقلّة عنه. القاعدة الأسلم: أبقِ الوظائف في إضافات مستقلّة، فيبقى القالب مسؤولًا عن الشكل وحده، وتستطيع تبديله لاحقًا دون أن تفقد وظائف موقعك.

ثانيًا: التعديلات البرمجية العميقة مكانها قالب ابن لا ملفات القالب الأصل. إن احتجت تعديلًا لا يتيحه أي قسم ولا يكفيه CSS إضافي — كتغيير سلوك دالة PHP أو تعديل بنية قالب صفحة في الكود — فالطريق الصحيح قالب ابن (Child Theme): قالب صغير يرث كل شيء من القالب الأصل وتضع فيه تعديلاتك، فتبقى محفوظة عند تحديث الأصل.

ما تريدهيُخصَّص بلا كود من هنا؟الأداة الصحيحة
تغيير الشعار وأيقونة الموقعنعمهوية الموقع / الأنماط والترويسة
تغيير الألوان والخطوطنعمالألوان والطباعة / الأنماط الشاملة
بناء قوائم التنقّلنعمالقوائم / كتلة التنقّل
تعديل بصري دقيق (مباعدة، إخفاء)نعم (CSS إضافي)CSS إضافي
نموذج تواصللاإضافة (Plugin)
متجر إلكترونيلاإضافة WooCommerce
تحسين سيو متقدّملاإضافة SEO
نسخ احتياطيلاإضافة نسخ احتياطي
تعديل دالة PHP أو قالب في الكودلاقالب ابن (Child Theme)
تعديل style.css الأصليلاقالب ابن أو CSS إضافي

ما نصائح التخصيص الاحترافي بلا فوضى؟

بعد أن عرفت الأدوات، إليك خلاصة خبرة تجعل تخصيصك نظيفًا ومستقرًّا ولا تندم عليه لاحقًا:

  • ابدأ بالهوية قبل التفاصيل: ارفع الشعار وأيقونة الموقع واضبط لوحة الألوان والخطّ أوّلًا، فهي القرارات التي يبني عليها كل شيء بعدها.
  • جرّب تنويعات النمط أوّلًا (في قوالب الكتل) قبل ضبط كل لون يدويًّا — قد توفّر عليك ساعات.
  • قلّل ألوانك وخطوطك: لونان أو ثلاثة وخطّ أو خطّان يعطيان مظهرًا احترافيًّا؛ كثرتها تعطي فوضى.
  • عاين على الجوال: أكثر زوّارك على الهاتف. تأكّد أن تعديلاتك — خصوصًا CSS — لا تكسر العرض على الشاشات الصغيرة.
  • احفظ تعديلات CSS عندك أيضًا: احتفظ بنسخة من أكواد CSS الإضافي في ملف نصّي على جهازك، تحسّبًا لأي تبديل قالب مستقبلًا.
  • لا تعدّل ملفات القالب الأصل — كرّرناها لأنها الخطأ الأكثر كلفة. CSS إضافي للبصري، وقالب ابن للكود.

الأسئلة الشائعة

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

لماذا لا أجد «تخصيص» تحت قائمة المظهر عندي؟ لأن قالبك على الأرجح قالب كتل، وفي قوالب الكتل تختفي أداة التخصيص الكلاسيكية غالبًا ويحلّ محلّها «المظهر ← مُحرّر». افتح مُحرّر الموقع وستجد كل أدوات التخصيص هناك تحت «الأنماط» و«القوالب» و«أجزاء القالب».

ما الفرق بين أداة التخصيص ومُحرّر الموقع؟ أداة التخصيص أداة القوالب الكلاسيكية: تضبط خيارات يتيحها القالب مع معاينة حيّة. مُحرّر الموقع أداة قوالب الكتل: تحرّر الموقع نفسه (الترويسة والتذييل وكل القوالب) بالكتل مباشرة، وتضبط الألوان والخطوط عمومًا من لوحة «الأنماط». الاتجاه المستقبلي لووردبريس نحو مُحرّر الموقع.

كيف أغيّر شعار موقعي؟ في القالب الكلاسيكي: المظهر ← تخصيص ← هوية الموقع ← الشعار. في قالب الكتل: افتح مُحرّر الموقع ← الترويسة، وحدّد كتلة الشعار ثم ارفع صورتك. وفي الحالتين اضبط أيضًا «أيقونة الموقع» (الفافيكون) وهي منفصلة عن الشعار.

ما الفرق بين الشعار وأيقونة الموقع (Favicon)؟ الشعار صورة — أفقية غالبًا — تظهر في ترويسة الموقع للزوّار. أيقونة الموقع صورة مربّعة صغيرة (يُنصح 512×512 بكسل فأكثر) تظهر في تبويب المتصفّح وعند حفظ الموقع في المفضّلة. اضبطهما معًا لهوية متكاملة.

كيف أضيف CSS مخصّصًا وأين أجده؟ في الكلاسيكي: المظهر ← تخصيص ← CSS إضافي. في قالب الكتل: المظهر ← مُحرّر ← الأنماط ← قائمة النقاط الثلاث ⋮ ← CSS إضافي، أو ضمن تبويب «متقدّم» لكتلة بعينها. الميزة أن هذا الكود يبقى محفوظًا عند تحديث القالب، بخلاف تعديل ملفات القالب مباشرة.

هل تختفي تعديلاتي إذا حدّثت القالب؟ تعديلات أداة التخصيص ومُحرّر الموقع وCSS الإضافي محفوظة في قاعدة البيانات وإعدادات الموقع، فلا تتأثّر بتحديث القالب. الذي يختفي عند التحديث هو ما تعدّله مباشرة في ملفات القالب الأصل — ولهذا نحذّر من فعل ذلك، ونوجّهك إلى قالب ابن للتعديلات البرمجية.

كيف أجعل صفحة معيّنة هي واجهة موقعي بدل آخر المقالات؟ أنشئ صفحة ثابتة، ثم اذهب إلى إعدادات الصفحة الرئيسية (تخصيص ← إعدادات الصفحة الرئيسية في الكلاسيكي، أو الإعدادات ← القراءة)، واختر «صفحة ثابتة» ثم عيّن صفحتك كواجهة، ويفضّل تعيين صفحة أخرى للمدوّنة.

أريد إضافة نموذج تواصل أو متجر — هل أفعل ذلك من أداة التخصيص؟ لا. أداة التخصيص ومُحرّر الموقع للشكل فقط. النماذج والمتاجر والسيو وظائف تضيفها إضافات (Plugins). ثبّت الإضافة المناسبة من مصدر موثوق، وستضيف الوظيفة ثم تدمجها في صفحاتك بكتلة أو رمز قصير.

متى أحتاج قالبًا ابنًا (Child Theme)؟ حين تريد تعديلًا برمجيًّا عميقًا لا يتيحه أي قسم ولا يكفيه CSS إضافي — كتعديل دوال PHP أو بنية قالب في الكود. القالب الابن يحفظ تعديلاتك من الضياع عند تحديث القالب الأصل. لغالب المستخدمين، أدوات التخصيص وCSS الإضافي تكفي ولن يحتاجوا قالبًا ابنًا أبدًا.

هل أستطيع الرجوع إذا لم يعجبني تخصيصي؟ نعم. أداة التخصيص لا تطبّق شيئًا حتى تضغط «نشر»، فيمكنك الخروج دون حفظ ليعود كل شيء. وفي مُحرّر الموقع يمكنك التراجع عن التعديلات، بل «إعادة تعيين» أجزاء القالب إلى أصلها. جرّب بلا خوف — معظم التخصيص قابل للتراجع.

الخلاصة

تخصيص قالب ووردبريس دون كود ليس معقّدًا بمجرّد أن تفهم القاعدة الأساسية: نظامان حسب نوع القالب. القوالب الكلاسيكية تُخصَّص بـأداة التخصيص (المظهر ← تخصيص) بأقسامها الجاهزة والمعاينة الحيّة، وقوالب الكتل تُخصَّص بـمُحرّر الموقع (المظهر ← مُحرّر) عبر «الأنماط» الشاملة والقوالب وأجزاء القالب. وتعرف نظامك بنظرة واحدة إلى قائمة «المظهر». وفي الحالتين الأقسام التي تضبطها واحدة تقريبًا: الهوية والشعار، الألوان، الخطوط، القوائم، الصفحة الرئيسية، وCSS إضافي للمسات الدقيقة.

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

ووردبريس أسرع وأكثر أمانًا بلا إعدادات

ووردبريس المُدار من wpressly: سرعة وكاش وحماية وتحديثات تلقائية مع دعم عربي — ركّز على محتواك لا على السيرفر.

جرّب ووردبريس المُدار