تعلم كيفية اضافة التمرير اللانهائي في ووردبريس
التنقل اللانهائي او بلا حدود هو أسلوب لتصميم الويب يقوم تلقائيًا بتحميل محتوى صفحتك التالية بمجرد وصول المستخدمين إلى أسفل الصفحة. تعد إضافة التمرير الذي لا ينتهي في WordPress طريقة رائعة لإبقاء الزائرين في الموقع لفترة طويلة. يتيح التمرير اللانهائي للمستخدمين عرض المزيد من المحتوى على مدونتك دون النقر على زر التنقل أو “تحميل المزيد”. في هذه المقالة ، سوف اشرح لك كيفية إضافة شريط التمرير الذي لا ينتهي في WordPress بحيث يمكنك تطبيق هذه الميزة المثيرة للاهتمام في موقعك .
ماهي ميزة التمرير اللانهائي و كيف تعمل
دعونا أولا نعرف ما هو التمرير الذي لا نهاية له.
التمرير اللانهائي هو عملية تصميم موقع تستخدم تحميل صفحة من Ajax بدلاً من فهرس صفحة رقمي لتحميل محتوى صفحتك التالية تلقائيًا وعرضه في أسفل الصفحة الحالية. التمرير اللانهائي يجعل من السهل استعراض المحتوى من خلال البحث البسيط. كما أنه يحتفظ بتنزيل محتوى مستمر وغير محدود أثناء التمرير.
قبل استخدام هذه الميزة ، سيتعين على المستخدمين النقر فوق الأزرار أو أرقام الصفحات التالية أو السابقة لمشاهدة مقالات المدونة الأقدم ، ولكن مع هذه الميزة لم تعد هناك حاجة إلى القيام بها وكل شيء يتم بطريقة مدمجة.
عند استخدام Ajax لجافا سكريبت غير متزامن و XML ، يمكن لصفحات الويب التواصل مع الخادم دون إعادة تحميل الصفحة. يتيح ذلك لتطبيقات الويب معالجة طلبات المستخدم وتسليم البيانات دون إعادة التحميل.
أفضل الأمثلة على تصميم التمرير اللانهائي هي مواقع التواصل الاجتماعي الشائعة مثل Facebook و Twitter و Instagram و Pinterest والمزيد. إذا كنت تستخدم أيًا منها ، فأنت تعرف كيف يتم تحميل المحتوى باستمرار على وسائط التواصل الاجتماعي الخاصة بك.
هل موقعك قابل للتمرير اللانهائي ؟
قبل استخدام ميزة التمرير التي لا تنتهي في WordPress ، من الجيد معرفة ما إذا كانت هذه الميزة مناسبة لموقع الويب الخاص بك. لا يمكن لكل موقع استخدام هذه الميزة. على سبيل المثال ، يجب ألا تستخدم هذه الميزة مواقع الويب التي يرغب الزوار في أداء مهمة معينة ، مثل البحث عن منتج معين أو البحث عن محتوى معين. السبب في ذلك هو أن ميزة التمرير يمكن أن تجعل زوار موقعك لا يشاهدون الكثير من المعلومات وينغمسوا فيها. هذا يمكن أن يؤثر على الغرض من موقعك.
فوائد التمرير اللانهائي لمواقع ووردبريس
هذا أمر رائع بالنسبة للمواقع التي تحتوي على الكثير من المحتوى الذي يتم تحميله وتحديثه بانتظام. أيضًا ، إذا كنت تنشر منشورات بنفس القدر من الأهمية على موقعك ، فعليك بالتأكيد استخدام هذه الميزة.
يعد التمرير الذي لا ينتهي في ووردبريس مفيدًا للمواقع التي تقدم محتوى في جدول زمني أو موجز ، مثل الوسائط الاجتماعية. يوفر Scroll تجربة استعراض هائلة للمستخدمين الذين يبحثون عن محتوى يستند إلى الوقت.
بعد ذلك ، يعد تصميم التمرير اللانهائي مثاليًا للأجهزة المحمولة وأجهزة اللمس. بالنسبة لمستخدمي الأجهزة المحمولة ، يكون التنقل أكثر سهولة من النقر على مشاهدات الصفحة الصغيرة.
الميزة الأكثر أهمية لتقنية التنقل التي لا نهاية لها هي تجربة التصفح السلس . لا يتعين على المستخدمين النقر يدويًا على روابط ترقيم الصفحات. يتم تنزيل المحتوى بسرعة باستخدام شريط التمرير ويشرك المستخدمين.
عيوب التمرير اللانهائي
يمكن أن يؤدي التمرير إلى جعل التنقل في موقعك أكثر صعوبة. من خلال التنزيل المستمر ، يصعب تحديد مكان (على الصفحة) مقالة المدونة. بالنسبة لبعض المستخدمين ، حتى رؤية الكثير من المقالات في وقت واحد أمر محبط للغاية.
عيب آخر للتصميم التمرير لانهائي هو أنه لا يمكن أن يكون لديك تذييل. حتى إذا كان لديك ، فإنه سيتم إخفاء تحت التنزيلات التي لا تنتهي من المقالات. تتضمن العديد من المواقع بعض الروابط الأصلية في تذييلها ، وبالتالي فإن عدم وجود تذييل يمكن أن يحبط بعض المستخدمين.
ربما يكون الشيء الأكثر إثارة للقلق حول التمرير بلا حدود هو أنه يمكن أن يبطئ موقع الويب الخاص بك أو حتى تعطل الخادم. هذا صحيح بشكل خاص عند استخدام استضافة مشتركة ضعيفة. نوصي باستخدام WordPress إذا كنت تريد تجربة التمرير اللانهائي.
الآن بعد أن تعرفت إيجابيات وسلبيات تصميم التمرير اللانهائي ، يمكنك أن تقرر ما إذا كنت تريد إضافته إلى مدونتك. إذا قررت إضافة التمرير اللانهائي إلى مدونة ووردبريس الخاصة بك ، فيمكنك القيام بذلك بسهولة بمساعدة إضافة التمرير الذي لا ينتهي للمواقع التي تستخدم WordPress. سوف اعرض لك العديد من الاضافات التي يمكنك استخدامها. يمكنك اضافة هذه الميز في موقعك باستخدام الترميز.
1 – استخدام اضافة ووردبريس
في هذا القسم ، سنقدم اضافات لمساعدتك في إضافة ميزة تمرير الصفحات بدون نهاية إلى موقعك.
اضافة Catch Infinite Scroll
أول شيء عليك فعله هو تثبيت وتفعيل المكون الإضافي Catch Infinite Scroll. من اضافات >> اضف جديد ، ابحث وقم بتثبيت هذا المكون الإضافي وقم بتنشيطه.
بمجرد تنشيط المكون الإضافي ، ستتم إضافة خيار يسمى “Catch Infinite Scroll” إلى عداد WordPress الخاص بك والذي سينقر فوق إعدادات الاضافة .
يجب عليك أولاً تحديد خيار التمرير من القسم أدناه. هناك خيار آخر يمكنك اختياره هو النقر فوق “Click” ، الذي يضيف زر اسم مخصص (على سبيل المثال ، المزيد من التحميل) في أسفل الصفحة ويمكن للمستخدم النقر فوقه لرؤية المزيد من المقالات.
بعد ذلك ، يمكنك رؤية منتقي التنقل ، والمنتقي التالي ، ومنتقي المحتوى ، ومنتقي العناصر. لا تحتاج إلى تغيير هذه الخيارات لأن الخيارات الافتراضية تعمل جيدًا.
بعد ذلك ، هناك خيار صورة يمكنك إضافته إلى رمز أداة التحميل أو تحميل المحتوى. بشكل افتراضي ، يكون للتحميل صورة GIF. إذا كان لديك صورة أفضل ، يمكنك تغييرها.
يحتوي خيار “إنهاء النص” على رسالة سيتم عرضها للمستخدم عند الانتهاء من المقالات. يمكنك استخدام النص “لا يوجد عنصر آخر لعرضه” أو أي نص آخر.
في النهاية ، انقر فوق الزر “حفظ التغييرات”.
تمكين التمرير اللانهائي في WordPress على مدونتك. يمكنك الانتقال إلى مدونتك ومشاهدة التمرير اللانهائي وكيفية عمله .
تحميل اضافة Catch Infinite Scroll
اضافة Ajax Load More
إضافة التمرير الذي لا ينتهي في WordPress بمساعدة مكون إضافي. مثل Catch Infinite Scroll ، يتيح لك Ajax Load More إضافة أزرار التمرير اللانهائي وأزرار التحميل القابلة للنقر إلى موقعك.
توفر هذه الاضافة المزيد من خيارات التخصيص ، بما في ذلك العديد من أنماط تحميل الصفحة ، وأنماط الأزرار ، وأكثر من ذلك. ومع ذلك ، يجب أن يكون لديك تدريب شامل نسبيا للعمل مع هذه الاضافة المساعدة . الاضافة لديها واجهة متقدمة مع العديد من الخيارات بما في ذلك قالب مكرر ، منشئ الرموز القصيرة ، الاستعلام وأكثر من ذلك. لإنشاء التمرير اللانهائي باستخدام هذه الاضافة ، يجب أن تكون معتادًا على كتابة الاكواد.
فيديو توضيحي لاضافة Ajax Load More
اضافة YITH Infinite Scrolling
Ajax Load More هي اضافة التمرير اللامحدود لمواقع WordPress لمشاركات التحميل البطيئة والمنشورات الفردية والصفحات والتعليقات وغير ذلك من خلال استعلامات Ajax .
Ajax Load More متوافق ايضا مع الإضافات الشائعة مثل WooCommerce و Easy Digital Downloads.
الاضافة توفر واجهة مستخدم سهلة وتحتوي على شريط تمرير بسيط. هذا الاضافة هي أكثر الاضافت تحميلا حيث هناك اكثر من 10000 تثبيت نشط .
YITH Infinite Scrolling مفتوح المصدر ، لذلك إذا كنت تعتقد أن لديك فكرة يمكن أن تجعله أفضل ، فيمكنك تطبيق المكوّن الإضافي والمساعدة في تحسين ميزاته للمستخدمين الآخرين.
الامتداد متوافق مع الأجهزة المحمولة أيضًا ، لذلك سيحصل المستخدمون على تجربة مستخدم مماثلة على أجهزتهم المحمولة. كما يوفر تأثير انتقال سلس .
تحميل اضافة YITH Infinite Scrolling
التمرير اللانهائي بواسطة اضافة كود
هنا اوضح كيفية اضافة ميزة التمرير اللانهائي في WordPress باضافة كود .
أولاً ، أضف الكود التالي إلى ملف function.php الخاص بالقالب.
function
mytheme_infinite_scroll_init() {
add_theme_support( ‘infinite-scroll’,
array
(
‘container’ => ‘content’,
‘render’ => ‘mytheme_infinite_scroll_render’,
‘footer’ => ‘wrapper’,
) );
}
add_action( ‘init’, ‘rootdip_infinite_scroll_init’ );
بعد ذلك ، تحتاج إلى إعداد دالة لـ Render Parameter هي وظيفة تقوم بتحميل منشورات جديدة للتمرير اللانهائي. هذه الوظيفة هي mytheme_infinite_scroll_init ، والتي تستخدم في WordPress لتحميل محتوى للتمرير اللانهائي. أضف الكود أدناه إلى ملف function.php الخاص بالقالب.
function
mytheme_infinite_scroll_render()
{
get_template_part( ‘loop’ );
}
سيؤدي وضع الشفرة في القالب الخاص بك إلى التمرير اللانهائي على موقعك. إذا لم يتم تمكين التمرير ، فمن المحتمل ألا يكون القالب الخاص بك متوافقًا بشكل لا نهائي مع ميزة التمرير وقد ترغب في تغيير القالب الخاص بك.
التمرير اللانهائي لمواقع ووردبريس
إذا تم استخدامها بحكمة ، فإن التمرير الذي لا ينتهي في WordPress سيجعل زوار موقعك يظلون على موقعك لفترة طويلة. ومع ذلك ، ضع في اعتبارك أن إبقاء زائر في الموقع يتطلب محتوى جذابًا ومفيدًا. من المرجح أيضًا أن يجد المستخدمون محتوى أكثر تشويقًا عن طريق استخدام التمرير اللانهائي على موقعهم.
أمل أن تستفيد من هذا الشرح وتتمكن من اضافة ميزة التمرير اللانهائي في موقعك.