إضافة عناصر الواجهة الرئيسية في قالب سكويز
يا هلا بيك يا صاحبي في شرح جديد ومهم جداً لسلسلة احتراف التدوين وقوالب بلوجر.
النهاردة هنكمل كلامنا عن واحد من أفضل القوالب العربية وأكثرها انتشاراً وهو قالب سكويز المدفوع.
بعد ما عرفنا في الدروس السابقة إزاي نتحكم في السلايدر الرئيسي وشريط الأخبار.
جه الوقت إننا نتعلم إزاي ننظم هيكل المدونة بالكامل ونبني صفحة رئيسية جذابة ومريحة للعين.
في المقال ده، هنشرح بالتفصيل طريقة إضافة أقسام الصفحة الرئيسية، وتخصيص الشريط الجانبي (Sidebar)، وتظبيط الفوتر (Footer).
الميزة العظيمة في قالب سكويز إنه بيوفر لك أداة توليد أكواد تلقائية من موقعه الرسمي.
الرابط ده بيخليك تعمل أقسام مخصصة بضغطة زرار وبدون ما تحتاج تكون بتفهم في البرمجة أو أكواد الـ HTML نهائياً.
جهز قهوتك المظبوطة وركز معايا جداً في الشرح العملي ده ويلا بينا نبدأ.
أهمية تنظيم أقسام الواجهة والشريط الجانبي لمدونتك
قبل ما ندخل في الخطوات، لازم تفهم ليه تنظيم الصفحة الرئيسية والشريط الجانبي بيفرق جداً في نجاح موقعك:
- تحسين تجربة المستخدم (User Experience): القارئ لما يدخل موقعك ويلاقي الأقسام متقسمة بوضوح حسب التخصص، بيقدر يوصل للمعلومة اللي بيدور عليها بسهولة بدون تشتت.
- زيادة عدد مشاهدات الصفحات (Page Views): عرض مقالات منوعة في الشريط الجانبي والفوتر بيشجع الزائر إنه يضغط على مقالات تانية ويقضي وقت أطول جوه المدونة.
- تقليل معدل الارتداد (Bounce Rate): ترتيب المواضيع بشكل بصري مميز بيخلي الزائر ما يخرجش فوراً من أول صفحة، وده بيدي إشارة إيجابية جداً لخوارزميات جوجل.
أولاً: طريقة إضافة وتعديل أقسام الصفحة الرئيسية
أقسام الصفحة الرئيسية هي البلوك الأساسي اللي بيعرض مقالات كل قسم أو تصنيف عندك في المدونة بشكل منظم.
علشان تبدأ تضيف قسم جديد في الصفحة الرئيسية، اتبع الخطوات السهلة دي:
1- الخطوة الأولى: الوصول لتبويب التنسيق
- افتح لوحة تحكم بلوجر الخاصة بمدونتك.
- من القائمة الجانبية، اضغط على تبويب التنسيق (Layout).
- هتلاقي قدامك مساحات مخصصة لأقسام الصفحة الرئيسية (مثل: أقسام الواجهة أو منتصف الصفحة).
- اذهب إلى الموضع اللي حابب تضيف فيه القسم، واضغط على إضافة أداة (Add a Gadget).
- من القائمة المنبثقة، اختر أداة HTML/JavaScript.
2- الخطوة الثانية: كتابة العنوان وتوليد الكود
- في نافذة الأداة الجديدة، اكتب اسم القسم الذي تريده في خانة العنوان (مثلاً: قسم التقنية، أو أحدث الشروحات).
- في خانة المحتوى، مش هنكتب كود يدوي، بل هنروح للموقع الرسمي للقالب.
- افتح الرابط التالي الخاص بـ توثيق قالب سكويز الرسمي.
- انزل في الصفحة لحد ما توصل لقسم أقسام الصفحة الرئيسية.
3- الخطوة الثالثة: ضبط خيارات القسم وتوليد الكود
في أداة التوليد بصفحة سكويز، هتلاقي مجموعة من الخيارات السهلة:
- تحديد شكل القسم: اختر التصميم البصري اللي يعجبك من بين الأشكال المتاحة في القالب.
- عدد التدوينات: حدد عدد المقالات اللي حابب تظهر جوه القسم ده (مثلاً 4 أو 6 مقالات).
- مصدر التدوينات: تقدر تختار عرض التدوينات الأخيرة (
recent)، أو تدوينات عشوائية (random)، أو تدوينات خاصة بتسمية معينة (Label). - في حالة اختيار تسمية معينة: اكتب اسم التسمية بالضبط كما هي مكتوبة في مدونتك.
تنبه هام جداً: تأكد تماماً من تطابق حروف الإدخال مع حروف التسمية الموجودة في مدونتك (من حيث الهمزات، والتاء المربوطة، والمسافات) حتى لا يظهر خطأ في الأداة وتظهر فارغة.
بعد ما تظبط الخيارات، اضغط على زر توليد الكود. يظهرلك الكود المخصص، انسخه بالكامل، وارجع لمدونتك وحطه في خانة المحتوى واضغط حفظ.
ثانياً: التحكم في الشريط الجانبي (Sidebar) والفوتر (Footer)
الشريط الجانبي والفوتر هي أماكن ثابته بتظهر في أغلب صفحات موقعك، وممتازة جداً لعرض المواضيع الأكثر مشاهدة أو الأقسام المميزة.
خطوات الضبط والتعديل متشابهة جداً ومبسطة:
خطوات الإضافة والتخصيص:
- من لوحة بلوجر، اذهب إلى تبويب التنسيق.
- توجه إلى قسم الشريط الجانبي (Sidebar) أو قسم الفوتر (Footer).
- اضغط على إضافة أداة واختر أداة HTML/JavaScript.
- اكتب العنوان المناسب في خانة العنوان (مثل: الأكثر قراءة، أو مواضيع تهمك).
- افتح أداة التوليد بصفحة سكويز الرسمية وانزل إلى قسم عناصر الشريط الجانبي والفوتر.
- حدد الشكل المناسب للشريط الجانبي أو الفوتر، ثم اختر عدد التدوينات ومصدرها (أحدث المقالات، عشوائي، أو حسب التسمية).
- اضغط على توليد الكود، وانسخ الكود الناتج، ثم اضعه في خانة المحتوى داخل الأداة بمدونتك واضغط حفظ.
شاهد ايضا
كيفية حذف صفحة الفيسبوك التجارية نهائياً من الموبايل والكمبيوتر
كيفية إنشاء قناة يوتيوب ناجحة من الصفر
تفعيل التحديث الجديد في ادسنس لتلقي نصائح الخبراء عبر الواتساب
نصائح ذهبية لتجنب المشاكل أثناء الضبط
علشان تضمن إن الواجهة تظهر بشكل سليم وسريع بدون أي أخطاء برمجية، التزم بالنصائح دي:
- دقة كتابة التسميات: لو كتبت اسم التسمية “تطبيقات” وفي مدونتك مكتوبة “التطبيقات”، الكود مش هيقدر يقرأ البيانات وهتظهر الأداة فارغة.
- عدم الإكثار المفرط من الأدوات: إكثار الأقسام في الصفحة الرئيسية والشريط الجانبي قد يؤثر سلباً على سرعة تحميل الموقع، خصوصاً على أجهزة الموبايل.
- التأكد من وجود صور بارزة: أشكال أقسام سكويز تعتمد على عرض الصور المصغرة للمقالات، احرص دايماً على إضافة صورة بارزة داخل كل مقال تنشره.
شاهد الفيديو لمزيد من التفاصيل والخطوات العملية
علشان تطبق معنا الخطوات دي بشكل عملي وتشوف النتيجة قدام عينيك خطوة بخطوة، تقدر تشوف الشرح المصور في الفيديو المرفق ده:
الخلاصة
تخصيص أقسام الصفحة الرئيسية والشريط الجانبي والفوتر في قالب سكويز بيغير مظهر مدونتك تماماً من مجرد مدونة بسيطة إلى موقع إخباري أو مجلة احترافية متكاملة.
بخطوات بسيطة وبدون أي تعقيد أكواد، تقدر تظبط واجهة موقعك وتخلي تجربة التصفح ممتعة لزوارك.
جرب تطبق الخطوات دي دلوقتي على مدونتك، ولو واجهتك أي مشكلة أو كان عندك أي استفسار بخصوص قالب سكويز، اكتبلي في التعليقات تحت المقال وهرد عليك فوراً يا صاحبي.
بالتوفيق ليك دائماً، ونشوفك في الشرح الجاي على خير!
