Most business websites primarily use pages for their content. Since pages are different than posts, you may need different ways to display them. In this article, we will show you how to easily add a page list with thumbnails in WordPress. We will also show you a way to display child pages and sibling pages as well.
First thing you need to do is install and activate the Page-list plugin. It works out of the box, so there are no settings for you to configure.
Page-list comes with a shortcodes with an extensive list of parameters. Lets start by adding a plain list of all pages as a sitemap.
Simply create a new page in WordPress and add [pagelist]
shortcode in it.
This shortcode will show a simple nested list of all your pages.
You can use this or any other shortcode in WordPress text widgets. If shortcodes do not work in widgets on your site, then you need to enable them. Add this line to your theme’s functions.php file or a site-specific plugin.
add_filter('widget_text','do_shortcode');
Display Child Pages For a Parent Page in WordPress
Earlier we showed you different ways to display child pages on a parent page in WordPress. Page-list makes it easier for you to display child pages on a parent page.
All you need to do is add [subpages]
shortcode on the parent page.
You can also use the shortcode inside a text widget. Check out how to show and hide widgets on specific WordPress pages.
Display Sibling Pages on a WordPress Page
Sibling pages are the child pages which share the same parent page. You can display sibling pages by using the [siblings]
shortcode on a page or inside a widget.
Show Page List With Thumbnail and Excerpt
Page-list plugin comes with another shortcode [page_ext]
. This shortcode offers extended features to display your page lists in WordPress.
You can use it to display a list of pages with featured image and excerpt. Like this:
[pagelist_ext show_image="1" image_width="50"]
You can adjust the image size by using the image_width
parameter.
You can also control the excerpt length by using the limit_content
parameter within the shortcode.
[pagelist_ext limit_content="100"]
If you don’t want to display the excerpt, then you can turn it off by using the show_content
parameter with the shortcode.
[pagelist_ext show_content="0"]
For more advanced options, check out the full list of parameters that you can use with these shortcodes.
We hope this article helped you easily show a page list with thumbnails in WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.
I want to do something a little different and I may be trying to use the wrong plugin or method. I want a pane on one site with a page list but I want the page selected from the list to display on the same page. In other words, it appears that you never leave the webpage you are on, only the information displayed on that page changes based on what link you selected from the list in the side pane.
For that you may want to look into a plugin such as facetwp
I want to make List of pages [Vertical grid with one item per row] How can I do that? I am using Porto theme.
bro i used code but code are not working
Do you know how to show recent pages first and and only 10 pages
Thanks ?
Thanks for your guide. But could you guide me how to show a list of Page with Thumbnails in Home Page
Thanks for the tip on the fantastic plug-in!!