إعدادات الهيدر والقائمة
في قالب ScoreTank
دليل ضبط شعار الموقع، وإضافة حسابات التواصل الاجتماعي بأيقوناتها الصحيحة، وبناء القائمة الرئيسية والقوائم المنسدلة بطريقة منظمة ومتوافقة مع عرض القالب على الكمبيوتر والهاتف.
HTML10، وأداة مواقع التواصل LinkList10، وأداة القائمة الرئيسية LinkList11. لا تحتاج إلى تعديل ملف XML لإجراء الإعدادات المعتادة؛ يتم العمل من صفحة التخطيط في بلوجر.
الوصول إلى إعدادات الهيدر من بلوجر
توجد أدوات الشعار والتواصل والقائمة داخل منطقة إعدادات رأس الموقع.
افتح لوحة تحكم بلوجر الخاصة بمدونة ScoreTank، ثم انتقل إلى التخطيط (Layout). ابحث عن المنطقة المسماة إعدادات الهيدر، وستجد بداخلها الأدوات المسؤولة عن الشعار ومواقع التواصل الاجتماعي والقائمة.
افتح المدونة الصحيحة
من لوحة بلوجر اختر المدونة التي تم تثبيت قالب ScoreTank الرياضي عليها.
انتقل إلى التخطيط
من القائمة الجانبية اختر «التخطيط»، وليس «المظهر ← تعديل HTML»؛ لأن التعديلات المشروحة هنا تتم من أدوات التخطيط.
حدد منطقة إعدادات الهيدر
ابحث عن القسم الذي يحمل اسم «إعدادات الهيدر»، ثم حدد الأداة المطلوبة بالاسم أو المعرّف الموضح في هذا المقال.
افتح الأداة وعدّل محتواها
اضغط «تعديل»، وأضف أو غيّر البيانات المطلوبة، ثم احفظ الأداة. لا تحذف الأداة ولا تحاول تغيير معرّفها.
إعداد شعار الموقع (Logo)
تغيير الشعار الذي يظهر في رأس الموقع وربطه بالصفحة الرئيسية.
أداة HTML10 هي المسؤولة عن إخراج الشعار في الهيدر. اسم الأداة في التخطيط هو «شعار الموقع (صورة أو كود SVG أو اسم)». اكتب في محتوى الأداة نوعاً واحداً من المدخلات التالية، وسيحدد القالب طريقة عرض الشعار بناءً على محتوى الحقل.
ضع رابط الصورة المباشر في محتوى الأداة. يجب أن يبدأ الرابط بـ https:// أو http://، أو يكون محتوى صورة من نوع data:image/.
يمكنك وضع كود SVG كاملاً داخل الأداة. يتعرف القالب على كود SVG عند وجود وسم الإغلاق </svg> ويعرضه كالشعار.
اكتب اسم الموقع أو العلامة التجارية كنص عادي في محتوى الأداة. سيعرض القالب النص كشعار. وإذا تركت المحتوى فارغاً، يستخدم القالب عنوان المدونة المسجل في إعدادات بلوجر.
طريقة رفع صورة الشعار وتثبيتها
ارفع الصورة إلى بلوجر
في التخطيط ستجد أداة رفع وتخزين الصور باسم «رفع وتخزين الصور» ومعرّفها Image10. استخدمها لرفع صورة الشعار إلى استضافة بلوجر.
انسخ رابط الصورة
بعد رفع الصورة، احصل على رابطها المباشر. استخدم رابط الصورة نفسه، لا رابط صفحة المعاينة أو صفحة المشاركة.
افتح أداة HTML10
ارجع إلى قسم إعدادات الهيدر وافتح أداة شعار الموقع HTML10، ثم استبدل المحتوى الحالي برابط الصورة الجديد.
احفظ وتحقق من النتيجة
اضغط حفظ، ثم افتح الموقع في تبويب جديد أو حدّث الصفحة. تأكد من ظهور الشعار بوضوح ومن عدم قصّه أو تمدده بصورة غير متناسبة.
إضافة مواقع التواصل الاجتماعي إلى الهيدر
اختيار اسم المنصة الصحيح حتى يعرض القالب الأيقونة المطابقة تلقائياً.
كيف تعمل أداة التواصل؟
تعتمد الأداة على قائمة روابط بلوجر. كل عنصر تضيفه يتكون من جزأين: اسم الموقع في خانة الاسم، ورابط حسابك في خانة URL. يقرأ القالب اسم المنصة ويستدعي الأيقونة المقابلة لها، ثم يربط الأيقونة بعنوان حسابك.
الأداة الموجودة في الهيدر معرّفها LinkList10 وعنوانها «مواقع التواصل الاجتماعي». الإعداد الافتراضي في ملف القالب يتضمن facebook وinstagram، ويمكنك إضافة منصات أخرى من الأسماء المدعومة التالية.
خطوات إضافة حساب تواصل جديد
افتح أداة LinkList10
من التخطيط افتح «مواقع التواصل الاجتماعي» ثم اضغط تعديل.
أضف عنصراً جديداً
اضغط «إضافة عنصر جديد» في قائمة الروابط. ستظهر خانة الاسم وخانة عنوان URL.
اكتب الاسم التقني للمنصة
مثلاً اكتب youtube إذا كان الرابط لقناتك على يوتيوب، أو telegram إذا كان الرابط لقناتك على تيليجرام. لا تكتب اسم المنصة بالعربية في خانة الاسم.
أدخل رابط الحساب الكامل
ضع رابط صفحتك أو قناتك كاملاً، ويفضل أن يبدأ بـ https://. لا تضع رمز # إلا مؤقتاً أثناء إعداد القالب.
رتّب العناصر واحفظ
رتّب الحسابات بحسب الأولوية التي تريدها، ثم اضغط حفظ. يظهر ترتيب الأيقونات وفق ترتيب العناصر في القائمة.
اسم الموقع: youtube الرابط: https://www.youtube.com/@YourChannel
Facebook بحرف كبير أو you tube بمسافة؛ استخدم دائماً الاسم الصغير المطابق مثل facebook أو youtube. وتأكد أن رابط الحساب ليس فارغاً.إنشاء قائمة فرعية منسدلة
استخدم علامات بداية ونهاية محددة حتى يعرف القالب أين تبدأ القائمة الفرعية وأين تنتهي.
القائمة المنسدلة لا تُنشأ بمجرد وضع مسافة أو شرطة قبل اسم العنصر. القالب يستخدم عنصرين خاصين داخل LinkList11 لتحديد حدود القائمة الفرعية:
#sub-start#sub-endيجب إضافة عنصر بداية باسم Sub Menu 1 ورابط #sub-start، ثم عناصر القائمة الفرعية، وبعدها عنصر نهاية باسم Sub Menu 1 ورابط #sub-end. يجب أن يكون الرقم في اسمي علامتي البداية والنهاية متطابقاً.
الخطوات بالتفصيل
أضف القسم الرئيسي أولاً
أضف عنصراً عادياً يمثل القسم الأب، مثل «البطولات»، واكتب رابطه الحقيقي. يجب أن يسبق علامة بداية القائمة الفرعية مباشرة.
أضف علامة بداية القائمة
أضف عنصراً جديداً بعد القسم الرئيسي مباشرة. اكتب الاسم Sub Menu 1 والرابط #sub-start.
أضف عناصر القائمة الفرعية
أضف كل صفحة فرعية كعنصر عادي باسمها ورابطها، مثل «الدوري الإنجليزي» و«الدوري الإسباني». لا تضع هذه العناصر قبل علامة البداية.
أغلق القائمة الفرعية
بعد آخر عنصر فرعي مباشرة، أضف عنصراً جديداً. اكتب الاسم Sub Menu 1 والرابط #sub-end.
احفظ واختبر
احفظ LinkList11، ثم افتح الموقع على الكمبيوتر والهاتف. افتح القسم الأب وتأكد من ظهور عناصره الفرعية في القائمة المنسدلة أو قائمة الهاتف.
شكل ترتيب العناصر داخل أداة LinkList11
1) الاسم: الرئيسية الرابط: / 2) الاسم: البطولات الرابط: /p/championships.html 3) الاسم: Sub Menu 1 الرابط: #sub-start 4) الاسم: الدوري الإنجليزي الرابط: /p/premier-league.html 5) الاسم: الدوري الإسباني الرابط: /p/la-liga.html 6) الاسم: دوري أبطال أوروبا الرابط: /p/champions-league.html 7) الاسم: Sub Menu 1 الرابط: #sub-end 8) الاسم: الانتقالات الرابط: /p/transfers.html
إضافة قائمة منسدلة ثانية أو ثالثة
إذا أردت إنشاء قائمة فرعية أخرى تحت قسم رئيسي مختلف، كرر نفس الخطوات لكن غيّر رقم المجموعة. مثلاً استخدم Sub Menu 2 في عنصر البداية وعنصر النهاية مع الرابطين نفسيهما #sub-start و#sub-end. وللمجموعة التالية استخدم Sub Menu 3 في العلامتين، وهكذا.
| المجموعة | اسم علامة البداية | اسم علامة النهاية | الرابط في الحالتين |
|---|---|---|---|
| الأولى | Sub Menu 1 | Sub Menu 1 | #sub-start ثم #sub-end |
| الثانية | Sub Menu 2 | Sub Menu 2 | #sub-start ثم #sub-end |
| الثالثة | Sub Menu 3 | Sub Menu 3 | #sub-start ثم #sub-end |
#sub-end، ولا تستخدم رقماً مختلفاً في اسم البداية عن النهاية، ولا تضع عناصر القائمة الفرعية خارج علامتي البداية والنهاية. لا تجعل علامة البداية والنهاية تحتوي على رابط صفحة عادي؛ يجب أن تكون الروابط الخاصة كما هي.