با سلام. حتما وقتی مطلبی را از سایتی مطالعه می کردید به گزینه پست های بیشتر برخورد کردید. معمولا در انتهای مطالب دکمه ای برای نمایش پست های بیشتر در سایت وردپرس وجود دارد تا کاربر مطالب بیشتری را بازدید کند .در این نوشته نحوه اضافه کردن دکمه نمایش پست های بیشتر در وردپرس را به شما معرفی می کنیم.

نحوه اضافه کردن دکمه نمایش پست های بیشتر در وردپرس

 

مشغول نگه داشتن کاربران و بازدیدکنندگان سایت به مطالعه و مشاهده مطالب بیشتر، سبب  بالارفتن بازدید سایت و در نتیجه بالارفتن مشترکان می شود.
بنابراین ، بسیاری از وبلاگ‌ها برای رسیدن به این هدف از یک راه حل ساده استفاده می کنند و آن این است که یک قسمت جهت مشاهده مطالب قدیمی به صفحه آرشیو یا قسمتی از سایت خود اضافه میکنند. برخی وبسایت‌ها نیز توسط صفحه بندی پست‌ها این کار را انجام می دهند.

وبسایت های دیگری وجود دارند که  از لود بی نهایت استفاده می کنند ، یعنی وقتی مطلبی را می خوانید سایر مطالب هم به نمایش گذاشته می شود ولود می شوند. مانند یوتیوب یا سایت های عکاسی.

حال شما می توانید بجای لود تمام صفحه از دکمه نمایش پست های بیشتر در وردپرس استفاده کنید.

نحوه اضافه کردن دکمه نمایش پست های بیشتر در وردپرس :

برای اضافه کردن دکمه نمایش پست های بیشتر از افزونه Ajax Load More  استفاده می کنیم. لینک دانلود این افزونه در انتهای مطلب قرار گرفته است. بعد از دانلود و نصب و فعالسازی این پلاگین وارد پنل پیشخوان سایت وردپرس خود می شوید.

 

برای اینکه وارد صفحه تنظیمات پلاگین شوید، طبق تصویر بالا روی گزینه Settings کلیک کنید. بعد از کلیک بر روی گزینه مورد نظر وارد صفحه تنظیمات افزونه خواهید شد (طبق تصویر زیر):

در این صفحه می توانید رنگ دکمه را انتخاب کرده و یا از اسکرول بی نهایت استفاده کنید تا کاربر با پایین امدن از صفحه بتواند سایر پست ها را ببیند.

Repeater Template

بعد از انجام تنظیمات گفته شده روی گزینه Repeater Template در منوی سمت راست پیشخوان که زیرمجموعه Ajax Load More  کلیک کنید. در اینجا باید کدهای مربوط به قالب خود را برای نمایش بیشتر اضافه کنید. این افزونه حاوی قالب ساده ای برای نمایش پست های سایت در حلقه وردپرس است که اغلب با قالبی که کاربران برای سایت خود استفاده می کنند ناسازگار است.

برای رفع این مشکل باید کدهایی را که قالب شما از ان برای نمایش پست ها استفاده می کند را کپی کرده و در این قسمت قرار دهید. معمولا عنوان این فایل ها   page.php یا archive یا index.php قرار دارند.  شما باید به دنبال فایل کلی با نام content.php در این گونه فایل ها بگردید و کدهای درون آن را کپی کرده و در این قسمت قرار دهید.

برای مثال یک نمونه کد در قالب پیش فرض وردپرس برای نمایش مطالب در سایت وردپرس را می توانید ببینید:

<article id="post-&lt;?php the_ID(); ?&gt;">&gt;
<!--?php // Post thumbnail. twentyfifteen_post_thumbnail(); ?--><header class="entry-header"><!--?php &lt;br ?--> 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;
?&gt;

</header><!-- .entry-header -->
<div class="entry-content"><!--?php &lt;br ?--> /* 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' =&gt; '
<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfifteen' ) . '</span>',
'after' =&gt; '</div>
',
'link_before' =&gt; '',
'link_after' =&gt; '',
'pagelink' =&gt; '<span class="screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>%',
'separator' =&gt; '<span class="screen-reader-text">, </span>',
) );
?&gt;

</div>
<!-- .entry-content -->

&nbsp;

<footer class="entry-footer"><!--?php twentyfifteen_entry_meta(); ?-->
<!--?php edit_post_link( __( 'Edit', 'twentyfifteen' ), '&lt;span class="edit-link"&gt;', '&lt;/span&gt;' ); ?--></footer><!-- .entry-footer -->

</article><!-- #post-## -->

حالا باید Save Template را بزنید تا تنظیمات ذخیره شود.

Shortcode Builder

بعد از انجام تنظیمات بالا  Shortcode Builder را که زیرمجموعه Ajax Load More است کلیک کنید. حالا باید شورت کد مربوطه را ایجاد کرده و برای نمایش در سایت در قالب قرار دهید.

اول از همه باید نوع container را انتخاب کنید. در صورتیکه اطلاعی از این قسمت ندارید بهتر است نگاهی به کدی که در سایت خود برای نمایش حلقه مطالب استفاده کرده اید بیندازید. بیشتر قالب های جدیدی که طراحی می شوند از تگ <div> استفاده می کنند. پس گزینه < div > را طبق تصویر زیر انتخاب کنید:

بعد از آن در قسمت Button Labels تنظیمات مربوط به لود بیشتر را قرار دهید.

Label: در اینجا متنی را که می خواهید نمایش داده شود را می بینید.

Loading Label: در این قسمت باید متنی را که وقتی محتوا در حال بارگذاری برای نمایش است، باید به کاربر نمایش داده شود را وارد کنید.

در انتها باید طبق تصویر زیر در قسمت Scrolling  مشخص کنید که آیا می خواهید پست ها به صورت خودکار با اسکرول کردن صفحه به پایین توسط کاربر بارگذاری و نمایش داده شوند یا پست ها در صورتی نمایش داده شوند که کاربر بر روی دکمه کلیک کرده باشد:

در اخر در قسمت Shortcode Output باید شورت کد ایجاد شده را کپی کنید و در هر جا که می خواهید نمایش داده شود انتقال دهید.

باید کد بالا را به فایل‌های پوسته وردپرس خود اضافه کنید.
در اینجا لازم است که فایل‌های قالب را که میخواهید در آن دکمه بارگذاری پست‌های بیشتر را اضافه کنید در پوسته خود پیدا کنید. بسته به اینکه پوسته شما چطور تولید شده باشد این فایل‌ها معمولا میتوانند index.php، archive.php، categories.php و … باشند.
لازم است کد کوتاهی که در قسمت قبل کپی کردید را در پوسته خود دقیقا پس از تگ endwhile جایگذاری کنید.
از آنجا که این کدکوتاه را در فایل theme ذخیره میکنیم لازم است که آن را داخل تابع do_shortcode بنویسیم مانند زیر:

echo do_shortcode('[ajax_load_more container_type="div" post_type="post"]');

ممنون از همرایتان .برای یادگیری سایر اموزش ها در خصوص وردپرس به دهکده وردپرس سر بزنید. بدرود

 

دانلود افزونه