Add Load More Posts Button in WordPress Website (1) - PowerPoint PPT Presentation

About This Presentation
Title:

Add Load More Posts Button in WordPress Website (1)

Description:

creating the button to download the submitted file – PowerPoint PPT presentation

Number of Views:13
Slides: 7
Provided by: ap7614323
Category: Other

less

Transcript and Presenter's Notes

Title: Add Load More Posts Button in WordPress Website (1)


1

SEARCH ENGINE OPTIMIZATION
  • How to Add Load More Posts Button in WordPress
    Website
  • https//www.wpglobalsupport.com/add-load-posts-but
    ton-wordpress-website/

2
Contents -
  • How to Add Load More Posts Button in WordPress
    Website
  • When and Why Add Load More Posts Button in
    WordPress websites
  • Process for Adding Load More Post Button in
    WordPress website
  • Process for Adding Load More Post in WordPress
    theme

3
How to Add Load More Posts Button in WordPress
Website
  • Many popular platform have allowed users to load
    more posts when they click to the bottom of the
    page .
  • The Button of Load More is a easy way and
    light-weight plugin for adding a button of Load
    More Posts to our WordPress Blog Post.
  • It has also provided quick and simple option to
    integrate the Buttons for Load More Posts
    logically into our sites existing design.
  • How to install a Plugin in WordPress

4
When and Why Add Load More Posts Button in
WordPress websites
  • The blogs are using the simple Older Posts
    navigation link at the end of its home ,blog and
    archive pages.
  • Few websites are using numeric page navigation
    which add more context.There are some certain
    type of websites that can benefit immensely
    infinite scroll or lad more buttons of Posts .
  • for example Listicles ,viral contents
    ,website.For loading a whole new page,Load More
    Post button works like infinite scroll.
  • By using Javascript it is easy to fetch the next
    set of content.
  • Link for Navigation https//www.wpglobalsupport.
    com/glossary/navigation-menus-wordpress/

5
Process for Adding Load More Post Button in
WordPress website
  • First off all we have to install and activate
    the Ajax Load More Posts Button plugin. For more
    information see How to install a Plugin in
    WordPress
  • Beginning with activation, the plugin will need
    to add a new menu item labeled Ajax Load More
    to our WordPress admin menu. click on it and head
    over to the plugins settings page.
  • We may also choose the color of the button on the
    setting page. We may also replace the button
    significantly with infinite scroll which loads
    next posts batch without users click on the
    button.
  • Then we can to visit Ajax Load More Repeater
    Template page to add our template to display the
    posts. The plugin is a basic template containing
    the WordPress loop for displaying posts.
    Similary, it does not match with our theme and
    may look out of place on our website.
  • To fix this, we want to copy the code which our
    theme uses for displaying posts on index,
    archive, and blog pages. Commonly, this code is
    located in the template-parts folder of our
    theme. In this folder, we will see template for
    displaying different contents. Some example
    including content-page.php, content-search.php.

6
Process for Adding Load More Post in WordPress
theme
  • First off all we must need to find the template
    files where we add the load more posts button in
    our theme. Depending on how our theme is
    organized, commonly these files are index.php,
    archives.php, categories.php, etc.
  • We must to add the shortcode we copied earlier
    into our theme right after the endwhile tag.
  • After all we are adding the shortcode in a theme
    file, we have to need to add it inside the
    do_shortcode function, like this
  • echo do_shortcode(ajax_load_more
    container_typediv post_typepost)
  • Next, save our changes and visit our website to
    see the Load more posts button in action.
Write a Comment
User Comments (0)
About PowerShow.com