كيفية إضافة زر تحميل المزيد من المنشورات في ووردبريس

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

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

لماذا التمرير اللانهائي؟

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

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

إذا كنت مستعدًا لإضافة زر تحميل المزيد إلى WordPress ، فهناك بعض الأشياء التي يجب أن تضعها في اعتبارك.

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

بدون البرنامج المساعد

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

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

سهولة تحميل المزيد

إذا كنت تفضل مكونًا إضافيًا ، فهذا أمر رائع للاختيار. Easy Load More ، كما يوحي اسمه ، هو مكون إضافي تحميل كسول. يستخدم Ajax لتحميل منشورات إضافية على نفس الصفحة ويتطلب القليل جدًا من التحرير لملفات السمات الخاصة بك. تم تصميم المكون الإضافي خصيصًا لترك أصغر علامة ممكنة ، باستخدام زر افتراضي بسيط وقابل للتخصيص ، وحجم جافا سكريبت صغير ، وأيقونات تحميل معروضة باستخدام SVG بحيث لا يلزم تنزيل ملفات الصور.

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

اياكس تحميل أكثر

إذا كنت تبحث عن شيء أكثر تقدمًا ، فإن Ajax Load More يأتي مع الكثير من الوظائف الإضافية.

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

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

بينما يمكن تخصيص Ajax Load More وتعديله على نطاق واسع من قبل المستخدمين المتقدمين ، إلا أن إعداده يعد محنة صغيرة إلى حد ما. ما عليك سوى استخدام Shortcode Builder لإنشاء الرمز المختصر المخصص الخاص بك وإضافته إلى موقعك إما مباشرة من خلال محرر المحتوى أو عن طريق وضعه في ملفات القالب. وهذا كل ما عليك القيام به!

تحميل المزيد من المنتجات لـ WooCommerce

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

تحميل بسيط أكثر

إذا كنت بحاجة إلى شيء بسيط وسهل التنشيط ، فإن Simple Load More ستنجز المهمة. يتم تنشيطه تلقائيًا على صفحتك الرئيسية ، لذلك إذا كان هذا كل ما تحتاجه ، يمكنك فقط تثبيته وإعداده والقيام به.

إذا كنت بحاجة إليه في صفحات أخرى ، فما عليك سوى إجراء بعض الإعداد السهل وإضافة الوظيفة "simple_more_button ()" أو الرمز القصير "[load_more button_text =" ABC "]" إلى ملفات قالب الصفحة التي تريد الزر عليها.

تحميل المزيد من أي شيء

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

ستحتاج إلى القليل من المعرفة التقنية لهذا الغرض. على الرغم من أنك لست بحاجة إلى العبث بملفات السمات ، فستحتاج إلى العثور على علامة "div" التي تتعلق بالمكان الذي تريد أن يظهر فيه الزر ، ومن أين سيتم سحب المحتوى منه. أسهل طريقة هي استخدام "فحص العنصر" في المكان الذي تريد أن يظهر الزر فيه ، ومحاولة العثور على علامات div أو class أو الجانبية الصحيحة. إذا لم تكن مطور ويب أو لا تعرف كيفية التنقل في Inspect Element ، فقد ترغب في تخطي هذا.

إشراك القراء بسهولة مع تحميل المزيد

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

إذا كان هذا الدليل قد ساعدك ، فلماذا لا تحقق من Facebook و Twitter لمزيد من النصائح والبرامج التعليمية حول WordPress؟ وإذا كانت هناك أي دروس تعليمية حول WordPress تريد رؤيتها منا ، فأخبرنا بذلك في التعليقات أدناه.