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

3 دقیقه خواندن
0
227
آیا میخواهید در پست های خود گزینه نمایش بیشتر اضافه کنید؟ بسیاری از سیستم عامل های محبوب اجازه می دهد کاربران برای بارگذاری پست های بیشتر بپردازند زمانی که آنها به انتهای مطلب برسند . در این مقاله، ما تیم تروند وب به شما نشان خواهیم داد که چگونه به راحتی در پست های وردپرسی خود دکمه نمایش بیشتر را اضافه کنید.

چگونه می توان بارگذاری پست های بیشتر در وردپرس را فشار دهید

 چرا دکمه نمایش بیشتر در وردپرس باعث سبک شدن مطلب می شود

نگه داشتن کاربر در هر صفحه وب سایت می تواند به افزایش رتبه سایت شما از نظر سئو کمک فراوانی کند. از جهتی دیگر بسیار از کاربر ها در اول باز کردن یک صفحه به محض مشاهده کند بودن و حجم بالای بار گذاری صفحه آن سایت را ترک می کنند ،لذا شما می توانید با استفاده از قابلیت نمایش بیشتر این حجم بار گذاری ذر ابتدای باز شدن برگه را کاهش دهید .

 در ضمن شما به جای بارگذاری یک صفحه کاملا جدید، دکمه “بارگذاری پست های بیشتر” زده و از چند بار باز کردن صفحات جلوگیری خواهید کرد که شاید برای یک کاربر بسیار ساده تر هم باشد. به این ترتیب، نگاهی به چگونگی اضافه کردن دکمه نمایش بیشتر در سایت وردپرس خود خواهیم داشت.

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

اولین کاری که باید انجام دهید این است که افزونه Ajax Load را فعال کنید. پس از فعال شدن، افزونه یک آیتم  جدید با نام  Ajax Load More به به منوی مدیریت WordPress اضافه می کند. شما باید بر روی آن کلیک کنید و به صفحه تنظیمات افزونه بروید.

Load Ajax Load تنظیمات بیشتر

در صفحه تنظیمات، شما می توانید رنگ دکمه خود را انتخاب کنید. و البته سایر تنظیمات که کار کردن با آنها آسان است.بعد، شما نیاز به بازدید از  Ajax load more demo   دارید  .

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

برای رفع این مشکل ، شما باید کد مورد استفاده خود را برای نمایش نوشته ها در صفحات شاخص، آرشیو و وبلاگ ها کپی کنید.به طور معمول، این کد در پوشه قالب های قالب موضوع شما قرار دارد. در آن پوشه، قالب هایی برای نمایش مطالب مختلف خواهید دید. به عنوان مثال content-page.php، content-search.php و غیره.

شما به دنبال قالب generic 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-## -->

هنگامی که این کد را پیدا می کنید، باید آن را در قسمت Templates Repeater در تنظیمات افزونه قرار دهید.

فراموش نکنید که بر روی دکمه “Save Template” کلیک کنید تا تنظیمات خود را ذخیره کنید.

بعد، شما نیاز به بازدید Ajax load more demo » دارید تا یک کد کوتاه  تولید کنید.

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

بعد از آن به قسمت برچسب های دکمه بروید. در اینجا می توانید متن را که در دکمه ظاهر می شود تغییر دهید. به طور پیش فرض، افزونه از «پست های قدیمی تر» استفاده می کند و می توانید آن را به «بارگذاری پست های بیشتر» یا هر چیزی که می خواهید تغییر دهید.

برچسب دکمه

در نهایت، شما باید انتخاب کنید که آیا شما می خواهید پست ها به طور خودکار بارگذاری شود یا منتظر بمانید تا کاربران بر روی دکمه ارسال پست های بیشتر کلیک کنند.

غیرفعال کردن پیمایش

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

خروجی کوتاه

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

این قسمت از آموزش نیاز به اضافه کردن کد به فایل های تم وردپرس شما دارد. اگر قبلا این کار را انجام نداده اید،از یک برنامه نویس کمک بگیرید.

فراموش نکنید قبل از هر گونه تغییرات، از تم وردپرس خود  پشتیبان بگیرید .

شما نیاز به پیدا کردن فایل های قالب که در آن می خواهید دکمه پست های بار بیشتری را در تم خود اضافه کنید دارید. معمولا این فایلها index.php، archives.php، categories.php و غیره هستند.

بعد از تگ  endwhile;، باید کد کوتاهی را که قبلا ذخیره کردید اضافه کنید .

ا باید آن را داخل تابع do_shortcode اضافه کنیم، مانند این:

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

شما هم اکنون می توانید تغییرات خود را ذخیره کنید و از وب سایت خود بازدید کنید تا  «دکمه نمایش بیشتر » را در عمل ببینید.

برای بارگذاری پستهای پیشفرض پست کلیک کنید

بارگذاری توسط ابوالفضل نوری
بارگذاری در training

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *