Would you like to display all your WordPress posts on one page? Recently one of our readers was interested in how to create an archive page and display all entries on it. In today's article, we are going to show you how to display all your WordPress articles on one page without pagination.

Why and when do you need to display all records on one page?

WordPress has a built-in archive page for each category, tag, author, and date.

Many site owners still prefer to create their own archive pages on their sites. These pages usually highlight popular entries, display an archive by date in the form of an accordion, display a list of headings or a tag cloud, etc.

Some blogs prefer to simply list the titles for all WordPress posts on one page.

Displaying all WordPress posts on one page

There are many different ways to display all your posts on one page. You can display articles on the page with a shortcode, you can display them using a plugin, and, finally, you can show all the posts on the page using an arbitrary template and loop.

We'll cover all three ways, and we'll start with the easiest one.

Method 1: Using the Display Posts Shortcode Plugin

First thing you need to do is install and activate the Display Posts Shortcode plugin.

The plugin works out of the box and does not need any additional configuration.

Go ahead and create a new page, call it "Archives" or whatever you like. After that, insert the following shortcode into it:

This shortcode will display a simple chronological list of all your post titles. The shortcode parameters specify the limit for 1000 records per page.

If you have more than a thousand posts, then you can change this value. You can also change the order of records to ASC, and the records will be displayed in reverse chronological order (old records first).

While you can use the above shortcode to display quotes, thumbnails, and other related information, we do not recommend doing so. Since you display all your posts on one page, this page will be very long and you need to make it as simple and beautiful as possible. Here it will be appropriate to display only the titles of the posts.

If you need to display entries on the page depending on the category or by other parameters, then you can do this by reading the plugin documentation.

Method 2: Using the Simple Yearly Archive Plugin

If you display all your WordPress posts on one page, then it will take a long time to scroll. This can be avoided by displaying a list of records grouped by year. Users will be able to click on the desired year and expand it, and then see the publications for the selected year.

First you need to install and activate the Simple Yearly Archive plugin.

After activation, go to the page Settings »Simple Yearly Archive to configure the plugin.

This plugin will allow you to display a list of posts in different variations. You can display them all under the links to the annual archive, or display them in a "collapsed" list of each year.

If you want to display them under the name of the year, you will need to add

next to the 'Before / After (Year headline)' option.

The rest of the plugin settings are self-explanatory, so everyone can decide for themselves which options are worth checking.

Don't forget to click on the save changes button.

Now, in order to display all posts on one page, you need to add a shortcode to this very page.

The plugin has many parameters that can be used in the shortcode. For a complete list of parameters, see the documentation page.

Method 3: Display All WordPress Posts on One Page Using Template Code

Using a plugin to display all posts on one page is the easiest solution, but some of you may want to implement this with code in your page template.

First, we create a custom page template and copy the design from our page.php file into it.

After that, we use the loop below to display all records on one page.

"post", "post_status" => "publish", "posts_per_page" => - 1)); ?>have_posts ()):?>

have_posts ()): $ wpb_all_query-> the_post (); ?>
• ">

If the above code doesn't make sense to you, then we recommend using Method 1.

An article for beginners and those who are already somewhat familiar with WordPress, which should debunk all the myths of using different loop options in WordPress.

I have already written about the WordPress Loop and what it is eaten with and mentioned in passing about different loop options in the function descriptions. In this article I will take the next step and talk about 3 options for building loops for displaying records and about the pros and cons of each of them.

Correct use of several cycles on the page will give you the opportunity to display blocks with the necessary records, sort them in the right order, and at the same time not worry about breaking the logical structure of the page and "catching" various bugs.

The WordPress developers provide the following options for building post loops:

1. Standard loop and loop based on query_posts ();
2. WP_Query ();
3. Additional loop based on get_posts ().

Each of these options is useful in different situations. To use each option, you do not need to study a different manual, because they all work with the same parameters, you just need to understand how and where to use them.

For a better understanding and visual perception of how the query functions work, study this diagram:

1) Standard Loop and loop based on query_posts ()

I have combined 2 kinds of loops (with query_posts () and starting with if (have_posts ()), because technically they are exactly the same.

Let's remember what it looks like standard WordPress Loop:

There are no entries.";

We can find such code in files index.php, category.php, etc. These files are responsible for displaying the list of records on the page. This loop iterates through the posts that are displayed on the page and during the iteration, using Template Tags (intended for use inside the Loop), we can display various post data (title, text, metadata, etc.).

Please note: in the Standard Loop, we do not specify any data for selecting records, but immediately start the loop with if (have_posts ()) (while (have_posts ()) (... This means that the data already exists and you just need to process it and display.

"Already existing" data is saved in the global variable $ wp_query and for each type of WordPress pages are determined automatically, i.e. WordPress makes a query to the database in advance, based on what type of page is currently displayed (category, tag, article, permanent page, etc.) and the result of the query is written to $ wp_query, and then output from there in a loop. Interestingly, such a request is made by the query_posts () function, which we will analyze below.

The Normal WordPress Loop is used for basic WP pages (categories, tags, archives by date).

Loop based on query_posts ()

query_posts () allows you to change the base query and display the desired variant of posts.

Option 1

We can change the base query (make another query and overwrite the data from the previous query) and, for example, cut out unnecessary categories from the output or change the number of displayed records, sort order, etc.

In this example, we created a new database query, in which we used the parameters of the basic query + our own parameters: excluded categories 6 and 9 (cat = -6, -9), and also sorted the records in order (order = ASC) and displayed 20 records on the page instead of the settings set in 10 (posts_per_page = 20). For a complete list of parameters that can be used to generate the output we need, see the description of the query_posts () function.

The advantages of this change are that if we, for example, change the number of displayed posts on a page from 10 (by default) to 20, then pagination on the page will automatically adjust to this change, because query_post () changes the data of the global variable $ wp_query, and pagination is based on this data. This is just one example to show that query_posts () and the behavior of other functions on the page are interrelated.

Option 2

You can not use the parameters of the basic query ($ query_string), but completely rewrite the basic query:

Query_posts ("cat = -6, -9 & order = ASC");

However, such an approach will essentially erase the basic query and create a new one, which may not have been composed correctly, so you need to rewrite the basic query completely carefully and competently.

The need for wp_reset_query ()

It is necessary to reset the modified query when using query_posts (), because query_posts () overwrites the global variable $ wp_query, which is responsible for some properties of the page. Let's see an example.

Suppose we are on the page of category 6 (category ID), we need to display the data of only post 9 (post ID):

In this example, we did not drop the query and the query_posts () function overwrites the $ wp_query global variable. Now, when we check which page this is (and this is a category page: is_category () == true), we will see that this is not a category page at all, but a post page: is_single () == true. Those. The following code will return us "This is a post page" when it is actually a category page:

If (is_category ()) echo "This is a category page"; // won't work if (is_single ()) echo "This is the post page"; // will work

A mistake that can subsequently create a lot of headaches.

When to use query_posts ()?

When you need to slightly change the main (base) WordPress query. Ideally: to exclude a category / tag (for example, on the home page); changing the direction of sorting; limiting the number of displayed posts; excluding certain posts from a category / tag, etc.

No need to use query_posts () to create several loops on one page, to display the list of posts in the sidebar, to create additional display of posts, etc., for these purposes use loops based on get_posts (). Plus, both functions understand parameters the same way! So why "pay" more? ..

2) Loop based on WP_Query ()

You can use loops based on the WP_Query class to display records that are not related to the page or create multiple (additional) loops. They look similar to loops using query_posts (). For WP_Query, the same parameters are used as for query_posts ().

Interestingly, WP_Query is the core of the query_posts () and get_posts () functions, i.e. both of these functions work on the basis of this class.

Example loop: display all posts from category 9:

have_posts ()) (while ($ query-> have_posts ()) ($ query-> the_post ();?>

">

An example of creating multiple loops based on WP_Query ():

have_posts ()) ($ query1-> the_post (); // display posts) wp_reset_postdata (); // Loop 2 $ query2 = new WP_Query ("cat = -2 & nopaging = 1"); // all posts except category 2 while ($ query2-> have_posts ()) ($ query2-> the_post (); // displaying posts) wp_reset_postdata (); // Loop 3 $ query3 = new WP_Query ("cat = -3 & nopaging = 1"); // all posts except category 3 while ($ query3-> have_posts ()) ($ query3-> the_post (); // displaying posts) wp_reset_postdata (); ?>

The peculiarity of loops on WP_Query () is that we create a new $ query object, which is in no way connected with the similar global $ wp_query object and therefore we do not violate the structure of the current page in any way.

Also, we can use the new object for other purposes, not only for displaying records, but also for various kinds of checks: for example, what type of page records are used in this new object; we can find out the total number of records satisfying the request ($ query-> found_posts), etc. Such data can be useful when creating additional queries with pagination or somewhere else (example in the comments).

Why use wp_reset_postdata ()?

The global variable $ post stores the data of the current post (if the post page is shown, then the data of this post). When a part of the $ query-> the_post () code is triggered, the data of the current post in the loop is written to the $ post variable and at the end of the loop the data of the last post from this cycle remains in this variable, and it is necessary that $ post always contains the data of the current post of the page. Those. it turns out before using the loop $ post-> ID (ID of the current post) was equal to, say, 10, and after the loop was triggered, the same variable $ post-> ID is already equal to, say, 56 (ID of the last post from the loop), and you need it to still be equal to 10.

#one. An example of a loop based on get_posts (). Let's display 5 records from category 9:

9)); foreach ($ myposts as $ post) (setup_postdata ($ post); // standard output of posts) wp_reset_postdata (); // reset the $ post variable?>

The code will display exactly 5 records, although we specified only the category number in the arguments. This is because the get_posts () function has default parameters (see description) to keep in mind. For example, if we need to display all posts from category 9, then we must add another parameter "nopaging" => 1 or "posts_per_page" => -1 (no difference).

When to use get_posts ()

Always when you just need to display records from the database anywhere in the template. When you need to create multiple loops. Since get_posts () takes the same parameters as query_posts (), it is very convenient to use it to display posts based on a variety of criteria.

conclusions

Where and which of the 3 loop options to use:

query_posts () - if you need to change / correct the standard output of posts on WordPress pages. Can be used 1 time per page;

get_posts () - if you need to display records from the Database. Can be used as many times on the page as you want;

• WP_Query () - in all other cases when query_posts () and get_posts () did not fit. The WP_Query () class is the core of query_posts () and get_posts () and can be used for any complex output cases.

Remember that the parameters for all options are the same and

By default, the WordPress engine displays the most recent posts on the site - the latest articles, posts, and notes. This is very convenient for a blog, but not always displaying the latest posts is suitable for certain purposes.

For example, if you have a blog instruction and want to teach your visitors something. To do this, you need to guide the user from beginning to end, that is, start with an easy one and gradually immerse him in all the intricacies of his business. If the display of the latest articles is activated on the main page, then new users will get confused and quickly get scared of the upcoming learning difficulties!

If you have a similar training project on the WordPress engine, and you want the main page not to have a list of the latest posts, but to display only posts from a certain category, then this article will be useful for you.

You will learn about all possible methods of customizing the publication of posts from the selected category on the page.

How to display posts from one category on a page of another category using a code

WordPress has a ton of customization options. It is not necessary to customize the display of posts on the main page - you can do this in a specific part of the site. Sometimes it is necessary for one heading to include entries from another. To do this, you have to crawl into the code of your WordPress template.

Find the file category.php (in some WordPress themes it is called archive.php). He is just responsible for displaying information on a specific page of the selected category. If you plan to customize your home page, then you will need to edit the index.php file (sometimes called content.php in WordPress themes).

These files contain a snippet of code that is responsible for the list of records on the page. To display the categories you set on the page, you have to make changes to the code between

while (have_posts ())

or rather, add a line of code before the while tag. Find a line like this

query_posts (‘cat = 2 ′);

It is she who will help to display the records of your chosen category on the page. The number 2 in this code is the category ID. If you want to change it, then just change the number to the ID of another category. Or write several sections at once separated by commas, the output of which you want to carry out.

This is the easiest way to display entries not of the latest posts from all or only one category, but from the category you specified. However, different templates have their own nuances, so this method may not work for you. There is a simplified way to display a category in a specified location - use a special WordPress plugin.

With this WordPress module, you can not only customize your category display, but also create attractive blocks with specific posts. You can decorate these blocks as you like, and add thumbnails for your posts.

The Featured Posts with thumbnails plugin is free and works with all versions of the WordPress engine. With it, you can customize the display of the latest posts, or set the categories that need to be displayed in the block. The module allows you to create blocks with a specific name, a specified number of records per page and a selected size of thumbnails. The great advantage of the plugin is that you can not only customize the display of the category on the page, but also create your own “mix” of articles, adding them separately.

Another simple and useful plugin is Posts per Cat, which will help you quickly customize the display of the latest posts of a specified category in a selected part of the site. In addition, you can significantly save visual space on the page, since Posts per Cat allows you to display posts in multiple columns.

Features of the Posts per Cat module:

• displaying records in one or more columns (up to 4);
• in the settings, you can specify the ID of the category that you want to add to the block, and which you want to exclude;
• records can be sorted by title and other parameters;
• you can add information about the post in the preview of the post (display the number of comments, add a thumbnail image, an introductory paragraph, and more);
• the style of the blocks can be customized using CSS;
• the module is friendly with search engines - it optimizes information for PS machines.

Content Views

This plugin contains a lot of features. In addition to displaying certain categories, you can customize the display of posts by selected tags, authors and other criteria. The add-on will provide the creation of several columns that can be styled as you like. In addition, using this module, you can change the navigation menu.

And remember that you do this (customize the output of posts) not for the sake of beauty, but for the sake of increasing the usability of your blog. Only that site will become successful, which is understandable and interesting to visitors!

Hello dear friends! Max Metelev speaks to you in open mode and tells and shows in practice.

And today for a snack in the morning for you, a portion of useful material of the following content - we will learn how to display a list of wordpress pages with pictures. The lesson is very simple and interesting. Go.

Most websites primarily use pages for text content. Since pages are different from posts, you may need methods to display them.

In addition to the basic way of displaying wordpress pages with previews, we will show you how to display child pages and parent pages.

It will look something like this:

The first thing you need to do is install and activate the Page-list plugin. It works right out of the box, so we won't go into the settings, since they are not there.

This plugin comes with a list of shortcodes with an extensive list of parameters. Let's start by making a simple display of all pages of the site, that is, we will make a regular map

Create a new page in WordPress and add the following shortcode to it [pagelist]

This shortcode will show a simple nest of all your pages.

You can use either this or a number of other text widgets. If they do not work for you on the site, then you need to connect them by adding a line in the file functions. php your theme or to a specific section of the plugin.

add_filter ("widget_text", "do_shortcode");

add_filter ("widget_text", "do_shortcode");

Displaying child pages for a parent in WordPress

All you need to do is add the required shortcode. [subpages] to the parent's page.

Also you can use shortcodes to insert into text widgets.

Adding related pages to WordPress

Sibling pages are essentially child pages that have one common parent. The output of such wordpress pages is carried out using the following construction [siblings]

Displaying pages with previews and a snippet of text

The Page-list plugin comes with the following code [page_ext]... This embed code gives advanced options for displaying page lists in WordPress.

You can use it to display a page structure with a characteristic image of an article and a small snippet of text from it. Like here:

[pagelist_ext show_image = "1" image_width = "50"]

You can set the image size yourself using the parameter image_width

Also you can control the length of the text passage using the parameter limit_content

For example, you can set 100 characters, for example [pagelist_ext limit_content = "100"]

If you do not want to display text near the article thumbnail, then use the following shortcode for the page [pagelist_ext show_content = "0"]

Thank you for your attention and happy studying!

Have you ever tried changing the default order of posts on a blog page? By default, posts are ordered based on the date they were posted, and there is no easy way to change the order in which they are displayed.

If you want to change the order in which posts are displayed, you have three options: change the post date, write some code to sort the post using parameters other than post date, or find a plugin that does the job for you.

Changing the post date is not the best approach for most blogs. Thus, in this article we will consider the second and third options. First, I'll show you how to write a plugin to apply custom post order. Next, we'll look at two plugins from the WordPress repository that we'll use to create custom post order.

Writing your plugin for displaying posts

There are two main steps you need to take to implement your custom display order:

1. Add a custom field that will be used as a basis for sorting posts.
2. Implement a custom sort order by modifying the main WordPress loop, or by creating a custom loop and adding it to a custom page template or sidebar widget.

Let's start by adding a custom field, which is done on the WordPress post edit screen. However, before doing this, you will need to enable the development environment, create a plugin folder, and then create a plugin file in this folder. If you want to know what the structure of a plugin looks like, you can see the finished product on GitHub.

Create a custom field

You can use custom fields in the post edit screen to add metadata to each post, however I prefer to add a custom meta bar with a field to the backend. This way you can avoid accidentally entering metadata in the wrong field.

The first step to add a custom meta panel to the backend is to create the panel and link it to the post edit screen:

This snippet of code, included in your plugin file, will create a custom meta panel. This is how the panel will look like:

You can see the ‘jpen_custom_post_order’ callback function in the code. Let's create this function next and add it to our plugin file. It will add the field to the meta panel we created above.

ID, "_custom_post_order", true); ?>

Enter the position at which you would like the post to appear. For exampe, post "1" will appear first, post "2" second, and so forth.

The code snippet starts with a job. Then we create the variable $ current_pos and assign it the value of the current sort order of the posts. Next are two p elements that create the visible content of the meta-panel. Then the current value, if any, is displayed in the field.

Here we first check the assignment of nonce and then check the user permissions to make changes to the record. If the check is successful, the metadata of the record is updated with a new value for the random order of the records displayed.

Displaying a custom field in the admin panel

In the last section, we added a custom meta-panel to the post editing screen - it will store a numeric value. Later, we will use this numeric value to create our own display order of records. However, we need to solve one more problem before doing this.

To see the meaning of the sort order of posts for the current post, we have to open that post and look at the custom meta panel we added to the post edit screen. This is not very convenient. Let's add the sort order value to the post display page in the admin panel so that we can quickly see the value associated with each post.

First, we need to add a custom column to the list of entries in the admin area. We will do this with the following code:

"Position",)); ) add_filter ("manage_posts_columns", "jpen_add_custom_post_order_column"); ?>

Then we need to get the value of the output order of the records for each record and print that value in a new column. It's not that hard, and we'll do it with the following function:

". get_post_meta ($ post_id," _custom_post_order ", true)."

";)) add_action (" manage_posts_custom_column "," jpen_custom_post_order_value ", 10, 2);?>

Wonderful. Now if we visit the list of blog posts in the admin panel, we can easily see which posts have been assigned the new display order.

This is how it will look in the admin panel:

Ways to Use Arbitrary Record Display Order

Now that we have implemented the ability to bind arbitrary output order to records, it's time to find a worthy use of this option. We need to answer the question: "How exactly do we want to use the arbitrary order of displaying records?"

There are several different options for how custom sorting can be applied. Here are a couple of ideas:

• Sort all posts in random order and display the sorted list on the blog posts page. You might not want to do this on an actively contributing blog, but if you use WordPress to publish a series of tutorials that are not updated very often, you can opt to sort the posts in any order.
• Create a curated list of posts and display those posts in any convenient order using custom page templates. For example, you can create a list containing only entries from a specific category and sort these entries in any order you like.
• Create a list of blog posts that starts with a few randomly sorted posts, and then includes the rest of the posts in the normal order.

There are no limits. If you find a use for arbitrary order of displaying records and know how to implement it - great! Let's take a look at all three of the ideas outlined above to see how they will work in practice.

Change the posts on the blog page to a randomly sorted list

The easiest way to use custom post order is to replace the default list of posts on a blog page with a randomly sorted list. To do this, you must put the following function in your plugin:

is_main_query () && is_home ()) ($ query-> set ("orderby", "meta_value"); $ query-> set ("meta_key", "_custom_post_order"); $ query-> set ("order", " ASC ");)) add_action (" pre_get_posts "," jpen_custom_post_order_sort "); ?>

Be aware that this feature will only include records that were associated with a custom output order value. All other posts without this link will not be displayed on the blog page. In other words, if you do this, you will need to bind an arbitrary output order value to all records that are to be displayed.

Create a curated list of randomly sorted posts

Creating a curated list of randomly sorted posts requires the use of the WP_Query class. You will need to create a query that includes the parameter you want to use to write the entry to the list, after which you will need to add an arbitrary sort order to the query. This is what the code will look like:

"post", "cat" => "94", "meta_key" => "_custom_post_order", "orderby" => "meta_value", "order" => "ASC"); $ query = new WP_query ($ args); if ($ query-> have_posts ()) (while ($ query-> have_posts ()) ($ query-> the_post (); / * only list posts that have a current custom post order value * / if (! empty ( get_post_meta ($ post-> ID, "_custom_post_order", true))):?> / * insert code for rendering posts * /

This query will first select all records that belong to the category with ID = 94. Next, it will select records that have an arbitrary output order value. Finally, it will sort these records in the correct order.

This request can be placed in an arbitrary page template or added to the sidebar widget to display the requested posts.

Adding sorted posts to the top of the blog post list

Another option for implementing sorting is to add randomly sorted posts to the top of the list of blog posts, after which the rest of the blog posts will follow, sorted in the usual order. It will be more difficult to do this - we will need to create two arbitrary queries using the WP_Query class.

The first query will get randomly sorted records and display them according to the sort value. However, we only want the list of randomly sorted posts to appear on the first page of the blog, so we'll also need to add an if condition that will check if the page is the first.

The second query will get all the records and sort them in the usual order. However, it will skip all those records to which an arbitrary collation value has been assigned. To enable pagination for records received in the second query, we will need to work with the $ wp_query global variable.

Here's one way we could combine the two queries to get the desired result:

"post", "meta_key" => "_custom_post_order", "orderby" => "meta_value", "order" => "ASC"); $ query1 = new WP_query ($ args1); if ($ query1-> have_posts ()): while ($ query1-> have_posts ()): $ query1-> the_post (); // This if statement will skip posts that were assigned a custom sort value and then had that value removed if (! Empty (get_post_meta ($ post-> ID, "_custom_post_order", true))): // Display the custom sorted posts ?>

---

"post", "orderby" => "date", "order" => "DESC", "paged" => $ paged); // For pagination to work, must make temporary use of global $ wp_query variable $ temp = $ wp_query; $ wp_query = null; $ wp_query = new WP_query ($ args2); if ($ wp_query-> have_posts ()): while ($ wp_query-> have_posts ()): $ wp_query-> the_post (); // Skip posts with custom sort value if (! Empty (get_post_meta ($ post-> ID, "_custom_post_order", true))) (continue;) // Display the standard sorted posts?>

---

You can use this set of queries to replace the default query for a blog page. This is done in three steps:

1. Create a home.php file by copying the Index.php of the parent theme.
2. We place these queries instead of the base loop.
3. Load the new home.php into the root directory of the child theme.

Now, when rendering the blog page, the new home.php file will be used as the page template.

Plugins to achieve the same goals

If you are not a developer or do not need the flexibility of arbitrary decisions, there are several plugins that are available in the WordPress.org plugin directory. With their help, you can facilitate the sorting of records. However, many of the solutions available are poorly supported or updated irregularly. Let's take a look at two options that are actively supported by their developers and have regular updates.

Post Types Order

Post Types Order is active on over 400,000 sites, constantly updated; the developer is actively resolving support issues. The plugin is rated 4.6 out of 5 and has collected over 150 user reviews.

The plugin can be used to arbitrarily sort posts and post types. To use the plugin, simply install and activate it, then go to Settings> Post Types Order. Next, visit the list of records in the admin panel and simply drag and drop the records into the required section with the sort order. As a result, you will see that the posts in the front-end of your site have been sorted in the order you want.

Order Your Posts Manually

Order Your Posts Manually is active on fewer than 1000 WordPress sites. However, it has a good rating of 4.6 out of 5, and the developers resolve all support requests. The plugin is really worth considering.

To use the plugin, install it, activate it and go to Settings> Order Your Posts Manually. Set up a few options and click Order My Posts. Clicking this button will take you to Tools> Order Your Post Manually and generate a list of all your posts. Just drag and drop your entries to the desired group to arrange them, then click Save Changes.