كيفية استخدام Elementor لإنشاء رأس شفاف؟

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

ولكن هل يمكنك استخدام Elementor لإنشاء رأس شفاف على WordPress دون معرفة أي لغة برمجة؟ الجواب نعم! يمكنك بالتأكيد. ستوضح لك هذه المقالة الإرشادات لإنشاء رأس Elementor شفاف بسهولة.

مزايا استخدام الرؤوس الشفافة

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

ممتاز لصفحات الويب الطويلة

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

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

الأفضل للمواقع القابلة للتنفيذ

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

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

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

تحسين القدرة على التنقل في الموقع الخاص بك

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

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

كيفية استخدام Elementor Pro لإنشاء رأس شفاف؟

الآن ، دعنا نتعلم كيفية إنشاء وتخصيص رأس شفاف باستخدام Elementor Pro.

قم بتثبيت وتنشيط المكون الإضافي Elementor Pro

إذا لم يكن موقعك يحتوي على Elementor Pro حتى الآن ، فأنت بحاجة إلى تثبيته وتنشيطه.

1. من لوحة معلومات WordPress ، انتقل إلى الإضافات > إضافة جديد .

2. ابحث عن المكون الإضافي عن طريق إدخال "Elementor". سترى بعد ذلك Elementor Website Builder مدرجًا كخيار.
3. انقر فوق الزر " تثبيت الآن " والزر " تنشيط " ، على التوالي.
4. بعد شراء Elementor Pro بنجاح ، انتقل إلى my.elementor.com.
5. سجّل الدخول بالمعلومات التي تلقيتها في البريد الإلكتروني بعد الشراء.
6. بعد ذلك ، سيتم نقلك إلى صفحة الملف الشخصي . انقر فوق الزر تنزيل البرنامج المساعد في الزاوية اليمنى العليا لتنزيل ملف .zip على جهاز الكمبيوتر الخاص بك.

7. من لوحة معلومات WordPress الخاصة بموقعك ، انقر فوق المكونات الإضافية > إضافة جديد . ثم ، انقر فوق الزر تحميل البرنامج المساعد في الزاوية اليسرى العليا.
8. انقر فوق الزر "اختيار ملف" . حدد ملف .zip الذي قمت بتنزيله للتو. بعد ذلك ، انقر فوق تنشيط .
9. في الجزء العلوي من لوحة تحكم الموقع ، ستتلقى إشعارًا يطلب منك تنشيط مفتاح الترخيص الخاص بك.

قم بإنشاء قائمة لموقعك

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

1. من لوحة معلومات WordPress ، انتقل إلى المظهر > القوائم .

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

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

5. عندما تكون سعيدًا ، تذكر أن تنقر على زر حفظ القائمة .

استخدم Elementor Pro لإنشاء رأس عادي

1. انتقل إلى القوالب> إضافة جديد من لوحة معلومات WordPress.

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

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

قم بإنشاء رأس لاصق شفاف باستخدام Elementor Pro

1. الآن ، تحتاج إلى جعل الرأس شفافًا باستخدام Elementor Pro. للقيام بذلك ، انقر فوق الزر المكون من ستة نقاط أعلى الرأس.

2. في قسم "التنسيق" ، اختر القائمة التي تريدها في القائمة المنسدلة.

3. انتقل إلى علامة تبويب النمط لتغيير لون خلفية الرأس وقيمة الشفافية. في قسم "الخلفية" ، اختر نوع الخلفية الكلاسيكية (المشار إليها بفرشاة الرسم).

4. انقر فوق الزر Color Picker . بعد ذلك ، اختر قيمة اللون والشفافية التي تريدها.
5. يمكنك أيضًا تغيير المظهر العام للرأس ، بما في ذلك الطباعة وتراكب الخلفية والحدود والمقسّم. لا تتردد في التجربة.
6. بعد ذلك ، انتقل إلى علامة التبويب خيارات متقدمة . ثم قم بالتمرير إلى قسم Motion Effects . قم بتمكين خيار Scrolling Effects .

7. اختر خيار " الصفحة بأكملها " من القائمة المنسدلة " التأثيرات المتعلقة بـ".
8. أخيرًا ، اختر الخيار Top من القائمة المنسدلة Sticky .
9. عندما تكون سعيدًا ، انقر فوق الزر " نشر " لتطبيق التغييرات.

ستكون النتيجة مماثلة على النحو التالي:

كيفية استخدام Elementor لإنشاء رأس شفاف مجانًا ؟

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

في هذه المقالة ، سنستخدم المكون الإضافي Essential Addons for Elementor. هذه هي مكتبة الحاجيات الأكثر شيوعًا مع أكثر من مليون مستخدم نشط.

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

قم بتثبيت وتنشيط Elementor و Essential Addons for Elementor Plugin

1. من لوحة معلومات WordPress ، انتقل إلى الإضافات > إضافة جديد .

2. ابحث عن المكون الإضافي عن طريق إدخال " Elementor ". سترى بعد ذلك المكون الإضافي Elementor مدرجًا كخيار.
3. انقر فوق الزر "التثبيت الآن" والزر "تنشيط" ، على التوالي.
4. كرر العملية المذكورة أعلاه باستخدام الملحق الأساسي لـ Elementor.

قم بإنشاء قائمة لموقعك

لقد غطينا هذا بالفعل أعلاه. يرجى التمرير لأعلى لمعرفة كيفية.

استخدم الإضافات الأساسية للعنصر لإنشاء رأس لاصق شفاف

1. انتقل إلى العناصر الإضافية الأساسية > العناصر . هنا ، قم بتنشيط أداة Simple Menu . تذكر أن تضغط على زر حفظ الإعدادات .

2. قم بإنشاء صفحة / منشور جديد أو افتح صفحة موجودة باستخدام Elementor.
3. انقر فوق زر الإعدادات (المشار إليه بواسطة ترس) في الزاوية اليسرى السفلية. حدد "Elementor Canvas" في القائمة المنسدلة لتخطيط الصفحة . بهذه الطريقة ، يمكنك التخلص من العنوان الذي يأتي مع السمة.

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

5. في القسم عام ، اختر القائمة التي تريدها في القائمة المنسدلة Select Menu .

6. انتقل إلى علامة تبويب النمط لتغيير لون خلفية الرأس وقيمة الشفافية.

7. في قسم الخلفية ، اختر نوع الخلفية الكلاسيكية (المشار إليها بفرشاة الرسم).
8. انقر فوق الزر Color Picker . بعد ذلك ، اختر قيمة اللون والشفافية التي تريدها.
9. يمكنك أيضًا تغيير المظهر العام للرأس ، بما في ذلك الطباعة وتراكب الخلفية والحدود والمقسّم. لا تتردد في التجربة.
10. بعد ذلك ، انتقل إلى علامة التبويب خيارات متقدمة . ثم قم بالتمرير إلى قسم تحديد المواقع . اختر الخيار " ثابت " في قائمة المركز المنسدلة.

11. ارجع إلى قائمة الأدوات بالنقر على أيقونة تسعة مربعات. ابحث عن عنصر واجهة مستخدم Spacer . قم بسحبه وإفلاته أسفل عنصر واجهة Simple Menu مباشرة.

12. في قسم Spacer ، اضبط قيمة Space لتتناسب مع ارتفاع الرأس.

13. عندما تكون سعيدًا ، انقر فوق الزر " نشر " لتطبيق التغييرات.

كيفية إنشاء رأس شفاف لمستخدمي Woostify؟

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

1. انتقل إلى المظهر> تخصيص من لوحة معلومات WordPress.

2. بعد ذلك ، انتقل إلى Layout > Header Transparent .

3. قم بتشغيل مفتاح التبديل Enable Transparent Header .

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

5. لا تنس النقر فوق الزر " نشر " عندما تكون راضيًا عن النتيجة.

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

يعد إنشاء رأس Elementor الشفاف طريقة أنيقة لمساعدة المستخدمين على التنقل في موقعك.

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