شرح قالب Sora Store Free للمبتدئين وطريقة عمله قبل التعديل.
إذا كنت تمتلك مدونة على منصة Blogger وتريد تحويلها إلى موقع احترافي لعرض المنتجات أو مراجعات المنتجات والتسويق بالعمولة، فإن قالب Sora Store Free يمكن أن يكون نقطة بداية جيدة.
لكن قبل أن تبدأ في تغيير الألوان أو الشعار أو القائمة أو حذف أجزاء من القالب، من المهم أن تفهم أولًا كيف يعمل القالب، وما هي مكوناته، وأين توجد الأجزاء التي سنقوم بتعديلها في الدروس القادمة.
في هذه السلسلة سنشرح تعديل قالب Sora Store خطوة بخطوة، بداية من تثبيته وضبط إعداداته الأساسية، وصولًا إلى تحويله إلى موقع مراجعات منتجات احترافي ومتوافق مع الهواتف ومحركات البحث.
ماذا سنتعلم في هذه السلسلة؟
هذه ليست مجرد سلسلة لشرح طريقة تغيير لون أو شعار القالب، وإنما سنعمل على القالب تدريجيًا.
سنتعلم مثلًا:
- تثبيت قالب Sora Store.
- أخذ نسخة احتياطية قبل التعديل.
- فهم لوحة التخطيط Layout.
- تعديل الشعار.
- تعديل القائمة الرئيسية.
- إنشاء القوائم المنسدلة.
- إنشاء Mega Menu.
- تعديل الهيدر.
- التحكم في الصفحة الرئيسية.
- إنشاء أقسام للمقالات والمنتجات.
- تحسين عرض الموقع على الهاتف.
- تحويل القالب إلى موقع مراجعات منتجات.
- إضافة أزرار الشراء والتسويق بالعمولة.
- إنشاء صفحات About Us وContact Us.
- إضافة الوضع الليلي.
- تحسين سرعة الموقع.
- تحسين SEO.
- إزالة العناصر غير الضرورية.
- إضافة خصائص جديدة إلى القالب.
والأهم أن الأكواد التي سنستخدمها ستكون مشروحة، حتى لا يكون هدفك مجرد نسخ ولصق الكود، وإنما معرفة وظيفة كل جزء منه.
ما هو قالب Sora Store؟
Sora Store هو قالب مخصص لمنصة Blogger، وقد صُمم في الأساس ليعطي المدونة مظهرًا قريبًا من المتاجر الإلكترونية.
ولهذا ستجد فيه عناصر تختلف عن القوالب التقليدية التي تعتمد فقط على عرض المقالات.
ومن أهم فكرة القالب أنه يعتمد على تقسيم الصفحة الرئيسية إلى مجموعة من الأقسام، بحيث يمكن عرض المنتجات أو المقالات في أماكن مختلفة.
وهذا يجعله مناسبًا لعدة أنواع من المواقع، مثل:
- متاجر المنتجات.
- مواقع مراجعات المنتجات.
- مواقع التسويق بالعمولة.
- مواقع الأجهزة الإلكترونية.
- مواقع العروض والخصومات.
- مواقع المنتجات التقنية.
لكننا في هذه السلسلة سنركز بشكل خاص على استخدامه كموقع مراجعات ومنتجات وأفلييت.
لماذا يجب فهم القالب قبل تعديله؟
من الأخطاء الشائعة أن يقوم صاحب المدونة بفتح:
المظهر → تعديل HTML
ثم يبدأ في حذف الأكواد أو تغييرها دون معرفة وظيفة كل جزء.
وهذا قد يؤدي إلى:
- اختفاء القائمة.
- توقف السلايدر.
- ظهور الصفحة بشكل غير صحيح.
- مشاكل في الهاتف.
- اختفاء بعض الأدوات.
- ظهور أخطاء في XML.
- تعطل JavaScript.
- بطء الموقع.
لذلك ستكون أول قاعدة في هذه السلسلة:
لا تحذف أي كود من قالب Sora Store قبل أن تعرف وظيفته.
المكونات الأساسية للقالب
يمكن تقسيم قالب Sora Store إلى مجموعة من الأجزاء الرئيسية.
1. Header – رأس الموقع
وهو الجزء الموجود في أعلى الموقع.
عادةً يحتوي على عناصر مثل:
- الشعار.
- اسم الموقع.
- القائمة.
- البحث.
- بعض الأيقونات أو الروابط.
وسنخصص درسًا كاملًا لاحقًا لتعديل الـ Header.
2. Main Menu – القائمة الرئيسية
القائمة الرئيسية هي من أهم أجزاء الموقع لأنها تساعد الزائر على الانتقال بين الأقسام.
على سبيل المثال، يمكن أن تكون القائمة:
Home | Smartphones | Laptops | Gadgets | Reviews | Contact
أو حسب تخصص موقعك.
وفي الدروس القادمة سنتعلم كيفية:
- إضافة رابط جديد.
- حذف رابط.
- تغيير اسم الرابط.
- ربط الرابط بتصنيف Label.
- إنشاء قائمة منسدلة.
- إنشاء Mega Menu.
3. Slider – السلايدر
السلايدر هو الجزء الذي يظهر عادةً في الصفحة الرئيسية ويستخدم لإبراز مجموعة من المقالات أو المنتجات.
يمكن استخدامه مثلًا لعرض:
- أفضل الهواتف.
- أحدث المراجعات.
- أفضل المنتجات.
- عروض مميزة.
ولكن بالنسبة لموقع مراجعات، لا ينبغي أن يكون السلايدر مجرد صور جميلة.
الأفضل أن نستخدمه لإبراز المحتوى المهم الذي تريد أن يصل إليه الزائر بسرعة.
4. Homepage – الصفحة الرئيسية
الصفحة الرئيسية هي أهم جزء في القالب.
بدل أن تعرض جميع المقالات بطريقة واحدة، يمكن تنظيم الصفحة إلى أقسام.
مثلًا:
Latest Reviews
أحدث مراجعات المنتجات.
Smartphones
مراجعات الهواتف.
Smart Watches
مراجعات الساعات الذكية.
Accessories
الإكسسوارات.
Best Products
أفضل المنتجات التي قمت بمراجعتها.
بهذه الطريقة يصبح الموقع أكثر تنظيمًا وأسهل بالنسبة للزائر.
5. Labels – التصنيفات
في Blogger لا نعتمد على نظام Categories الموجود في بعض أنظمة إدارة المحتوى الأخرى، وإنما نستخدم Labels لتنظيم المقالات.
مثلًا يمكن أن يكون لديك مقال بعنوان:
Best Budget Smartphones in 2026
وتضع له Label:
Smartphones
ومقال آخر:
Best Smart Watches in 2026
وتضع له:
Smart Watches
وبذلك يمكن للقالب عرض المقالات حسب التصنيف.
وهذه النقطة مهمة جدًا في Sora Store، لأن كثيرًا من أقسام الصفحة الرئيسية تعتمد على Labels.
6. Post – صفحة المقال
عندما يفتح الزائر أحد المقالات، ينتقل إلى صفحة المقال التي تحتوي على:
- عنوان المقال.
- صورة المقال.
- تاريخ النشر.
- محتوى المقال.
- الصور.
- العناوين الفرعية.
- أزرار المشاركة.
- المقالات ذات الصلة.
- التعليقات.
وفي الدروس المتقدمة سنعمل على جعل صفحة المقال مناسبة جدًا لمراجعات المنتجات.
على سبيل المثال يمكن أن تحتوي مراجعة المنتج على:
Product Overview
ثم:
Pros
Cons
Specifications
Our Verdict
ثم زر:
Check Price
وهذا أفضل بكثير من استخدام تصميم متجر تقليدي إذا كان الموقع يعتمد على التسويق بالعمولة.
7. Sidebar – الشريط الجانبي
قد يحتوي القالب على شريط جانبي يمكن استخدامه لإضافة:
- البحث.
- التصنيفات.
- أحدث المقالات.
- المقالات الأكثر مشاهدة.
- الإعلانات.
- روابط مهمة.
لكن لا ننصح بإضافة عدد كبير من الأدوات.
كل Widget إضافية قد تؤثر في:
- شكل الموقع.
- سرعة التحميل.
- تجربة المستخدم.
ولهذا سنتعلم لاحقًا كيفية إزالة العناصر التي لا نحتاج إليها.
8. Footer – تذييل الموقع
يوجد في نهاية الموقع.
يمكن استخدامه لإضافة:
- About Us
- Contact Us
- Privacy Policy
- Disclaimer
- Affiliate Disclosure
- روابط التواصل الاجتماعي.
كما يمكن وضع حقوق الموقع في الفوتر.
وسنشرح لاحقًا كيفية تعديل الفوتر دون التسبب في مشاكل للقالب.
الفرق بين Layout وEdit HTML
هذه نقطة مهمة جدًا للمبتدئ.
Layout
من:
Blogger → Layout
يمكنك التحكم في الأدوات التي يسمح القالب بإدارتها من خلال لوحة بلوجر.
مثل:
- إضافة Widget.
- حذف Widget.
- تغيير بعض الإعدادات.
- ترتيب بعض العناصر.
وهذه الطريقة هي الأكثر أمانًا للمبتدئين.
Edit HTML
من:
Blogger → Theme → Edit HTML
هنا ستتعامل مع الكود الأساسي للقالب.
ستجد:
HTML
و:
CSS
و:
JavaScript
وأحيانًا أكواد XML الخاصة ببلوجر.
وهنا يجب الحذر.
خطأ صغير في الكود قد يؤدي إلى ظهور رسالة خطأ عند حفظ القالب أو إلى خلل في التصميم.
هل نحتاج إلى تعديل XML؟
نعم، إذا أردنا إجراء تعديلات متقدمة.
مثل:
- تعديل الهيدر.
- تعديل القائمة.
- تغيير طريقة عرض المقالات.
- إضافة زر Dark Mode.
- إضافة خصائص جديدة.
- تعديل CSS.
- حذف أجزاء من القالب.
- إضافة JavaScript.
لكننا لن نبدأ بذلك مباشرة.
سنبدأ أولًا بفهم القالب وأخذ نسخة احتياطية منه.
أهم قاعدة: خذ نسخة احتياطية
قبل إجراء أي تعديل على Sora Store، قم بتحميل نسخة من القالب.
من لوحة بلوجر انتقل إلى:
المظهر → النسخ الاحتياطي / تنزيل القالب
واحفظ ملف XML على جهازك.
يفضل أن تسمي النسخة مثلًا:
sora-store-original.xml
ولا تعدل هذه النسخة.
بعد ذلك يمكنك إنشاء نسخة أخرى للعمل عليها.
مثلًا:
sora-store-custom.xml
بهذه الطريقة إذا حدث خطأ، يمكنك العودة إلى النسخة الأصلية.
كيف سنعدل القالب في هذه السلسلة؟
لن نقوم بتغيير كل شيء مرة واحدة.
سنستخدم أسلوبًا تدريجيًا.
المرحلة الأولى
التعرف على القالب وتثبيته.
المرحلة الثانية
تعديل:
- الشعار.
- الاسم.
- القائمة.
- الهيدر.
المرحلة الثالثة
تعديل الصفحة الرئيسية:
- السلايدر.
- الأقسام.
- المقالات.
- Labels.
المرحلة الرابعة
تحويل القالب إلى موقع مراجعات.
سنضيف تصميمًا مناسبًا لـ:
- مراجعات الهواتف.
- الإلكترونيات.
- الأدوات.
- المنتجات المنزلية.
- منتجات Amazon.
المرحلة الخامسة
تحسين القالب:
- الهاتف.
- السرعة.
- SEO.
- Dark Mode.
- تجربة المستخدم.
هل Sora Store مناسب لموقع مراجعات؟
نعم، ولكن يحتاج إلى تعديلات.
القالب مصمم بفكرة متجر، بينما موقع المراجعات يحتاج إلى التركيز أكثر على المحتوى.
لذلك سنقوم تدريجيًا بتحويل الشكل من:
Online Store
إلى:
Product Reviews & Buying Guides
وهذا يعني أن المقال نفسه سيكون أهم من مجرد صورة المنتج.
مثال على الشكل الذي سنصل إليه
يمكن أن تكون الصفحة الرئيسية مثلًا:
Logo
Home
Smartphones
Laptops
Gadgets
Reviews
Buying Guides
Contact
--------------------------------
Featured Reviews
[Product] [Product] [Product]
--------------------------------
Latest Reviews
Article
Article
Article
--------------------------------
Smartphones
Article
Article
Article
--------------------------------
Best Products
Article
Article
Article
--------------------------------
Footer
About | Contact | Privacy | Disclaimer
وهذا التصميم سيكون أكثر ملاءمة لموقع مراجعات من استخدام جميع عناصر المتجر الموجودة في القالب كما هي.
ماذا سنفعل في الدرس القادم؟
بعد أن تعرفنا على مكونات Sora Store، سننتقل إلى خطوة مهمة جدًا:
الدرس الثاني: تثبيت قالب Sora Store Free على Blogger بطريقة صحيحة
سنشرح فيه:
- الحصول على ملف القالب.
- أخذ نسخة احتياطية من القالب الحالي.
- تثبيت Sora Store.
- التعامل مع ملف XML.
- حل مشكلة فشل رفع القالب.
- ضبط القالب بعد التثبيت.
- التأكد من أن الموقع يعمل على الهاتف.
- الخطوات التي يجب تنفيذها مباشرة بعد تثبيت القالب.
- أخطاء يجب تجنبها قبل البدء في التعديل.
ملاحظة: لا تبدأ بحذف الأكواد أو تعديل HTML الآن. احتفظ بالنسخة الأصلية من القالب، لأننا سنستخدمها في الدروس القادمة.
الخلاصة
قالب Sora Store ليس مجرد تصميم للصفحة الرئيسية، وإنما مجموعة من الأجزاء المترابطة: Header، Menu، Slider، Widgets، Labels، Posts، Sidebar وFooter.
وفهم العلاقة بين هذه الأجزاء هو الأساس الذي سيسمح لنا بتعديل القالب بأمان.
في الدروس التالية سننتقل من الشرح النظري إلى التعديل العملي والكود الفعلي، وسنحدد مكان كل كود داخل قالب Sora Store بدلًا من إعطاء أكواد عامة قد لا تتوافق مع إصدار القالب المستخدم.
الدرس القادم: تثبيت قالب Sora Store Free على Blogger بطريقة صحيحة.
