هذه المقالة نسخة مُوطَّنة من الأصل الياباني. اقرأ الأصل الياباني
Blocksy قالب WordPress مجاني ومتعدد الوظائف. يمكن إجراء معظم إعداداته من «المظهر ← تخصيص» (Appearance → Customize، أي المخصّص Customizer) مع معاينة مباشرة، ويُبنى الهيدر والفوتر بالسحب والإفلات. تشرح هذه المقالة بحسب ترتيب الإعدادات: تثبيت القالب والإضافة المساعدة «Blocksy Companion»، والألوان والخطوط التي تُحدَّد أولًا، وبناء الهيدر، وإعدادات عرض قائمة المدونة وصفحة المقالة، وتجهيز قالب فرعي.
فهم مكونات Blocksy
يتكون Blocksy من ثلاثة أجزاء.
- Blocksy (القالب نفسه): يمكن الحصول عليه مجانًا من WordPress.org. يوفر إعدادات التصميم في المخصّص وأداة بناء الهيدر والفوتر
- Blocksy Companion (إضافة مجانية): تتولى استيراد المواقع الجاهزة (بيانات تجريبية) وإضافة الوظائف الموسّعة
- Blocksy Pro (مدفوع): يضيف عناصر هيدر إضافية والعرض المشروط ووظائف تخطيط أدق
الأنسب أن تبدأ بالقالب مع Companion، وأن تفكر في Pro عندما يتبيّن أن ما تحتاجه لا تغطيه النسخة المجانية (قد تتغير أقسام الوظائف والأسعار، فتحقق منها في الموقع الرسمي كما هو في أكتوبر 2026).
كما أن Blocksy أقرب في بنائه إلى القوالب الكلاسيكية، ويدعم محرر الكتل أيضًا. ومواضع التشغيل تختلف عن قوالب الكتل التي يُبنى فيها كل شيء في محرر الموقع (Site Editor، «المظهر ← المحرر»)، فاحفظ القاعدة: «التصميم العام في المخصّص، ومحتوى المقالات والصفحات في محرر الكتل» لكي لا تضيع.
التثبيت وإضافة Companion
- من «المظهر ← القوالب ← إضافة قالب جديد» (Appearance → Themes → Add New Theme) ابحث عن «Blocksy» ثم ثبّته وفعّله
- من الإرشاد الذي يظهر بعد التفعيل، أو من لوحة Blocksy التي تُضاف إلى لوحة التحكم، ثبّت Blocksy Companion وفعّلها
يمكن التثبيت بـ WP-CLI كما يلي.
wp theme install blocksy --activate
wp plugin install blocksy-companion --activateإذا كنت تبدّل قالب موقع قائم فخذ نسخة احتياطية للموقع كله مسبقًا. فعند تغيير القالب قد لا تنتقل الأكواد القصيرة (Shortcodes) والودجات ومواضع عرض القوائم الخاصة بالقالب السابق.
هل تستخدم موقعًا جاهزًا (Starter Site)؟
بعد تثبيت Companion يمكنك استيراد «المواقع الجاهزة» (Starter Sites) من لوحة Blocksy. وتُضاف دفعة واحدة صفحات مصمَّمة وإعدادات المخصّص والإضافات المطلوبة، فيتيح لك ذلك في المواقع الجديدة تصوّر الشكل النهائي بسرعة.
لكن الأسلم تجنّب الاستيراد في موقع فيه مقالات قائمة. فتُضاف صفحات تجريبية وصور وقوائم، وتُستبدل إعدادات المخصّص، فلا تعود تعرف أي الإعدادات كانت الأصلية. وإن استخدمته فاستخدمه في بداية موقع جديد، أو جرّبه في بيئة اختبار (Staging) ثم قلّد الإعدادات التي تحتاجها فقط.
الإعدادات العامة التي تُحدَّد أولًا
عند فتح «المظهر ← تخصيص» تظهر بنود إعدادات Blocksy. غالبًا ما تكون أسماء البنود مترجمة، لكن قد يتغير الاسم باختلاف الإصدار. أول ما تبدأ به أمران يؤثران في الموقع كله.
الألوان (لوحة الألوان)
من إعدادات الألوان ضمن الإعدادات العامة تحدد لوحة الألوان الأساسية للموقع. يبني Blocksy لون النص ولون الروابط ولون الأزرار وغيرها بالرجوع إلى ألوان هذه اللوحة، فإذا غيّرت اللوحة تغيّرت ألوان الموقع كله دفعة واحدة.
وإذا حدّدت الألوان مباشرة في مواضع منفردة فسيلزمك تعديلها واحدًا واحدًا عندما تريد تغيير الألوان لاحقًا. الأسهل إدارةً أن تقرر الألوان في اللوحة، وألّا تحدد لونًا منفردًا إلا فيما يلزم أن يكون مختلفًا.
الخطوط (الطباعة Typography)
من إعدادات الطباعة تحدد خط النص والعناوين وحجم الخط وتباعد الأسطر. وما يجب الانتباه إليه في المواقع اليابانية أن اختيار خط لاتيني لا يُطبَّق على الأحرف اليابانية. فالأجزاء اليابانية تُعرض بخطوط جهاز الزائر، لذا اترك خط النص على الإعداد الافتراضي مثل «خط النظام» أو حدّد خطًا يدعم اليابانية.
وتحميل خط ياباني كخط ويب يجعل الملفات كبيرة وقد يؤثر في سرعة العرض. فإن استخدمته فقلّل أوزان الخط، وتحقق من أثره في سرعة العرض بـ PageSpeed Insights ونحوه.
بناء الهيدر
عند فتح بند الهيدر في المخصّص تظهر أداة بناء الهيدر في أسفل الشاشة. ينقسم الهيدر إلى صفوف علوي وأوسط وسفلي، وتسحب عناصر مثل الشعار (عنوان الموقع) والقائمة والبحث والأزرار إلى يمين الصف أو وسطه أو يساره.
ومما يوقع في الخطأ أن هيدر الحاسوب وهيدر الهاتف يُضبطان منفصلين. فإذا بدّلت عرض الأداة إلى الهاتف ظهر ترتيب مختلف. وفي الهاتف الأساسي أن توضع القائمة داخل «Off-Canvas» تُفتح من أيقونة الهامبرغر (المُشغِّل). وإذا ضبطت الحاسوب فقط ثم نشرت فقد لا تظهر القائمة في الهاتف، لذا تحقق من العرضين كليهما.
عند النقر على عنصر تظهر إعداداته (حجم الخط واللون والهوامش وغيرها) في الجانب. أما البنود التي تظهر في القائمة نفسها فأنشئها من «المظهر ← القوائم» (Appearance → Menus) ثم عيّنها لعنصر القائمة في الهيدر.
ويُبنى الفوتر بالفكرة نفسها في أداة بناء الفوتر. وإذا أردت تغيير ترتيب مناطق الودجات أو عبارة حقوق النشر فحرّرها من بند الفوتر.
عرض قائمة المدونة وصفحة المقالة
في المخصّص بنود إعدادات لكل نوع صفحة، مثل قائمة المقالات (المدونة) والمقالة المفردة والصفحات.
- قائمة المقالات: طريقة الترتيب كبطاقات أو قائمة، وعدد الأعمدة في الصف، ونسبة الصورة البارزة (Featured image)، وطول الملخص، ومعلومات المقالة المعروضة (تاريخ النشر والتصنيف وغيرها)
- المقالة المفردة: عرض منطقة المحتوى، ووجود الشريط الجانبي ومكانه، وطريقة عرض جزء العنوان، وعرض المقالات ذات الصلة ومعلومات الكاتب
- الصفحات: كما في المقالة المفردة، تُضبط العرض ووجود الشريط الجانبي
أكثر ما يؤثر في قابلية قراءة صفحة المقالة هو عرض النص. فالنصوص اليابانية الطويلة يصعب قراءتها إذا طال السطر جدًا، لذا إن لم يكن هناك شريط جانبي فاجعل عرض النص أضيق، وتحقق من أن الخط لا يصغر كثيرًا في الهاتف.
وإذا أردت تغيير تخطيط مقالة بعينها فمن إعدادات Blocksy التي تظهر في الشريط الجانبي لشاشة تحرير المقالة يمكنك تحديد أمور مثل إزالة الشريط الجانبي لتلك المقالة وحدها.
تجهيز قالب فرعي
إذا عدّلت ملفات القالب مباشرة فستضيع التغييرات عند تحديث القالب. وإذا كنت تضيف قليلًا من CSS فيكفيك «CSS إضافي» في المخصّص. وعندما تحتاج إلى تخصيص PHP أو استبدال القوالب فأنشئ قالبًا فرعيًا.
يوزّع الموقع الرسمي لـ Blocksy قالبًا فرعيًا جاهزًا. وإذا أنشأته بنفسك فضع في wp-content/themes/blocksy-child/ ملف style.css التالي،
/*
Theme Name: Blocksy Child
Template: blocksy
*/ثم حمّل أنماط القالب الفرعي في functions.php بالمجلد نفسه.
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'blocksy-child-style',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
}, 20 );عند التبديل إلى القالب الفرعي تُحفظ إعدادات المخصّص منفصلة عن القالب الأصل، فقد لا تظهر الإعدادات التي ضبطتها في القالب الأصل. ويمكن نقل إعدادات المخصّص بميزة التصدير والاستيراد إذا كانت Companion مثبّتة، فصدّرها قبل التبديل إلى القالب الفرعي لتجنب إعادة العمل.
التحديث وملاحظات التشغيل
يُحدَّث Blocksy وCompanion كثيرًا. خذ نسخة احتياطية قبل التحديث، وبعده راجع الهيدر وصفحة المقالة وعرض الهاتف. وإذا اختلّ العرض فامسح كاش إضافات الكاش وCDN ثم أعد التحقق. فإذا كنت تستخدم إضافة تسريع تدمج CSS وتضغطه فقد يبقى CSS قديم فيبدو العرض مختلًّا.
الخلاصة
- ابدأ باستخدام Blocksy مع Blocksy Companion، وفكّر في Pro بعد أن يتضح ما ينقصك من وظائف
- استخدم المواقع الجاهزة في موقع جديد أو في بيئة اختبار، وانتبه في المواقع القائمة إلى استبدال الإعدادات
- حدد الإعدادات العامة بلوحة الألوان وبالطباعة. وانتبه إلى أن الخطوط اللاتينية لا تؤثر في الأحرف اليابانية
- أداة بناء الهيدر منفصلة بين الحاسوب والهاتف. تحقق من العرضين، واستخدم قالبًا فرعيًا إن كنت ستعدّل PHP
لديك أسئلة حول WordPress؟ ناشر هذا الموقع موجود في اليابان ويرد باللغة اليابانية. تواصل معنا (باليابانية)