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

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

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

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

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

التمرير لانهائية لمواقع ثابتة

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

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

هذا البرنامج التعليمي من Hongkiat.com ملامح اثنين من الإضافات jQuery مختلفة للنظر فيها ، بما في ذلك التدرج اللانهائي بول ايرلندا.

التمرير لانهائي لمواقع وورد

لست متأكدًا من وجود أي ميزة أو وظيفة تحت الشمس لم يتم إتاحتها لـ WordPress في شكل مكون إضافي. التمرير اللانهائي هو بالطبع ليست استثناء.

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

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

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

التمرير لانهائي لمواضيع Tumblr

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

خلط التمرير اللانهائي مع المكونات الإضافية الأخرى

jQuery Masonry هو البرنامج المساعد الكلاسيكي لإنشاء تخطيطات نمط البناء على شبكة الإنترنت. (شخصياً ، أعتقد أن الاسم يعطيها بعيداً). بما أن تخطيط البناء هو كل شيء عن عرض أجزاء صغيرة من المعلومات التي غالباً ما يتم خدمتها بشكل جيد عن طريق التمرير اللانهائي ، فليس من المستغرب أن العديد من المواقع تجمع بين السلوكين. (نرى: موقع Pinterest ) لمواقع ثابتة ، يجب عليك التحقق من الوثائق الرسمية هنا.

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

صورة مميزة / صورة مصغرة ، صورة التمرير لانهائي عبر Shutterstock.