ما هو رأس الموقع؟
رأس الموقع هو الجزء العلوي من موقعك الإلكتروني، ويظهر في جميع الصفحات. ويشمل عادةً:
قوائم التنقل
أزرار الحث على اتخاذ إجراء
عناصر اختيارية مثل القوائم الجانبية المخفية
يساعد رأس الموقع المنظم الزوار على الوصول بسرعة إلى الصفحات والإجراءات المهمة.
كيفية الوصول إلى إعدادات تخصيص رأس الموقع
لتعديل رأس الموقع:
سجّل الدخول إلى لوحة تحكم ووردبريس (WordPress Dashboard)
انتقل إلى المظهر → تخصيص (Appearance → Customize)
عند فتح أداة التخصيص، اضغط على رأس الموقع (Header)
ستظهر لك الآن أداة تحرير رأس الموقع مع معاينة للموقع.
ملاحظة: تعتمد الخيارات المتاحة على القالب النشط (Active Theme).
فهم محرر رأس الموقع
ينقسم محرر رأس الموقع إلى تبويبين رئيسيين:
العناصر (Elements)
يتحكم في العناصر التي تظهر داخل الرأس وطريقة ترتيبها.
التصميم (Design)
يتحكم في مظهر رأس الموقع، مثل العرض والمسافات.
القوالب الجاهزة لرأس الموقع
في أعلى إعدادات رأس الموقع، ستجد القوالب الجاهزة (Header Presets).
ماذا تفعل القوالب الجاهزة؟
تطبيق تخطيطات جاهزة لرأس الموقع
التحكم في توزيع العناصر عبر الصفوف والأعمدة
إتاحة تغيير التخطيط بسرعة دون إعادة بنائه يدويًا
يمكنك اختيار قالب جاهز ثم تخصيص كل عنصر بشكل منفصل بعد ذلك.
بنية الصفوف وتخطيط رأس الموقع
يتم بناء رأس الموقع باستخدام صفوف وأعمدة.
يمكن أن يحتوي كل صف على عدة أعمدة
يمكن أن يحتوي كل عمود على عنصر واحد أو أكثر
يمكنك إدارة هذه الصفوف بصريًا من خلال المعاينة
تتيح هذه البنية تخطيطات مثل:
قائمة في المنتصف مع أزرار على اليمين
رؤوس بسيطة بعناصر أقل
تخطيطات متوازنة على أجهزة الكمبيوتر والهواتف
عناصر رأس الموقع
من خلال تبويب العناصر (Elements)، يمكنك إضافة عناصر الرأس أو حذفها أو إدارتها.
القائمة الرئيسية (Primary Menu)
تتحكم في قائمة التنقل الأساسية المعروضة في رأس الموقع.
اختيار القائمة المعروضة
تعديل ترتيب عناصر القائمة من إعدادات القوائم
زر (Button)
يضيف زر حث على اتخاذ إجراء داخل رأس الموقع.
يُستخدم عادةً لإجراءات مثل “التواصل” أو “ابدأ الآن” أو “تسوق”
يمكن ربطه بصفحات داخلية أو روابط خارجية
القائمة الجانبية المخفية (Off-Canvas Menu)
تضيف قائمة مخفية تظهر عند التفاعل معها.
تُستخدم غالبًا في عرض الهاتف
تساعد في الحفاظ على رأس موقع نظيف وبسيط
ملاحظة: إعدادات الشعار واسم الموقع موضحة في مقال منفصل وغير مشمولة هنا.
أنواع رأس الموقع
تدعم بعض القوالب أنماطًا مختلفة لسلوك رأس الموقع.
رأس شفاف (Transparent Header)
يسمح الرأس الشفاف بعرض رأس الموقع فوق محتوى الصفحة، مثل صور الأقسام الرئيسية.
إذا كانت الصفحة تستخدم رأسًا شفافًا، فقد يظهر تنبيه مع خيار لتخصيص الرأس الشفاف بشكل منفصل.
يُستخدم الرأس الشفاف عادةً في:
صفحات الهبوط
الأقسام الرئيسية البارزة
التصاميم العصرية المعتمدة على الصور
إعدادات تصميم رأس الموقع
انتقل إلى تبويب التصميم (Design) للتحكم في الشكل العام لرأس الموقع دون تغيير محتواه.
عرض رأس الموقع (Width)
يتحكم هذا الخيار في مدى اتساع محتوى رأس الموقع.
يمكنك الاختيار بين:
العرض الكامل (Full Width): يمتد رأس الموقع بعرض الشاشة بالكامل
عرض المحتوى (Content Width): يتماشى محتوى الرأس مع عرض محتوى الصفحة
يُفضل العرض الكامل للتصاميم الحديثة، بينما يوفر عرض المحتوى مظهرًا أكثر تنظيمًا.
هوامش رأس الموقع
تتحكم إعدادات الهوامش (Margin) في المسافة حول رأس الموقع.
يمكنك تعديل الهوامش من:
الأعلى
اليمين
الأسفل
اليسار
تساعد الهوامش على:
إضافة مسافة بين رأس الموقع ومحتوى الصفحة
ضبط التباعد العمودي والأفقي
تحسين توازن التصميم العام
يمكنك ربط القيم لتطبيق نفس المسافة على جميع الجوانب أو فصلها لتخصيص كل جانب على حدة.
حفظ تغييرات رأس الموقع
بعد الانتهاء من تخصيص رأس الموقع:
اضغط على نشر (Publish) لتطبيق التغييرات
أو استخدم حفظ كمسودة (Save Draft) للمتابعة لاحقًا
نصائح مفيدة
راجع شكل رأس الموقع في أكثر من صفحة
اختبر مظهر الرأس على الهاتف والتابلت
تجنب ازدحام رأس الموقع بعدد كبير من العناصر
استخدم الأزرار فقط للإجراءات المهمة
