هل تريد إضافة زر تحميل المزيد من المنشورات في ووردبريس؟ تسمح العديد من الأنظمة الأساسية الشائعة للمستخدمين بتحميل المزيد من المنشورات عندما يصلون إلى أسفل الصفحة. في هذه المقالة ، سنوضح لك كيفية إضافة زر تحميل المزيد من المنشورات بسهولة في ووردبريس.
كيفية إضافة زر تحميل المزيد من المشاركات في ووردبريس
يساعدك الحفاظ على تفاعل المستخدمين مع المحتوى في الحصول على المزيد من المشاهدات وفي النهاية المزيد من المشتركين.
تستخدم العديد من المدونات رابط التنقل البسيط “المنشورات الأقدم” في نهاية صفحاتها الرئيسية والمدونة والأرشيف. تستخدم بعض مواقع الويب التنقل الرقمي في الصفحة مما يضيف مزيدًا من السياق.
ومع ذلك ، هناك نوع معين من مواقع الويب التي يمكن أن تستفيد بشكل كبير من التمرير اللانهائي أو زر تحميل المزيد من المشاركات. تتضمن بعض الأمثلة: مواقع التصوير الفوتوغرافي ، ومقالات القوائم ، ومواقع المحتوى الفيروسي.
بدلاً من تحميل صفحة جديدة بالكامل ، يعمل زر “تحميل المزيد من المشاركات” مثل التمرير اللانهائي. يستخدم JavaScript لجلب المجموعة التالية من المحتوى بسرعة. هذا يحسن تجربة المستخدم ويمنحهم فرصة لعرض المزيد من المحتوى الخاص بك.
ومع ذلك ، دعنا نلقي نظرة على كيفية إضافة زر تحميل المزيد من المنشورات بسهولة في موقع ووردبريس الخاص بك.
أول شيء عليك القيام به هو تثبيت وتفعيل المكون الإضافي Ajax Load More . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
عند التنشيط ، سيضيف المكون الإضافي عنصر قائمة جديدًا بعنوان “Ajax Load More” إلى قائمة مسؤول ووردبريس الخاصة بك. تحتاج إلى النقر فوقه والتوجه إلى صفحة إعدادات المكون الإضافي.
Ajax تحميل المزيد من الإعدادات
في صفحة الإعدادات ، يمكنك اختيار لون الزر الخاص بك. يمكنك أيضًا استبدال الزر بالتمرير اللانهائي الذي يقوم بتحميل الدفعة التالية من المشاركات تلقائيًا دون نقر المستخدمين على الزر.
بعد ذلك ، تحتاج إلى زيارة Ajax Load More »Repeater Template page لإضافة القالب الخاص بك لعرض المنشورات.
يأتي المكون الإضافي مع نموذج أساسي يحتوي على حلقة ووردبريس لعرض المنشورات. ومع ذلك ، فإنه لا يتطابق مع الموضوع الخاص بك وقد يبدو في غير محله على موقع الويب الخاص بك.
لإصلاح ذلك ، تحتاج إلى نسخ الكود الذي يستخدمه المظهر الخاص بك لعرض المنشورات على صفحات الفهرس والأرشيف والمدونة.
عادةً ما يكون هذا الرمز موجودًا في مجلد أجزاء القالب لموضوعك. في هذا المجلد ، سترى قوالب لعرض محتوى مختلف. على سبيل المثال content-page.php و content-search.php والمزيد.
سوف تبحث عن قالب content.php العام. فيما يلي مثال من ملف content.php لموضوع العرض التجريبي:
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php
// Post thumbnail.
twentyfifteen_post_thumbnail();
?>
<header class="entry-header">
<?php
if ( is_single() ) :
the_title( '<h1 class="entry-title">', '</h1>' );
else :
the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
endif;
?>
</header><!-- .entry-header -->
<div class="entry-content">
<?php
/* translators: %s: Name of current post */
the_content( sprintf(
__( 'Continue reading %s', 'twentyfifteen' ),
the_title( '<span class="screen-reader-text">', '</span>', false )
) );
wp_link_pages( array(
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
'after' => '</div>',
'link_before' => '<span>',
'link_after' => '</span>',
'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
'separator' => '<span class="screen-reader-text">, </span>',
) );
?>
</div><!-- .entry-content -->
<?php
// Author bio.
if ( is_single() && get_the_author_meta( 'description' ) ) :
get_template_part( 'author-bio' );
endif;
?>
<footer class="entry-footer">
<?php twentyfifteen_entry_meta(); ?>
<?php edit_post_link( __( 'Edit', 'twentyfifteen' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-## -->بمجرد العثور على هذا الرمز ، ستحتاج إلى لصقه داخل حقل Repeater Templates في إعدادات البرنامج المساعد.
لا تنس النقر فوق الزر “حفظ النموذج” لتخزين إعداداتك.
بعد ذلك ، تحتاج إلى زيارة Ajax Load More » صفحة Shortcode Builder لإنشاء الرمز القصير .
تحتوي هذه الصفحة على العديد من الخيارات المختلفة التي يمكنك تخصيصها. ستحتاج أولاً إلى تحديد نوع الحاوية. إذا لم تكن متأكدًا ، فما عليك سوى إلقاء نظرة على النموذج الذي نسخته مسبقًا. تستخدم معظم السمات الحديثة <div>؛ عنصر.
بعد ذلك قم بالتمرير لأسفل إلى قسم تسميات الأزرار. هنا يمكنك تغيير النص الذي يظهر على الزر. بشكل افتراضي ، يستخدم المكون الإضافي “منشورات أقدم” ، ويمكنك تغيير ذلك إلى “تحميل المزيد من المشاركات” أو أي شيء تريده.
تسمية الزر
أخيرًا ، تحتاج إلى اختيار ما إذا كنت تريد تحميل المنشورات تلقائيًا أو الانتظار حتى ينقر المستخدمون على زر تحميل المزيد من المشاركات.
تعطيل التمرير
رمزك القصير جاهز الآن للاستخدام. في العمود الأيمن ، سترى إخراج الرمز القصير. انطلق وانسخ الرمز القصير والصقه في محرر نصوص حيث ستحتاج إليه في الخطوة التالية.
إخراج الرمز القصير
يتطلب هذا الجزء من البرنامج التعليمي إضافة رمز إلى ملفات سمة ووردبريس الخاصة بك. إذا لم تكن قد قمت بذلك من قبل ، فقم بإلقاء نظرة على دليلنا حول كيفية نسخ ولصق الكود في ووردبريس .
لا تنس نسخ سمة ووردبريس احتياطيًا قبل إجراء أي تغييرات.
ستحتاج إلى العثور على ملفات القوالب حيث تريد إضافة زر تحميل المزيد من المنشورات في قالبك. اعتمادًا على كيفية تنظيم السمة الخاصة بك ، عادةً ما تكون هذه الملفات هي index.php و archives.php و categories.php وما إلى ذلك.
ستحتاج إلى إضافة الرمز القصير الذي نسخته مسبقًا إلى المظهر الخاص بك بعد endwhile;العلامة مباشرةً.
نظرًا لأننا نضيف الرمز القصير في ملف سمة ، فسنحتاج إلى إضافته داخل وظيفة do_shortcode ، مثل هذا:
echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]'); يمكنك الآن حفظ التغييرات وزيارة موقع الويب الخاص بك لمشاهدة زر “تحميل المزيد من المنشورات” قيد التشغيل.
انقر لتحميل المزيد من المشاركات زر المعاينة
نأمل أن تساعدك هذه المقالة في تعلم كيفية إضافة زر تحميل المزيد من المنشورات في ووردبريس. قد ترغب أيضًا في الاطلاع على قائمتنا الضخمة لنصائح ووردبريس والحيل والاختراق الأكثر فائدة للمبتدئين.
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
