كان التنقل الثابت والعناوين الثابتة عبارة عن تفاصيل أسلوبية وتستخدمها العديد من أفضل العلامات التجارية اليوم. ستجد نظام تنقل ثابت على مواقع مثل Sony وFacebook وAdidas وNike وCNN والعديد من مواقع الويب الأخرى وتبدو جميعها حديثة. ولكن إلى جانب المظهر الأنيق، هناك العديد من الفوائد لإضافة اضافة هيدر ثابت إلى موقع الويب الخاص بك على ووردبريس:
- تصفح أسهل
- علامة تجارية أفضل
- المزيد من مشاهدات الصفحة لكل زيارة
- تقليل معدل الارتداد
هناك أيضًا بعض السلبيات لوجود تنقل ثابت على موقع الويب الخاص بك، لأنه يسبب المزيد من الفوضى ويمنح المستخدمين القدرة على التنقل بشكل أسرع، لذلك ليس من الجيد وجوده على صفحات الهبوط. لا تحتاج العديد من مواقع الويب إلى ذلك، ولكن في كثير من الأحيان تنفذه فقط من أجل أن تكون عصرية.
إذا قررت ذلك وقمت بتنفيذه، فارجع إلى بيانات جوجل اناليتكس الخاصة بك لمعرفة ما إذا كانت اضافة الهيدر الثابت تعمل بالفعل على تحسين مقاييس الأداء الرئيسية لديك. يمكن أن تساهم الهيدر الثابت في سهولة استخدام مواقع الويب وتحسين محركات البحث (السيو)، لذا تحقق فقط لمعرفة ما إذا كانت مناسبة لموقعك. قد يكون وجود شيء مهم جدًا على موقع الويب الخاص بك ولا يؤدي إلى تحسين تجربة المستخدم ويعيق هدف موقع الويب الخاص بك يمثل مشكلة كبيرة.
هناك العديد من الدروس التعليمية لمساعدتك في إجراء التنقل الثابت بنفسك. إذا كنت لا تريد إضاعة الوقت في البرمجة وتصميم التنقل الثابت الخاص بك، فيمكنك محاولة تثبيت قالب ووردبريس الذي يحتوي على هيدر مثبت مدمج. تتميز قوالب ووردبريس (على سبيل المقال Total) بالتنقل الثابت (وهو قابل للتخصيص بشكل كبير بالمناسبة)، ولكن إذا كنت القالب الحالي لا يدعم الهيدر الثابت، لذا واصل القراءة. سأقوم بتغطية أفضل اضافات الهيد الثابت لـ ووردبريس مجانية وبريميوم.
عندما يتعلق الأمر بتوسيع وظائف موقع الويب الخاص بك، هناك خيارات متعددة وتأتي جميعها في شكل اضافات مجانية أو بريميوم (مدفوعة). تعد الخيارات المجانية رائعة جدًا، ولكن عادةً ما تأتي اضافات الهيدر الثابت (البريميوم) مع العديد من الميزات التي لا يمكنك الحصول عليها مجانًا. يتضمن ذلك خيارات تتيح لك التحكم في كل جزء من الهيدر أو حتى استبداله بالإضافة إلى الدعم والتحديثات المتميزة. بالنسبة لشيء مهم مثل هيدر ووردبريس الخاص بك، أعتقد أنه يستحق التحقق منه.
جدول المحتوى
1. Sticky Menu And Sticky Header
Sticky Menu & Sticky Header هو إجابتك إذا كنت تريد جعل أي عنصر على صفحة الويب الخاصة بك ثابتًا. عادةً ما يتم استخدام الاضافة لإصلاح القائمة الموجودة أعلى الصفحة، ولكن يمكنك أيضًا استخدامه لإنشاء هيدر ثابت أيضًا.
على الرغم من أنه يعمل بشكل جيد في معظم المواقف، إلا أنه ليس حل مباشر لأنه يتطلب منك استخدام القليل من البرمجة. ولكن إذا كنت أحد الأشخاص الذين لا يمانعون في التعامل مع بعض أنواع CSS، فتابع القراءة. وتشمل الميزات:
- اجعل أي عنصر في صفحتك ثابت بمجرد وصوله إلى الأعلى
- يجب أن يكون للعنصر اسم أو تصنيف أو ID فريد
- خيار لإضافة مسافة بين الهيدر الثابت وأعلى الصفحة
- حدد الحد الأدنى والحد الأقصى لأحجام الشاشة للميزة الثابتة
- لا يؤثر على شريط أدوات الإدارة الموجود أعلى الصفحة
ومع ذلك، فإن أحد العوائق هو أنه في بعض الحالات لا يتم تغيير حجم الهيدر ليناسب حجم المتصفح. من ناحية أخرى، فهو يسمح لك بتشغيل بعض التصميم للعناصر فقط عندما تكون ثابتة.
باستخدام هذا الاضافة، يمكنك جعل العناصر الأخرى ثابتة أيضًا – ازرار دعوة اتخاذ إجراء، أو الشعارات، أو حتى البانارات الاعلانية. ولكن نظرًا لأنه يتطلب من المستخدمين اختيار المحدد المناسب يدويًا لإصلاح عنصر الصفحة، فقد لا يكون المفضل لدى الجميع. تعمل هذا الاضافة أيضًا على جعل عنصر واحد فقط ثابت في كل مرة.
2. Mega Main Menu
تعد Mega Main Menu واحدة من أفضل اضافات ووردبريس للقائمة في السوق. فهو لا يوفر فقط خيارات للقوائم الضخمة، والقوائم المنسدلة، وتحسين الأجهزة المحمولة، ودعم الترجمة والعديد من التخصيصات، ولكنه يتضمن أيضًا خيار ثابت مفيد للغاية.
بمجرد تثبيت الاضافة وتنشيطها، ما عليك سوى استخدام الخيارات السهلة ضمن المظهر > Mega Main Menu لتهيئته. ستجد هناك خيارات لـ:
- تمكين القائمة اللزجة
- تحديد إزاحة التمرير اللزج
- الخطوط والألوان والأيقونات المخصصة
- القوائم المنسدلة
- RTL والترجمة جاهزة
- إخفاء/إظهار العناصر في التمرير
- من السهل استخدام الاكواد المختصرة والويدجت
جميع الخيارات الموجودة في هذا الاضافة للهيدر الثابت سهلة الاستخدام، لذا لن يستغرق الأمر وقتًا طويلاً قبل أن يكون لديك نظام تنقل ثابت وعلامة تجارية فعالة على موقع الويب الخاص بك.
3. Simple Sticky Header
أضف هيدر ثابت بسيط إلى أي قالب ووردبريس باستخدام Simple Sticky Header on Scroll المجاني. يوفر هذا الاضافة للهيدر الثابت إعداد سريعة مع خيارات سهلة لشعارك وألوانك و”زر النشر التالي” والقوائم المنسدلة والمزيد. تتيح لك هذا الاضافة المجانية التحكم في العديد من الأشياء، مثل:
- شعار مخصص
- خيارات الألوان المضمنة
- خيار رابط “المشاركة التالية”.
- القائمة المنسدلة على الهاتف المحمول
- رؤية قائمة مسافة التمرير المخصصة
- تكامل أداة تخصيص ووردبريس المباشرة
تعد هذه الميزة الأخيرة مفيدة للغاية، حيث يمكنك معاينة تعديلات الهيدر الثابت مباشرة أثناء إجرائها. ثم قم فقط بنشر تغييراتك لتحديث موقع الويب الخاص بك بسرعة.
4. Hero Mega Menu
يتميز هذا التصميم بتصميم مرن وقابل للتخصيص بالكامل، ومزود بخيارات تناسب كل ميزات هيدر. تتميز Hero Mega Menu بسهولة الاستخدام للغاية، لأنها تستخدم واجهة السحب والإفلات لإنشاء تصميم قائمة مخصص. وتعمل اداة الانشاء تمامًا مثل قوائم ووردبريس العادية – ما عليك سوى دمج العناصر لإنشاء قوائم منسدلة وتحريرها لإنشاء قوائم ضخمة. ويتميز أيضا:
- خيارات الشفافية
- 60 لون مسبقًا
- تصميم متجاوب
- دعم الخريطة والصورة والقائمة والنشر والنص
- خلفيات مخصصة
- 270 أيقونة للقوالب الأنيقة
- التنقل عبر الهاتف المحمول
- قائمة ثابتة (بالطبع!)
ويمكنك أن تفعل الكثير. تدعم الاضافة أيضًا CSS المخصص، ويتضمن خيارات تخطيط ثابتة وكاملة العرض، وخيارات الظلال والزاوية المستديرة، ورسوم متحركة متنوعة، ودعم خطوط جوجل والمزيد.
5. My Sticky Bar
My Sticky Bar (المعروف سابقًا باسم myStickymenu) هو اضافة بسيطة تقوم ببساطة بما هو محدد للقيام به – إضافة ميزة ثابتة إلى عنصر على صفحات مواقع الويب الخاصة بك. إنه متجاوب ويدعم لغات متعددة.
وتشمل الميزات الرئيسية ما يلي:
- مرنة وقابلة للتخصيص
- ستتمكن من إضافة كود CSS مخصص لتصميم هيدر ثابت
- يمكن تعيين قيم لإصلاح الهيدر اعتمادًا على مدى تمرير المستخدم للأسفل
- يمكن أن يكون الهيدر بالعرض الكامل أو بأي حد تحدده
My Sticky Bar بسيط، ويعمل في الغالب خارج الصندوق. على الرغم من أنه تم تصميمه مع أخذ قالب Twenty Thirteen في الاعتبار، إلا أنه يعمل بشكل جيد مع معظم القوالب الأخرى، على الرغم من أن الأمر قد يتطلب قدرًا من CSS المخصص لتصميم الهيدر بالطريقة التي تريدها.
6. QuadMenu
QuadMenu عبارة عن أداة إنشاء قوائم مخصصة سهلة الاستخدام مع واجهة السحب والإفلات. يمكنك استخدام العناصر المضمنة لتخطيط القائمة الضخمة والأيقونات والروابط الاجتماعية وعربة التسوق والأدوات والمزيد لإنشاء القائمة المثالية لموقعك على الويب. بالإضافة إلى أن الاضافة تتضمن قائمة ثابتة عند خيار التمرير، مما يجعل التنقل أسهل على القراء لاستخدامه. تشمل الميزات الرائعة الأخرى ما يلي:
- سحب وافلات منشئ القائمة
- شعار مخصص
- قوالب نمط القائمة غير محدودة
- تخطيط أفقي أو عمودي
- لزجة على التمرير
- القائمة الضخمة مدعومة
- خطوط عادية
- متوافق مع Visual Composer
الميزة الفريدة الأخرى التي تميز QuadMenu عن غيرها هي قدرات المطورين. إنه خيار رائع لمطوري القوالب أو المستقلين الذين يعملون على مواقع عملاء مخصصة نظرًا لوجود ميزات مضمنة لملفات less. وخيارات مخصصة وفلاتر وأنماط والمزيد.
7. Fixed and Sticky Header
يقوم Fixed and Sticky Header بعمل جيد وهو إصلاح الهيدر أو القائمة، وجعلها مرئية على موقع الويب الخاص بك في جميع الأوقات. ستحتاج إلى تحديد ID أو فئة الهيدر في إعدادات الاضافة. بامكانك ايضا:
- اختر لون خلفية الهيدر
- اختر لون النص للهيدر
- قم بتعيين مسافة التمرير التي يصبح عندها الهيدر ثابت
8. Sticky Header on Scroll
يعد Sticky header on Scroll اضافة لا تسبب أي ضجة لإضافة هيدر ثابت يوفر الكثير من خيارات التخصيص. التثبيت سهل وسيكون لديك هيدر ثابت في وقت قصير جدًا. إنها مليئة بالخيارات المفيدة التي تشمل:
- أشر وانقر على التخصيص لمزج الهيدر مع أي قالب
- متجاوب بشكل رائع، والتكيف مع أي حجم للشاشة
- يتضمن تصميم نحيف بديل
- يتضمن تسمية زر مخصص للقائمة المنسدلة، وإخفاء القائمة اختياريًا
- قم بتحميل صورة الشعار أو عرض النص، وإخفاء الشعار اختياري
- استخدمه لعرض عنوان المقال أو أزرار المشاركة أو المقال التالي في مشاركات المدونة
- قم بإيقاف الالتصاق على الهواتف المحمولة، إذا كنت ترغب في ذلك
- تكامل أداة التخصيص المباشرة لمساعدتك على معاينة التغييرات
بصرف النظر عن ذلك، يمكن لهذا الاضافة البسيطة أيضًا إخفاء هيدر القالب الحالي الخاص بك. إلى جانب ذلك، يمكنك إصلاح مسافة التمرير التي يتحول عندها الهيدر إلى اللون الثابت وتغيير الألوان ولون الخلفية وصورة الخلفية والعتامة والمزيد. الكل في الكل حل شامل لإضافة ميزة ثابتة إلى الهيدر الخاص بك.
9. Site Content Navigator
إذا قمت بإنشاء الكثير من الصفحات الهبوط أو المحتوى الطويل (مثل الأدلة أو الدراسات المتعمقة)، فإن Site Content Navigator هو اضافة مفيدة قد ترغب في التحقق منه. باستخدام هذا الاضافة، يمكنك تمكين التنقل الثابت في أي من مقالاتك و/أو صفحاتك و/أو أنواع منشوراتك المخصصة. ثم استخدم الخيارات لتعيين نهاية الشريط، والتداخل، ومحددات CSS للأقسام (العناوين، وdivs، وما إلى ذلك)، وتلميحات الأدوات، والرؤية، والمزيد.
- قائمة ثابتة
- شريط تقدم قابل للتخصيص
- تحديد أقسام الصفحة
- إعدادات متقدمة
- تلميحات الأدوات
- خيارات الخط وCSS المخصصة
- لكل خيارات المشاركة
- ويدجت سيدبار
سنرى المزيد والمزيد من المواقع التي تتبنى هيدر ثابت وتنقل ثابت، ولكن إذا لم يتم تنفيذها بشكل صحيح، فقد تؤدي عناصر موقع الويب الثابتة هذه إلى تشتيت الانتباه والمساهمة في ضعف معدلات التحويل. يمكن أن يكون التنقل الثابت كبير جدًا بالنسبة لبعض الشاشات، لذلك تحتاج إلى التأكد من أنه لا يشغل مساحة كبيرة على شاشات الهاتف المحمول.
يجب أن تساهم العلامة التجارية لموقع الويب الخاص بك والتنقل فيه في الشعور بالتصفح اللطيف ويجب أن يكون من السهل الوصول إليهما.
فكر في تجربة الهيدر الثابت، ومراقبة حركة المرور والتحويلات وسلوك المستخدم باستخدام الأنظمة الأساسية التحليلية. إذا تم تكوينها بشكل صحيح، يمكن أن تجلب لك اضافات ووردبريس ذات الهيدر الثابت المزيد من العملاء العائدين، والمزيد من المستخدمين الراضين، وفي النهاية، المزيد من التحويلات.
اترك تعليقاً