كيفية إنشاء رأس موضوع 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 (احترافي)
• بحث
• حساب
• HTML 1
• HTML 2
• القائمة الثانوية
• اجتماعي
• القطعة 1
• القطعة 2
• القطعة 3 (الموالية)
• القطعة 4 (الموالية)
• عربة التسوق

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

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

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

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

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

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

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

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

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

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

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

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

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

رأس أساسي

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

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

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

تخطيط

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

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

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

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

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

شعار المركز

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

عرض

تدير إعدادات العرض عرض رأس النص. يمكنك تخصيص عرض الرأس كملف

العرض الكامل

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

عرض المحتوى

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

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

حدود

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

رأس المحمول

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

كومة

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

في النسق

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

ثيمات اللون

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

الطباعة

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

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

رأس شفاف

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

كيف تضيف رأس شفاف؟

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

الخطوة 1

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

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

الخطوة 2

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

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

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

تعطيل في المحفوظات والبحث وعلى 404

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

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

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

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

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

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

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

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

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

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

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

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

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

الايجابيات

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

سلبيات

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

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

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

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