كيفية إصلاح مشكلة التمرير إلى الرابط في Elementor على الهاتف المحمول: 5 طرق سريعة وسهلة

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

مع أكثر من 5 ملايين تثبيت نشط، يُعدّ Elementor أداةً أساسيةً لبناء مواقع ووردبريس ، إذ يوفر مرونةً تصميميةً فائقة. مع ذلك، وكأيّ أداة، قد يواجه بعض المشاكل أحيانًا؛ ومن أكثرها شيوعًا عدم عمل اسم الرابط بشكلٍ صحيح على الأجهزة المحمولة.

لكن لا تقلق! من الحيل السريعة إلى تعديل الملفات الرئيسية، والتحقق من السجل، وتدوين الملاحظات حول التعديلات الأساسية، سيساعدك هذا الدليل على استعادة الأداء السليم لموقعك في وقت قصير.

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

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

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

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

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

فهم الروابط المرجعية

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

تُعدّ هذه الروابط مفيدةً بشكلٍ خاص للصفحات الطويلة التي تتطلب من المستخدمين التمرير عبر محتوى واسع. في هذا القسم، سنستكشف مفهوم روابط التثبيت، وكيفية عملها، وفوائدها

ما هو المرساة في Elementor؟

تُعرف أيضًا باسم قائمة الانتقال السريع، وتساعد قائمة التثبيت في Elementor المستخدمين على التنقل داخل الصفحة أو المنشور

يمكن تشبيه رابط Elementor بجدول محتويات هذه المدونة. ولأن المدونة تحتوي على عدة أقسام، فإن وجود رابط لكل قسم يُسهّل عملية التنقل.

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

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

في Elementor، تُساعدك أداة رابط القائمة على إضافة رابط إلى صفحتك أو منشورك. ما عليك سوى إضافة اسم أو مُعرّف فريد للرابط وربطه عبر نص أو زر أو عنصر قائمة.

ذات صلة : كيفية إصلاح مشكلة عدم تحميل لوحة الأدوات في Elementor

مزايا استخدام مرساة Elementor

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

تحسين تجربة المستخدم

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

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

تصفح فعال للمواقع الإلكترونية مع تمرير سلس

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

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

التنقل السريع باستخدام روابط التثبيت

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

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

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

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

تعرّف على المزيد حول : أفضل الطرق لإضافة مُحدِّد اللغة إلى موقعك في Elementor

أسباب مشكلة التمرير إلى الرابط في Elementor على الأجهزة المحمولة

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

إعدادات Elementor

قبل أن تتصفح أسباب عدم عمل ميزة التمرير إلى نقطة التثبيت على الهاتف المحمول، ابدأ بالتحقق من الإعدادات في Elementor.

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

تعارض بين القوالب أو الإضافات

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

نقص الأهداف

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

مشاكل في جافا سكريبت أو HTML أو ذاكرة التخزين المؤقت

قد يكون عدم التوافق أو القيود في جافا سكريبت على الأجهزة المحمولة هو السبب في عدم عمل ميزة التمرير إلى نقطة الارتكاز في Elementor على الأجهزة المحمولة.

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

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

حالة الخادم سيئة

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

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

طرق سريعة لإصلاح مشكلة التمرير إلى الرابط في Elementor على الهاتف المحمول

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

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

الطريقة الأولى: اختيار قالب ووردبريس افتراضي

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

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

اقرأ المزيد : أفضل إضافات النسخ الاحتياطي لـ WordPress

الطريقة الثانية: إنشاء أهداف

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

• قم بإعداد القالب واكتب الكود التالي

.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'); }); }); });

ذات صلة: إصلاح مشكلة عدم عمل العناوين المتحركة في Elementor

أفضل إضافات التثبيت والتمرير لـ WordPress

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

فيما يلي بعض إضافات الروابط والتمرير لـ WordPress، والمعروفة أيضًا باسم إضافات الروابط أو روابط الانتقال. توفر هذه الإضافات مجموعة من الميزات التي تُسهم في تحسين تجربة المستخدم.

التمرير اللانهائي في ووردبريس: تحميل المزيد باستخدام Ajax

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

كما يتيح لك إنشاء رموز مختصرة مخصصة للتمرير اللانهائي. يتوافق مُلحق Ajax Load More مع WooCommerce و Easy Digital Downloads. بالإضافة إلى ذلك، فهو يدعم المواقع المتعددة ويتيح لك تخصيص إعدادات الملحق.

الأسعار : النسخة الأساسية متاحة مجاناً. أما النسخة المميزة أسعارها من 149 دولاراً للموقع الإلكتروني الواحد.

اقرأ المزيد حول : أفضل قوالب Elementor لـ WordPress

انتقل إلى صفحة المعرف

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

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

التسعير : إضافة Page Scroll to Id مجانية ومتوافقة مع إصدار WordPress 3.3 أو أعلى.

Ultimate Blocks: إضافة Gutenberg Blocks

مُلحق الكتل المُتكامل مجموعةً من الميزات لتحسين تجربة المستخدم. بدءًا من روابط التثبيت ومنظور التمرير، يُنشئ "جدول محتويات" من العناوين.

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

التسعير : متوفر مجاناً!

اقرأ المزيد : مراجعة إضافات QI لبرنامج Elementor، مراجعة البرنامج المساعد

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. ثم تحقق من وجود مشاكل في التخزين المؤقت أو عناصر فارغة.

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

بمجرد تحديد السبب أو المشكلة، يمكنك تطبيق الحلول المذكورة هنا.

الأسئلة الشائعة حول مشكلة التمرير إلى الرابط في Elementor على الهاتف المحمول