كيفية إنشاء رأس سمة Astra مذهل؟

تعتبر الرؤوس حيوية لأي محتوى على صفحة الويب الخاصة بك لأنها لا تخدم القراء فحسب، بل تخدم أيضًا محركات البحث. تتمتع العناوين المذهلة والمكتوبة بشكل جيد بالقدرة على جذب القراء إلى مشاركتك وزيادة النقرات. يمكن أن تتراوح الرؤوس من H1 إلى H6، اعتمادًا على التسلسل الهرمي للمحتوى الخاص بك. العنوان الرئيسي لصفحتك أو مقالتك هو H1، بينما H2 هو العناوين الفرعية التي تشكل الأقسام في مستنداتك. توفر رؤوس H3 إلى H6 مزيدًا من العناوين الفرعية في مستندك ضمن H2. قبل الانتقال إلى كيف يمكن لموضوع Astra أن يساعدك في إنشاء رؤوس مذهلة في المحتوى الخاص بك، دعنا نفكر في أهمية الرؤوس

جدول المحتويات:

• لماذا تعتبر الرؤوس مهمة لصفحات الويب الخاصة بك؟
• 1. تحديد الموضوع
• 2. إمكانية الوصول
• 3. تحسين محرك البحث
• 4. يجعل الصفحات قابلة للمسح الضوئي
• 5. سهولة استخدام الأجهزة المحمولة
• كيفية إنشاء رأسية مذهلة باستخدام سمة Astra؟
• إيجابيات وسلبيات استخدام سمة Astra للرؤوس
• الكلمات الأخيرة

لماذا تعتبر الرؤوس مهمة لصفحات الويب الخاصة بك؟

لهذا السبب عليك التأكد من تضمين الرؤوس في النص الخاص بك

1. تحديد الموضوع

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

2. إمكانية الوصول

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

3. تحسين محرك البحث

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

فيما يلي دليل حول استخدام ميزات سمة Astra المجانية لإنشاء رؤوس مذهلة لصفحاتك. اتبع الإجراء لإنشاء رأس من اختيارك.

4. يجعل الصفحات قابلة للمسح الضوئي

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

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

5. سهولة استخدام الأجهزة المحمولة

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

باختصار، تعمل العناوين على تحسين صفحة الويب ليس فقط للقراء ولكن أيضًا لمحركات البحث.

كيفية إنشاء رأسية مذهلة باستخدام سمة Astra؟

أول الأشياء أولاً، للوصول إلى Astra Header Builder، قم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك، ومن الشريط الجانبي الأيسر، انتقل إلى Appearance > Astra Options > Header Builder كما هو موضح في الصورة أدناه:

انقر عليه، وسوف يأخذك إلى قسم Header Builder في أداة تخصيص WordPress. يجب أن تبدو الواجهة مشابهة لما لدينا هنا:

كما ترون، ينقسم منشئ الرأس إلى ثلاثة أقسام رأسية، واحد مكدس فوق الآخر. لديك "الرأس الأساسي" في المنتصف مع "الرأس العلوي" في الأعلى و"أسفل الرأس" في الأسفل.  

يحتوي كل رأس على مجموعته الخاصة من "إعدادات الرأس"، والتي يمكنك الوصول إليها عن طريق النقر على أيقونة الترس الموجودة على يسار الرأس.

من هنا، يمكنك تخصيص ارتفاع الرأس وحجم الحدود والخلفية والحشو والهامش.

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

• عنوان الموقع والشعار
• القائمة الأساسية
• زر +1
• الزر 2 (المحترف)
• يبحث
• حساب
• أتش تي أم أل 1
• HTML2
• القائمة الثانوية
• اجتماعي
• القطعة 1
• القطعة 2
• القطعة 3 (المحترفة)
• القطعة 4 (المحترفة)
• عربة التسوق

الآن، لإضافة عنصر رأس جديد، قم بتمرير مؤشر الماوس فوق هذا القسم وانقر فوق الزر "+". سيؤدي هذا إلى ظهور قائمة بالعناصر المتاحة. اختر الخيار الذي تريد استخدامه، وستتم إضافته إلى قسم الرأس.

وبالمثل، ما عليك سوى النقر على الزر "x" بجوار عنصر الرأس لإزالة عنصر الرأس.

يمكنك أيضًا التنقل حول عناصر الرأس بين أقسام الرأس عن طريق السحب والإفلات ببساطة.

ستظهر جميع عناصر الرأس التي استخدمتها في القائمة الموجودة على الجانب الأيسر، أسفل علامة التبويب "عام" مباشرةً، وستجد أيضًا خيار تغيير نوع الرأس. يحصل المستخدمون المجانيون فقط على خيار "العناوين الشفافة". ومع ذلك، إذا كنت تستخدم Astra Pro، فيمكنك تمكين "الرؤوس اللاصقة".

من هنا، يمكنك الوصول إلى الإعدادات المحددة لعنصر الرأس.

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

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

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

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

أصبح رأس Astra الذي تم إنشاؤه حديثًا قيد التشغيل الآن على موقع WordPress الإلكتروني الخاص بك.

Astra Header Builder: نظرة عامة سريعة على الخيارات المتاحة

في البرنامج التعليمي أعلاه، أنشأنا رأسًا أساسيًا للغاية باستخدام Astra Header Builder لإعطائك فكرة عن كيفية عمل الميزة. ومع ذلك، هناك الكثير من الأدوات والخيارات داخل Astra Header Builder لمساعدتك في إنشاء رؤوس أكثر تعقيدًا وإبهارًا.

فيما يلي نظرة سريعة على الخيارات المتنوعة المتاحة لك:

الرأس الأساسي

الرأس الافتراضي في Astra هو الرأس الأساسي. سيعرض شعارًا وأيضًا قائمة تنقل قابلة للتخصيص باستخدام إعدادات الرأس الأساسية المختلفة في Astra.

ما عليك سوى تثبيت Astra والانتقال إلى قسم الرأس لاختيار خيار الرأس الأساسي والوصول إلى التخصيص. الرأس > الرأس الأساسي

يمكنك الاستفادة من إعدادات التخصيص التالية

تَخطِيط

ستقوم إعدادات التخطيط بإدارة موضع الشعار لصفحتك. هناك ثلاثة مواضع مختلفة متاحة في Astra للشعار

الشعار الأيسر

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

الشعار الصحيح

ينتقل الشعار الموجود في هذا الإعداد إلى الجانب الأيمن من قائمة التنقل.

شعار المركز

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

عرض

تقوم إعدادات العرض بإدارة عرض رأس النص. يمكنك تخصيص عرض رأسك كما هو

العرض الكامل

في إعدادات العرض الكامل، سيتم تمديد رأسك من كلا الطرفين ليتناسب مع حجم صفحة المتصفح لديك.

عرض المحتوى

في إعدادات عرض المحتوى، يتم ضبط الرأس وفقًا لمجموعة عرض الحاوية، ويمكنك ضبطه عن طريق تحديد ما يلي

عالمي > الحاوية > العرض

حدود

من خلال تحديد الحد، يمكنك إضافة حد أسفل رأسك وتخصيص لونه وعرضه.

رأس الجوال

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

كومة

في خيار المكدس، سيتحرك الشعار فوق قائمة الهامبرغر. يمكن أن يكون اختيار المكدس مفيدًا إذا كان لديك شعار كبير.

في النسق

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

سمات اللون

يمكن تقديم الرؤوس الأساسية بألوان مختلفة باستخدام سمة Astra. ستكون الألوان العالمية متاحة مجانًا، ولكنك تحتاج إلى استخدام plugin الإضافي Astra Pro للحصول على المزيد من الميزات المتقدمة. لاستخدام الألوان العامة في Astra، يجب عليك الانتقال إلى علامة التبويب "المظهر"، وتحديد "تخصيص"، ثم "عام"، وفي النهاية اختيار خيار الألوان. المظهر > التخصيص > العمومي > الألوان

الطباعة

يتم تطبيق إعدادات الطباعة للصفحة أو الموقع تلقائيًا على الرأس الأساسي باستخدام Astra Theme. يمكنك تحديد وتخصيص إعدادات الطباعة بالانتقال إلى علامة التبويب "المظهر" ضمن "عام".  

المظهر > تخصيص > عالمي > الطباعة

رأس شفاف

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

كيفية إضافة رأس شفاف؟

تتم صياغة الرأس الشفاف في خطوتين سريعتين لجعل صفحتك جذابة 

الخطوة 1

يمكنك العثور على خيار الرأس الشفاف ضمن أداة التخصيص ومن ثم يمكنك تعديله

المظهر > التخصيص > الرأس > الرأس الشفاف

الخطوة 2

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

التمكين على موقع الويب الكامل

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

قم بالتعطيل في الأرشيف والبحث وعلى 404

يمكن تعطيل إعداد الرأس الشفاف في هذه الصفحات الخاصة عن طريق تحديد مربع الاختيار.

تعطيل على صفحة فهرس المدونة

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

عرض صفحتك الرئيسية > أحدث منشوراتك

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

تعطيل على الصفحات

إذا كنت تريد تعطيل خيار الرأس الشفاف في جميع الصفحات، فضع علامة في مربع الاختيار.

تعطيل على المشاركات

إذا كنت تريد تعطيل خيار الرأس الشفاف في جميع المشاركات، فضع علامة في مربع الاختيار.

الألوان والخلفية

يمكنك تخصيص إعدادات الخلفية والألوان لرأسك الشفاف باستخدام الخيارات المتاحة التالية

• خلفية
• عنوان الموقع
• قائمة طعام
• القائمة الفرعية
• محتوى

إيجابيات وسلبيات استخدام سمة Astra للرؤوس

الايجابيات

• تتوفر فرصة للرأس الشفاف
• تتوفر رؤوس العرض الكامل وعرض المحتوى 
• يتوفر تخصيص اللون والطباعة

سلبيات

• خيار الرأس الثابت غير متوفر
• ميزات الألوان المتقدمة غير متوفرة

الكلمات الأخيرة

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

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