قوالب رأس العنصر: 43 تصميمًا جاهزًا

قالب رأس Elementor هو الشريط العلوي لموقع الويب المحفوظ كتصميم جاهز: الشعار والقائمة والزر وغالبًا ما يكون شريط الاتصال فوقها. يمكنك إضافته مرة واحدة باستخدام أداة إنشاء السمات ويظهر في كل صفحة.

يجمع هذا المنشور 43 قالب رأس Elementor في مكتبة Master Addons، مجمعة حسب نوع الموقع الذي يناسبها. يحتوي كل واحد على لقطة شاشة وعرض توضيحي مباشر يتم فتحه في علامة تبويب جديدة. يتم تثبيتها من علامة التبويب "الرؤوس" الخاصة بـ مكتبة قوالب الإضافات الرئيسية وانتقل إلى جميع أنحاء الموقع من خلال منشئ موضوع الإضافات الرئيسيةلذلك لا تحتاج إلى Elementor Pro لاستخدامها.

القفز إلى ما جئت من أجله:

• كيفية إضافة قالب رأس العنصر: خمس خطوات مع منشئ الموضوع
• 43 قالب رأس حسب نوع الموقع: SaaS، الأعمال التجارية المحلية، متجر، متعدد الصفوف والحد الأدنى
• ما هو تخطيط الرأس الذي يناسب موقعك: طاولة سريعة لتضييق نطاقها
• الأسئلة المتداولة

كيفية إضافة قالب رأس Elementor إلى موقعك

الرأس هو قالب Theme Builder: يظهر في كل صفحة، ويمكنك تحريره في مكان واحد. إن إنشاء الرؤوس في Master Addons Theme Builder مجاني، وتعمل الخطوات أدناه مع المكون الإضافي المجاني والعنصر الأساسي.

في الفيديو أدناه، ينتقل أحد هذه الرؤوس مباشرة إلى قالب Theme Builder ثم ينتقل مباشرة إلى الموقع بأكمله. إذا كنت تفضل القراءة، فسيتم كتابة نفس الخطوات تحتها.

1. في لوحة القيادة الخاصة بك، انتقل إلى الإضافات الرئيسية → منشئ الموضوع، انقر إضافة قالب جديد، اضبط النوع على رأس وانقر تحرير باستخدام العنصر.
2. في المحرر، انقر فوق قوالب الإضافات الرئيسية زر، افتح رؤوس علامة التبويب، اختر التصميم وانقر يُدرج.
3. استبدل الشعار، أشر إلى أداة قائمة التنقل في قائمة WordPress الخاصة بك وقم بتغيير نص الزر والرابط.
4. افتح ال شروط علامة التبويب، مجموعة تضمين → الموقع بأكمله وحفظ.
5. إذا كان السمة الخاصة بك لا تزال تطبع رأسها الخاص فوق الرأس الجديد، فأوقف تشغيل رأس السمة في إعداداته.

ال دليل منشئ موضوع الرأس يغطي نفس الخطوات مع لقطة شاشة لكل خطوة، بما في ذلك كيفية استبعاد صفحة أو إعطاء صفحة مقصودة واحدة رأسها الخاص. يتعامل نفس منشئ السمات مع الجزء السفلي من الصفحة أيضًا، كما هو موضح في دليلنا لـ تحرير التذييل في WordPress باستخدام Elementor. إذا كنت بحاجة أيضًا إلى تذييل، فنحن قوالب تذييل العنصر يحتوي Post على 34 تصميمًا، كل منها يحتوي على عرض توضيحي مباشر.

43 قوالب رأس العنصر حسب نوع الموقع

تنقسم التصاميم الـ 43 إلى خمس مجموعات. انتقل إلى الموقع الأقرب إلى موقعك وافتح عرضين أو ثلاثة عروض توضيحية جنبًا إلى جنب قبل الاختيار.

قوالب رأس SaaS وtech Elementor

تأتي معظمها من SaaS ومجموعات التكنولوجيا وتشترك في نمط واحد: الشعار على اليسار، وأربعة أو خمسة روابط، وزر تجريبي أو تجريبي على اليمين. تستخدم Finix وClowdify وTechbyte أشرطة داكنة، ويجلس Lead Lift على شريط كريمي.

1. Shiftflow: قالب رأس لوحة عمل العنصر

مصمم للوحة الوظائف: يوجد المنزل والوظائف والنشر على يمين الشريط الأبيض، متبوعًا بزر نشر وظيفة مجانًا محدد.

2. Techbyte: قالب رأس التقنية المظلمة Elementor

البحرية الداكنة، مع اسم العلامة التجارية على اليسار وثلاثة روابط على اليمين. لا يوجد زر، لذا فهو يناسب المحفظة أو موقع المشروع بشكل أفضل من صفحة المبيعات.

3. Tecpart: قالب رأس شركة Elementor IT

رأس خدمات تكنولوجيا المعلومات الذي يحتوي الجزء المنسدل من جميع الصفحات على تسع صفحات داخلية، وبالتالي فإن المستوى الأعلى يحتاج فقط إلى ثلاثة روابط إضافية. تُظهر لقطة الشاشة القائمة المنسدلة مفتوحة.

4. Clowdify: قالب رأس حبة Elementor SaaS

الرأس بأكمله عبارة عن حبة سوداء مستديرة مع مساحة حولها. الميزات والتسعير والتكامل وتسجيل دخول العميل بجوار زر ابدأ الآن.

5. كرافتوفا: قالب رأس Elementor SaaS

ستة روابط، من بينها دراسة الحالة، وزر بدء تجربة مجانية محدد. إنه يناسب منتجًا يحتوي على صفحات أكثر من قائمة SaaS المعتادة المكونة من ثلاثة روابط.

6. Finix: قالب رأس SaaS المظلم للعنصر

أسود مع علامة شعار خضراء وثلاثة روابط في المنتصف وزر بدء النسخة التجريبية المجانية المحدد. مع ثلاث روابط فقط، تنتقل العين مباشرة إلى التجربة.

7. القبضة: قالب رأس وكالة العنصر

رأس وكالة به علامة نصية كبيرة، حول ودراسات الحالة والاتصال، وزر العمل معنا حيث يمكن لموقع SaaS أن يقدم تجربته.

8. Klyro: قالب الرأس التجريبي لبرنامج Elementor

خمسة روابط على شريط رمادي شاحب وزر طلب عرض توضيحي مجاني للبرامج التي يتم بيعها من خلال مكالمة تجريبية.

9. رفع الرصاص: قالب رأس بدء تشغيل العنصر

شريط كريمي به نص رابط غامق وحبة سوداء مكتوب عليها ابدأ النسخة التجريبية المجانية. إنها أدفأ رؤوس SaaS هنا.

10. العلاقة: قالب رأس Elementor SaaS

خمس روابط متباعدة عبر المنتصف، وشعار أخضر عميق وزر ابدأ الآن بحدود فاتحة.

11. Optivue: قالب رأس Elementor SaaS

ثلاث روابط متمركزة في شريط أبيض وزر تجريبي مجاني لبدء التشغيل مستدير على اليمين. هناك القليل جدًا للقراءة، لذا فإن الزر يقوم بالعمل.

12. Sabrion: قالب رأس تسجيل الدخول Elementor SaaS

التسعير، حول والاتصال بجوار الشعار، ثم رابط تسجيل الدخول وزر بدء النسخة التجريبية المجانية لمدة 14 يومًا. يظل تسجيل الدخول نصًا عاديًا حتى لا يتنافس مع النسخة التجريبية.

13. Sempla: قالب رأس Elementor SaaS

الميزات، من نحن، التسعير والشهادة بجانب الشعار، مع تسجيل الدخول والبدء الآن مجمعين على اليمين.

14. Zaplyte: قالب رأس تطبيق Elementor

توجد الروابط مباشرة بعد الشعار بدلاً من وضعها في المنتصف، مما يترك مساحة مفتوحة قبل زر ابدأ الآن.

قوالب رأس الأعمال والخدمة المحلية

رؤوس لشركات التنظيف وأطباء الأسنان والسباكين وعيادة العلاج ومطعم ووكالة عقارية. يضيف معظمها بارًا علويًا به رقم هاتف أو روابط اجتماعية، ويحجز الزر الرئيسي موعدًا أو مكالمة أو طاولة.

15. المحور الرئيسي: قالب رأس العقارات Elementor

أيقونات اجتماعية وعنوان بريد إلكتروني ورقم هاتف في شريط علوي من الجير. يحتوي الصف الرئيسي على ستة روابط وزر الحصول على عرض أسعار مطابق مع سهم.

16. Balanciq: قالب رأس عيادة العلاج بالعنصر

الصفحة الرئيسية، حول، الخدمة، المعالجين والاتصال باستخدام زر بدء رحلتك المستدير. ألوان ناعمة ومساحة كبيرة تناسب العيادة.

17. المنظف: قالب رأس خدمة تنظيف العنصر

تشترك الرموز الاجتماعية وعنوان الشارع ورقم الهاتف في شريط علوي رفيع. يحتوي الصف الرئيسي على خمسة روابط وزر حجز موعد أخضر.

18. التنظيف: قالب رأس شركة تنظيف العنصر

شريط علوي أزرق يطلب من “هل تحتاج إلى مساعدة تنظيف سريعة؟” بجوار رقم الاتصال بنا. يوجد أسفله خمسة روابط وزر تحديد موعد بنفس اللون الأزرق.

19. الطهي: قالب رأس مطعم Elementor

شريط علوي زيتوني به هاتف وبريد إلكتروني وأيقونات اجتماعية فوق الصف الرئيسي الكريمي. Book A Table هو الإجراء الوحيد الذي يطلبه.

20. طب الأسنان: قالب رأس عيادة الأسنان Elementor

يوجد رقم الهاتف بجوار زر حجز موعد مباشرةً، بحيث يمكن للمريض الاتصال أو الحجز من نفس المكان.

21. Plumbiq: قالب رأس خدمة السباكة Elementor

اتصل بنا وتملأ الرموز الاجتماعية الشريط العلوي، مع خمسة روابط أدناه وزر أزرق لطلب مكالمة مجانية.

التجارة الإلكترونية وقوالب رأس المتجر

قم بتخزين الرؤوس باستخدام أيقونات البحث وعربة التسوق والحساب. يفتح Sartivo قائمة منسدلة للفئة، ويضع اثنان من التخطيطات عرض بيع أو رابطًا ترويجيًا داخل الرأس نفسه.

22. رأس المتجر الأزرق مع البحث: قالب رأس متجر Elementor

صف علوي أزرق به أيقونات اجتماعية وشعار مركزي ومربع بحث وعربة. ينتهي صف القائمة الموجود أسفله بالهامبرغر للحصول على روابط إضافية.

23. متجر الشعار المركزي: قالب رأس متجر Elementor

أسفل العنوان الأزرق وشريط الهاتف، توجد القائمة على اليسار، والشعار في المنتصف، والبحث وعربة التسوق على اليمين.

24. متجر Dark Top Bar: قالب رأس متجر Elementor

يقدم الشريط العلوي الداكن استشارة مجانية ورقم هاتف. فيما يلي الشعار وستة روابط وزر البحث.

25. متجر الشعارات الترويجية: قالب رأس الترويج لمتجر Elementor

ثلاثة صفوف: سطر رسائل يحتوي على الحساب والأيقونات الاجتماعية، والشعار بجانب لافتة عرض واسعة، وشريط قائمة أزرق به بحث وعربة سلة وقائمة أمنيات.

26. متجر شريط البحث: قالب رأس بحث التجارة الإلكترونية Elementor

يأخذ البحث منتصف صف الشعار، مع قائمة الرغبات وعربة التسوق على اليمين وخصم 70% على رابط الإلكترونيات في شريط القائمة.

27. سارتيفو: قالب رأس متجر الأزياء Elementor

رأس متجر أزياء مع رابط متجر حسب الفئة، ومنسدلة لجميع الصفحات، وشعار مركزي وأيقونات حساب وبحث. تعرض لقطة الشاشة القائمة المنسدلة مفتوحة.

الشريط العلوي وقوالب الرأس متعددة الصفوف

الرؤوس مبنية من صفين أو ثلاثة صفوف: شريط اتصال به هاتف أو بريد إلكتروني أو ساعات عمل، وصف شعار، وشريط قائمة. إنها تناسب الوكالات والعيادات وشركات الخدمات التي تريد تفاصيل الاتصال في كل صفحة.

28. شريط العناوين: قالب رأس الشريط العلوي للعنصر

شريط علوي رمادي يحتوي على عنوان وأيقونات اجتماعية، ثم الشعار وستة روابط وزر "انضم الآن" باللون الأزرق.

29. القائمة الزاوية: قالب رأس تعيين العنصر

توجد ساعات العمل وثلاثة روابط أدوات مساعدة صغيرة فوق شريط القائمة الأزرق المائل الذي ينتهي بزر تحديد موعد أبيض.

30. رأس معلومات الاتصال مع البحث: قالب رأس معلومات اتصال العنصر

شريط أزرق يحتوي على العنوان وتسجيل الدخول والأيقونات الاجتماعية، وصف شعار يحتوي على اتصل بنا وساعات العمل، وشريط قائمة أزرق مع مربع بحث.

31. الوكالة الإبداعية: قالب رأس الوكالة الإبداعية Elementor

يحصل الشعار على كتلة زرقاء كبيرة خاصة به على اليسار. يتم تشغيل رقم الهاتف والأيقونات الاجتماعية في الأعلى، مع وجود القائمة أسفلها.

32. القائمة العائمة: قالب رأس القائمة العائمة Elementor

يحتوي الشريط الأزرق على الهاتف والبريد الإلكتروني وساعات العمل. يتداخل مربع القائمة الأبيض أدناه مع الجزء العلوي من الصفحة، والذي يعمل بشكل جيد على صورة البطل.

33. ابدأ تشغيل شريط الاتصال: قالب رأس شريط اتصال العنصر

الهاتف والبريد الإلكتروني في شريط علوي خفيف مع كتلة Get Started صلبة على اليمين، ثم الشعار والقائمة وأيقونة سلة التسوق.

34. العيادة الطبية: قالب رأس العيادة الطبية Elementor

الشعار موجود على لوحة زرقاء قطرية. يظهر الهاتف والبريد الإلكتروني في الشريط العلوي، وتنهي أيقونات البحث وعربة التسوق القائمة.

35. يتم توسيطها بثلاثة صفوف: قالب رأس العنصر المكون من ثلاثة صفوف

البريد الإلكتروني والهاتف وتسجيل الدخول في الشريط العلوي، وشعار مركزي مع عربة وأيقونات اجتماعية على كلا الجانبين، وشريط قائمة أزرق كامل العرض في الأسفل.

36. الزيارة والمكالمات والبريد: قالب رأس تفاصيل الاتصال بالعنصر

قم بزيارتنا، اتصل بنا وأرسل لنا بريدًا إلكترونيًا تصطف الكتل بجانب الشعار، مع شريط قائمة أزرق أسفله يحتوي على تسجيل الدخول والتسجيل.

قوالب الرأس الدنيا والمركزية

تخطيطات أحادية السطر وغير عادية: قائمة مقسمة حول شعار مركزي، وشريط به زر قائمة واحد، وشعار مركزي مكدس وعدد قليل من أشرطة الشعار والروابط العادية.

37. الشعار المركزي مكدس: قالب رأس الشعار المتمركز حول العنصر

يوجد الشعار في الأعلى مع وضع القائمة في المنتصف أسفله، وهو تخطيط يناسب المدونات ومواقع المحافظ.

38. Fire Away Split: قالب رأس القائمة المقسمة للعنصر

القائمة مقسمة إلى قسمين، مع ثلاثة روابط على كل جانب من الشعار المركزي.

39. زر القائمة: قالب رأس زر قائمة العنصر

الشعار على اليسار، والأيقونات الاجتماعية في المنتصف، وزر القائمة الأزرق على اليمين. إنه يعمل للمواقع التي تحتوي على عدد قليل من الصفحات فقط.

40. الحد الأدنى للرأس مع الرموز الاجتماعية: قالب الرأس الأدنى للعنصر

شريط أبيض واحد به الشعار وستة روابط وزر بحث وثلاثة أيقونات اجتماعية.

41. الزاوية الأرجوانية CTA: قالب رأس استدعاء العنصر إلى الإجراء

الشعار والقائمة باللون الأبيض، وينتهيان بلوحة أرجوانية بزاوية تحتوي على زر التنزيل.

42. تسجيل الدخول: قالب رأس العنصر البسيط

الشعار وستة روابط ورابط تسجيل الدخول مع أيقونة. مع القليل جدًا منه، فإنه يسقط في أي موقع تقريبًا.

43. إسقاط بسيط: قالب رأس القائمة المنسدلة للعنصر

فقط الشعار، قائمة بها أسهم منسدلة وأيقونة قريبة على اليمين، على شريط أبيض عادي.

ما هو تخطيط الرأس الذي يناسب موقعك؟

أمثلة على رأس موقع الويب: ما يشاركه الجيدون

• يعطون الزائر زرًا رئيسيًا واحدًا. لدى كل من Nexis وFinix وOptivue دعوة واحدة للعمل، وتقوم Sempla بتصميم الإجراء الثاني، تسجيل الدخول، كرابط عادي حتى لا يتنافس الاثنان.
• يبقون القائمة قصيرة. تعرض معظم الرؤوس هنا ثلاثة إلى ستة روابط، وتضع Tecpart بقية صفحاتها في القائمة المنسدلة لجميع الصفحات.
• تعرض الشركات المحلية رقم هاتف. تضعه شركة Dental وCleanery وPlumbiq في الرأس، حيث يمكن للعميل الذي يفضل الاتصال العثور عليه دون التمرير.
• تضع المتاجر البحث في الرأس. يحتوي كل تخطيط متجر هنا على ذلك، ويضيف معظمه رمز سلة التسوق بجواره.
• تستخدم الأشرطة الداكنة نصًا فاتحًا وزرًا محددًا، كما يفعل Finix وClowdify، لذلك يظل كلاهما قابلاً للقراءة.

اجعل الرأس لزجًا

الرأس الذي يبقى في الأعلى أثناء تمرير الزوار يبقي القائمة والزر في متناول الصفحات الطويلة. يمكنك جعل أي من هذه الرؤوس لزجة، والخطوات موجودة في دليلنا إنشاء رأس لزج في Elementor. على أ موقع من صفحة واحدة، قم بإقران الرأس الثابت بروابط القائمة التي تنتقل إلى كل قسم.

الرأس أو القسم أو الصفحة أو المجموعة: ما هو القالب الذي تحتاجه؟

يغطي قالب الرأس جزءًا واحدًا من الموقع. إذا كنت تقوم ببناء الباقي أيضًا، فإن نفس المكتبة لديها قوالب قسم العنصر بالنسبة للنطاقات الفردية مثل التسعير أو الأسئلة الشائعة، كاملة قوالب صفحة العنصر للصفحات الكاملة، و مجموعات القالب تحتوي هذه الحزمة على رأس وتذييل وكل صفحة بأسلوب مطابق واحد.

تحتاج الرؤوس التي تحمل علامة Pro في المكتبة إلى ترخيص ماستر أدونز برو، والذي يفتح أيضًا المجموعات الكاملة التي تأتي منها العديد من هذه الرؤوس.

الأسئلة المتداولة

اختر رأسًا، اضبطه مرة واحدة

ابدأ بالمجموعة التي تطابق موقعك وأدخل التصميم الذي يناسبك. إذا غيرت رأيك لاحقًا، افتح نفس قالب Theme Builder، واحذف التصميم القديم وأدخل تصميمًا جديدًا. تظل ظروف العرض كما هي.

القراءة ذات الصلة: كيفية استيراد قالب العنصر, قوالب قسم العنصر, قوالب تذييل العنصر و دليل Elementor الخاص لبناء رأس بالحاويات.