تعمل ميزة التمرير إلى نقطة التثبيت في Elementor بشكل صحيح على أجهزة الكمبيوتر المكتبية، لكنها تتعطل على الأجهزة المحمولة أكثر مما يتوقعه معظم أصحاب المواقع. ومن أكثر الأسباب شيوعًا: ثبات العناوين التي تغطي الأقسام المستهدفة، وعدم دقة إزاحة التمرير، وتعارض الإضافات، وقيود جافا سكريبت على الأجهزة المحمولة.
يغطي هذا الدليل كل سبب لحدوث المشكلة والحل الدقيق لكل منها، حتى تعمل روابط التثبيت الخاصة بك بشكل صحيح عبر كل جهاز.
عادةً ما تحدث مشكلة التمرير إلى الرابط في Elementor على الأجهزة المحمولة بسبب ثبات عناوين الصفحات التي تغطي القسم المستهدف، أو إعدادات إزاحة الروابط غير الصحيحة، أو تعارضات بين الإضافات أو القوالب، أو عدم وجود روابط محددة، أو قيود جافا سكريبت على الأجهزة المحمولة. ويؤدي تعديل إزاحة التمرير، وتصحيح معرّفات الروابط، والاختبار باستخدام قالب افتراضي إلى حل معظم هذه المشاكل.
ما هي روابط التثبيت ولماذا هي مهمة؟
تتيح روابط التثبيت للزوار الانتقال مباشرةً إلى أقسام محددة من الصفحة دون الحاجة إلى التمرير. وفي الصفحات الطويلة، تُحسّن هذه الروابط سرعة التصفح وتجربة المستخدم بشكل ملحوظ، لا سيما على الأجهزة المحمولة، حيث يُسبب التمرير عبر المحتوى الكثيف صعوبةً أكبر.
تولي محركات البحث اهتماماً أيضاً لكيفية تفاعل الزوار مع محتواك. فزيادة مدة بقاء الزوار وانخفاض معدلات الارتداد نتيجة لتحسين تجربة التصفح يرسلان إشارات تفاعل أقوى تدعم تصنيفات البحث العضوية بمرور الوقت.
ما هو المرساة في Elementor؟
تتيح لك أداة ربط القوائم في Elementor إضافة نقطة ربط مُسماة إلى أي قسم من صفحتك. يمكنك تعيين مُعرّف فريد لنقطة الربط والربط بها من خلال نص أو زر أو عنصر قائمة تنقل.
عندما ينقر الزائر على الرابط، يتم تمرير الصفحة مباشرةً إلى ذلك القسم. على الأجهزة المحمولة، يعتمد هذا السلوك على إعدادات الإزاحة الصحيحة ودعم جافا سكريبت، وهو ما يُمثل مصدر معظم المشاكل.
لماذا تُعدّ روابط التثبيت مهمة لتجربة المستخدم وتحسين محركات البحث؟
تُحسّن الروابط الداخلية من سهولة التصفح، وتقلل من معدلات الارتداد، وتُساهم في تحسين مؤشرات تحسين محركات البحث على كلٍ من الأجهزة المحمولة وأجهزة الكمبيوتر المكتبية. إليك ما تُحسّنه بشكل مباشر.
تحسين تجربة المستخدم
كما ذكرنا سابقاً، تُسهّل روابط التثبيت الوصول السريع إلى المعلومات ذات الصلة. فإذا كانت إحدى المقالات أو الصفحات على موقع إلكتروني طويلة، فإن خاصية روابط التثبيت تُسهّل على المستخدمين التنقل خلالها.
يمكنهم الانتقال إلى أعلى أو أسفل الصفحة/المنشور بنقرة واحدة، مما يُحسّن تجربة المستخدم على الهاتف المحمول. كما أن تفعيل خاصية التمرير السلس يُحسّن تجربة المستخدم بشكل أكبر، إذ يسمح له بالانتقال بسلاسة إلى أقسام محددة دون حركات مفاجئة.
تصفح فعال للمواقع الإلكترونية مع تمرير سلس
وبالمثل، بدلاً من التمرير اللانهائي، تتيح ميزة رابط التثبيت للمستخدمين الانتقال مباشرة إلى أقسام الصفحة التي يريدونها، مما يضمن التنقل السلس داخل صفحة ويب واحدة.
هذا يجعل تصفح مواقع الويب عبر الهاتف المحمول أكثر كفاءة، مما يساعد المستخدمين على توفير الوقت، وهو أمر سيقدرونه.
التنقل السريع باستخدام روابط التثبيت
يُعدّ ضعف سهولة التصفح أحد الأسباب الرئيسية لارتفاع معدل ارتداد الزوار من الأجهزة المحمولة. وباستخدام ميزة روابط التثبيت في Elementor، يستطيع أصحاب المواقع الإلكترونية زيادة مدة بقاء الزوار على الصفحة وعدد مشاهدات الصفحات، وبالتالي تقليل معدل الارتداد.
وبالتالي، يُمكن أن يُساهم انخفاض معدل الارتداد في تحسين ترتيب موقعك في نتائج محركات البحث. بالإضافة إلى ذلك، يُمكن أن يُساهم جعل تصميم الموقع جذابًا بصريًا في تحسين تجربة المستخدم وتقليل معدلات الارتداد.
تحسين محركات البحث
من مزايا استخدام الروابط الداخلية تحسين تجربة المستخدم، وزيادة مدة بقاء الزائر على الصفحة وعدد مشاهدات الصفحات، وخفض معدل الارتداد، وتحسين ترتيب الموقع في محركات البحث. كل هذه المزايا تُعزز بشكل مباشر من تحسين محركات البحث لموقعك.
أسباب مشكلة التمرير إلى الرابط في Elementor على الأجهزة المحمولة
قبل أن نتناول كيفية حل مشكلة التمرير إلى الرابط في Elementor على الأجهزة المحمولة، دعونا نلقي نظرة على الأسباب الرئيسية لهذه المشكلة. بتحديد السبب، يمكنك تطبيق الحل المناسب بسرعة لحل هذه المشكلة.
إعدادات Elementor
قبل أن تتصفح أسباب عدم عمل ميزة التمرير إلى نقطة التثبيت على الهاتف المحمول، ابدأ بالتحقق من الإعدادات في Elementor.
قد يكون السبب هو تعطيل خاصية "التمرير إلى نقطة التثبيت" أو عدم ضبطها بشكل صحيح. في هذه الحالة، يمكنك حل المشكلة بتفعيل الخاصية وإعادة ضبطها.
تعارض بين القوالب أو الإضافات
في معظم الحالات، إذا لم يكن القالب أو الإضافة متوافقًا مع Elementor، فقد لا تعمل ميزة التمرير إلى الرابط على الأجهزة المحمولة. قد يؤثر عدم التوافق على سلاسة عمل هذه الميزة. كما أن كثرة إضافات ووردبريس قد تؤدي إلى هذه المشكلة.
نقص الأهداف
تحتوي روابط التثبيت على سمة "الهدف" التي تحدد "الإجراء" الذي يتم تنفيذه عند النقر على الرابط. إذا لم يتم تحديد الهدف أو نص رابط التثبيت ، أو كان مفقودًا/فارغًا، فقد يتسبب ذلك في مشكلة في الانتقال إلى رابط التثبيت عند التمرير على الأجهزة المحمولة.
مشاكل في جافا سكريبت أو HTML أو ذاكرة التخزين المؤقت
قد يكون عدم التوافق أو القيود في جافا سكريبت على الأجهزة المحمولة هو السبب في عدم عمل ميزة التمرير إلى نقطة الارتكاز في Elementor على الأجهزة المحمولة.
يُعد التخزين المؤقت مشكلة أخرى قد تمنع الروابط الداخلية من العمل بكفاءة. وأخيرًا، إذا كان هيكل HTML للصفحة أو المنشور غير مُهيأ بشكل صحيح، فقد يؤثر ذلك على وظائف الروابط الداخلية.
يمكن أيضًا حل المشكلات المتعلقة بروابط التثبيت عن طريق تعديل سلوك التمرير باستخدام أدوات محددة أو CSS مخصص، حيث تدعم المتصفحات الحديثة حلول CSS الأصلية، مما يجعلها أكثر سهولة في الوصول إليها وأفضل من بدائل JavaScript.
حالة الخادم سيئة
إذا كنت تستخدم استضافة مواقع ويب رخيصة بدون بنية تحتية مناسبة للخادم، فقد يتسبب ذلك في عدم عمل خاصية التمرير إلى الرابط على الهاتف المحمول.
يُعدّ الحفاظ على سلامة الخادم أمرًا بالغ الأهمية لضمان عمل الإضافات بسلاسة على موقع ووردبريس. وقد يؤدي أي خلل في ذلك إلى تعارض بين الإضافات، مما قد يؤثر على وظيفة روابط التثبيت على الأجهزة المحمولة.
هل ما زالت مشكلة التمرير إلى الرابط في Elementor غير محلولة؟
يمكن لفريق دعم ووردبريس المساعدة في تشخيص السبب وحله بسرعة حتى يعمل تصفح موقعك بسلاسة على كل جهاز.
طرق سريعة لإصلاح مشكلة التمرير إلى الرابط في Elementor على الهاتف المحمول
بمجرد معرفة سبب مشكلة التمرير إلى نقطة التثبيت على الهاتف، يمكنك استخدام الحلول السريعة الموضحة أدناه لإصلاحها. هذه حلول بسيطة لا تتطلب خبرة فنية.
ومع ذلك، إذا كنت بحاجة إلى مساعدة احترافية لتنفيذها، فتواصل مع خبير في ووردبريس.
الطريقة الأولى: اختيار قالب ووردبريس افتراضي
أبسط طريقة لإصلاح مشكلة التمرير إلى الرابط على الهاتف المحمول هي العودة إلى قالب ووردبريس الافتراضي.
إذا نجح هذا الحل، فاعلم أن السبب هو عدم توافق القالب مع إضافة Elementor. قبل العودة إلى القالب الافتراضي، خذ نسخة احتياطية من موقعك.
الطريقة الثانية: إنشاء أهداف
إذا كانت المقالة أو الصفحة تفتقر إلى رابط مُستهدف، فلن تعمل ميزة التمرير إلى الرابط بشكل صحيح على الأجهزة المحمولة. لحل هذه المشكلة، أنشئ روابط مُستهدفة وقم بتمييزها. إليك الطريقة:
- قم بإعداد القالب واكتب الكود التالي
.menu-item a{ اللون: أسود؛ }- بعد ذلك، ستحتاج إلى الكود أدناه لتمييز الرابط المستهدف
.menu-itema.mPS2id-highlight{ color: blue; }الطريقة الثالثة: استخدام مرشح جافا سكريبت
يمكنك أيضًا إضافة فلتر جافا سكريبت إلى عنصر واجهة المستخدم الخاص برابط قائمة Elementor. إليك الكود اللازم لإضافة فلتر جافا سكريبت المطلوب.
add_action( 'wp_footer', function() { if ( ! defined( 'ELEMENTOR_VERSION' ) ) { return; } ?><script> jQuery( function( $ ) { $( window ).on( 'elementor/frontend/init', function() { elementorFrontend.hooks.addFilter( 'frontend/handlers/menu_anchor/scroll_top_distance', function( scrollTop ) { var isMobile = $(window).width() <= 760; if (isMobile) { return scrollTop - 1000; } else { return scrollTop; } } ); } ); } ); </script>الطريقة الرابعة: ضبط التمرير
هناك طريقة أخرى سهلة لحل مشكلة التمرير إلى نقطة التثبيت في Elementor على الأجهزة المحمولة، وهي تعديل إزاحة التمرير عندما تكون القائمة في وضع الجوال. يمكنك استخدام فلتر JavaScript لتعديل قيمة التمرير.
الطريقة الخامسة: منع إغلاق القائمة
من المشاكل الشائعة على الهواتف المحمولة إغلاق القائمة بسرعة كبيرة بعد النقر على رابط قبل اكتمال حركة التمرير. وهذا يعيق حركة التمرير عند النقر على الرابط.
لحل هذه المشكلة، قم بتأخير إغلاق القائمة باستخدام جافا سكريبت أو إضافات مثل Elementor Custom Code. أو بدلاً من ذلك، عدّل جافا سكريبت لإبقاء القائمة مفتوحة حتى اكتمال التمرير.
إليك مثال أساسي باستخدام jQuery:
jQuery(document).ready(function($){ $('.elementor-nav-menu a').click(function(e){ e.preventDefault(); var target = $(this).attr('href'); $('html, body').animate({ scrollTop: $(target).offset().top }, 600, function(){ // إغلاق القائمة بعد التمرير $('.elementor-menu-toggle').trigger('click'); }); }); });أفضل إضافات التثبيت والتمرير لـ WordPress
إذا لم تنجح أي من الحلول المذكورة أعلاه في حل مشكلة التمرير إلى نقطة الارتكاز في Elementor على الهاتف المحمول، ففكر في استخدام إضافة أخرى مخصصة لهذه الميزة.
فيما يلي بعض إضافات الروابط والتمرير لـ WordPress، والمعروفة أيضًا باسم إضافات الروابط أو روابط الانتقال. توفر هذه الإضافات مجموعة من الميزات التي تُسهم في تحسين تجربة المستخدم.
التمرير اللانهائي في ووردبريس: تحميل المزيد باستخدام Ajax
هذه إضافة خفيفة الوزن مع أكثر من 50 ألف تثبيت نشط. تتيح لك إضافة ميزة التمرير إلى رابط إلى منشور واحد، أو صفحة، أو صفحة تحميل كسول، أو تعليقات، وغير ذلك.
كما يتيح لك إنشاء رموز مختصرة مخصصة للتمرير اللانهائي. يتوافق مُلحق Ajax Load More مع WooCommerce و Easy Digital Downloads. بالإضافة إلى ذلك، فهو يدعم المواقع المتعددة ويتيح لك تخصيص إعدادات الملحق.
الأسعار: النسخة الأساسية متاحة مجاناً. أما النسخة المميزة أسعارها من 149 دولاراً للموقع الإلكتروني الواحد.
انتقل إلى صفحة المعرف
تتيح لك هذه الإضافة إضافة تأثيرات تمرير سلسة إلى روابط التثبيت. كما توفر وظائف متقدمة، مثل إمكانية تعديل تأثيرات التمرير للمواقع ذات الصفحة الواحدة، وروابط العودة إلى أعلى الصفحة، والتنقل داخل الصفحة.
كما يتيح لك تمييز الرابط والنص المستهدفين باستخدام فئات CSS جاهزة للاستخدام. وتشمل الميزات الأخرى التمرير المائل وإزاحة خاصة بالرابط، وغيرها.
التسعير: إضافة Page Scroll to Id مجانية ومتوافقة مع إصدار WordPress 3.3 أو أعلى.
Ultimate Blocks: إضافة Gutenberg Blocks
يُقدّم مُلحق الكتل المُتكامل مجموعةً من الميزات لتحسين تجربة المستخدم. بدءًا من روابط التثبيت ومنظور التمرير، يُنشئ "جدول محتويات" من العناوين.
يتيح لك هذا الخيار تفعيل أو تعطيل ميزة "التمرير السلس". بالإضافة إلى ذلك، يمكنك ضبط مسافة التمرير للأجهزة المحمولة وتقسيم جدول المحتويات إلى أعمدة.
التسعير: متوفر مجاناً!
WPFront Scroll Top
يُعد هذا رابطًا ممتازًا آخرًا لإضافة التمرير في ووردبريس، مع أكثر من 200,000 تثبيت نشط. ويوفر مجموعة واسعة من خيارات التخصيص، مثل عرض أزرار عند تمرير المستخدم لأسفل الصفحة، أو إضافة تأثيرات متحركة لأزرار العودة إلى أعلى الصفحة.
إضافة WP Front Scroll Top سهلة الاستخدام، وتتيح لك إنشاء نصوص وصور وأزرار Font Awesome. كما يمكنك من خلالها ربط عنصر داخل الصفحة أو صفحات أخرى باستخدام عناوين URL.
السعر: يمكنك تنزيل هذه الإضافة مجاناً.
التقط التمرير اللانهائي
كما يوحي الاسم، تتيح لك هذه الإضافة إضافة خاصية التمرير اللانهائي إلى الصفحة والمنشور. وهي إضافة خفيفة الوزن تساعد المستخدمين على تحميل المحتوى وتمريره بشكل أسرع.
كما يتيح لك النقر أو التمرير لتحميل المحتوى، ويمكنك إضافة صورة مخصصة.
Catch للتمرير اللانهائي متوافقة مع إصدار WordPress 5.7 أو أعلى ولديها 20 ألف تثبيت نشط.
السعر: مجاني على موقع WordPress.org. بينما تبلغ تكلفة Catch Infinite Scroll PRO 24.99 دولارًا أمريكيًا لرخصة لمدة عام واحد.
الخلاصة: مشكلة التمرير إلى الرابط
يمكن حل مشكلة التمرير إلى الرابط في Elementor على الأجهزة المحمولة بمجرد تحديد السبب الرئيسي. ابدأ بفحص إعدادات Elementor ومسح ذاكرة التخزين المؤقت. إذا استمرت المشكلة، جرّب استخدام قالب افتراضي، وأضف روابط مفقودة، واضبط مسافة التمرير للأجهزة المحمولة.
في الحالات المستعصية، يمنحك استخدام إضافة مخصصة للتمرير تحكمًا أكثر موثوقية في سلوك الروابط مقارنةً بوظائف Elementor المدمجة. أصلح المشكلة مرة واحدة، واختبرها على أجهزة حقيقية، وسيعمل نظام التنقل على هاتفك المحمول بسلاسة ودون أي مشاكل أخرى.
الأسئلة الشائعة حول مشكلة التمرير إلى الرابط في Elementor على الهاتف المحمول
لماذا لا ينتقل رابط التثبيت في Elementor إلى الموضع الصحيح على الهاتف المحمول؟
تُعدّ الرؤوس الثابتة السبب الأكثر شيوعًا. تنتقل الصفحة إلى الموضع الصحيح، لكن الرأس يتداخل مع القسم المستهدف، مما يجعله يبدو مخفيًا. اضبط إزاحة التمرير في مُرشِّح جافا سكريبت، أو زد المسافة البادئة العلوية للقسم المستهدف، لمراعاة ارتفاع الرأس على الأجهزة المحمولة.
لماذا يعمل رابط القائمة على أجهزة الكمبيوتر المكتبية ولكنه لا يعمل على الهواتف المحمولة؟
غالبًا ما تستخدم قائمة الجوال بنية تنقل مختلفة عن قائمة سطح المكتب. تأكد من ربط مُعرّف رابط التثبيت نفسه بعنصر القائمة في كلٍّ من تصميم سطح المكتب والجوال. اختبر كلا التصميمين بعد إجراء أي تغييرات للتأكد من اتساق سلوك التمرير.
هل يمكن أن تتسبب العناوين الثابتة في مشاكل تمرير الروابط في Elementor على الأجهزة المحمولة؟
نعم. عند تمرير الصفحة إلى موضع الرابط، يتداخل رأس الصفحة الثابت مع القسم المستهدف، ويظهر المحتوى مخفيًا خلفه. أضف مسافة بادئة علوية للقسم المستهدف تساوي ارتفاع رأس الصفحة، أو اضبط إزاحة التمرير في جافا سكريبت لتعويض رأس الصفحة على الأجهزة المحمولة.
ما الذي يجب عليّ التحقق منه إذا استمرت المشكلة بعد إضافة عنصر واجهة مستخدم لرابط القائمة؟
تأكد من تطابق مُعرّف عنصر واجهة المستخدم مع رابط href تمامًا، بما في ذلك حالة الأحرف. امسح جميع ذاكرات التخزين المؤقت، بما في ذلك ذاكرة التخزين المؤقت للمتصفح، وذاكرة التخزين المؤقت للملحقات، وذاكرة التخزين المؤقت لشبكة توصيل المحتوى (CDN). اختبر على جهاز جوال حقيقي بدلًا من مُحاكي المتصفح، لأن سلوك التمرير قد يختلف بين البيئتين.
هل يؤثر Elementor Pro على خاصية التمرير بين الروابط على الهاتف المحمول؟
نعم. قد تتداخل ميزات Elementor Pro، مثل تأثيرات الحركة، والرؤوس الثابتة، وقوالب الرؤوس المخصصة، مع سلوك التمرير عبر الروابط على الأجهزة المحمولة. راجع إعدادات الرؤوس الثابتة، وعطّل تأثيرات الحركة على الأجهزة المحمولة إذا بدأت المشكلة بعد تفعيل ميزات Elementor Pro. اختبر كل ميزة على حدة لتحديد الميزة التي تُسبب التعارض.
