<\/hr><\/div>\n\n\n\n
<\/hr><\/div>\n\n\n
Why do you need to reorder Posts in WordPress?<\/h2>\n\n\n\n
Here are some of the reasons, that you should check out that help you understand the benefits of reordering posts in WordPress.<\/p>\n\n\n\n
- \n
- Highlighting Important Content:<\/strong>
<\/strong>Sometimes, you may want to display your hero content, like an announcement or special blog post, at the top of your homepage, blog page, or archives so visitors see it first.<\/li>\n\n\n\n- Reordering Custom Post Types:<\/strong>
<\/strong>If you manage different types of posts, such as products in a WooCommerce store, you might want to manually adjust the order to show your best-selling or discounted items first.<\/li>\n\n\n\n- WordPress Default Post Order:<\/strong>
<\/strong>By default, WordPress arranges posts in reverse chronological order (newest first). This setup makes it hard to rearrange content based on your preferences.<\/li>\n\n\n\n- Limited Reordering Options:<\/strong>
<\/strong>Even with tools like the Query Loop block in WordPress’s block editor or full-site editor, the options for changing the order of posts are limited, offering little flexibility to move posts up or down as needed.<\/li>\n<\/ul>\n\n\n
<\/hr><\/div>\n\n\nDifferent Methods to Reorder Posts in WordPress<\/h2>\n\n\n\n
Now that we’ve provided you with the reasons why you should consider reordering posts in WordPress.<\/p>\n\n\n\n
let’s explore some simple solutions and tips to help you easily change the order of blog posts, WooCommerce products, and other content.<\/p>\n\n\n
<\/hr><\/div>\n\n\n1. Edit or Change the date of the Published Post<\/h2>\n\n\n\n
One of the quickest and Easiest ways to reorder Posts in WordPress is simply changing the published posts\u2019 date. <\/p>\n\n\n\n
As we have already mentioned above, by default WordPress displays posts in the reverse chronological order, i.e. the newer posts will appear first.<\/p>\n\n\n\n
But when you change the date and time of the published post, it will also change where it used to appear on the other areas of your site. <\/p>\n\n\n\n
Let us understand it with an example, Suppose you want to change or update an old post or content and want to show it first to your visitors, all you have to do is to change its publication date to today.<\/p>\n\n\n\n
Similarly, if you want certain posts to push down the list, just change their publication date to older dates.<\/p>\n\n\n\n
![\"change](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-53.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nHere\u2019s how you can do it.<\/p>\n\n\n\n
Step 1: Open the Blog Post<\/strong><\/h3>\n\n\n\n
- \n
- Go to your WordPress dashboard.<\/li>\n\n\n\n
- Open the blog post you want to reorder in the block editor.<\/li>\n<\/ul>\n\n\n\n
Step 2: Go to the Publish Settings<\/strong><\/h3>\n\n\n\n
- \n
- In the right-hand sidebar, click on the \u2018Post\u2019 tab.<\/li>\n\n\n\n
- Find the \u2018Publish\u2019 section and click on the link next to the publish date.<\/li>\n<\/ul>\n\n\n\n
Step 3: Change the Date and Time<\/strong><\/h3>\n\n\n\n
- \n
- A popup will appear where you can adjust the publish date and time.<\/li>\n\n\n\n
- Choose a new date based on where you want the post to appear. For example, if you want it to show after a post published on February set the date to February 29, 2024.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-52.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 4: Save Your Changes<\/strong><\/h3>\n\n\n\n
- \n
- Once you\u2019ve changed the date and time, click the \u2018Update\u2019 button to save your changes.<\/li>\n<\/ul>\n\n\n
<\/hr><\/div>\n\n\nRead:<\/strong> \ud83d\udea9 How to Hide a Page in WordPress? [6 Quick Ways]<\/a><\/p>\n\n\n
<\/hr><\/div>\n\n\n2. Make certain posts as sticky Posts<\/h2>\n\n\n\n
If you have an important blog post, like a product announcement or information about a giveaway, you may want to make sure it stays at the top of your blog page so visitors see it first. <\/p>\n\n\n\n
WordPress has a feature called “sticky posts” that lets you pin a post at the top, making it stay above all other posts, regardless of when it was published.<\/p>\n\n\n\n
Here\u2019s How you can do it:<\/p>\n\n\n\n
Step 1: Open the Blog Post<\/strong><\/h3>\n\n\n\n
- \n
- Go to your WordPress dashboard and open the blog post you want to highlight.<\/li>\n<\/ul>\n\n\n\n
Step 2: Enable the Sticky Option<\/strong><\/h3>\n\n\n\n
- \n
- In the right-hand sidebar, under the \u2018Post\u2019 tab, find the option that says \u2018Stick to the top of the blog.\u2019<\/strong><\/li>\n\n\n\n
- Check the box next to it.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-60.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 3: Save the Changes<\/strong><\/h3>\n\n\n\n
- \n
- Click the \u2018Update\u2019<\/strong> button to save your changes.<\/li>\n<\/ul>\n\n\n\n
Step 4: View the Post<\/strong><\/h3>\n\n\n\n
- \n
- Visit your website, and you\u2019ll see the post pinned at the top of your blog page.<\/li>\n\n\n\n
- Depending on your WordPress theme, the sticky post may also look different or stand out more than other posts.<\/li>\n<\/ul>\n\n\n
<\/hr><\/div>\n\n\n3. Use a WordPress Plugin (post types order)<\/h2>\n\n\n\n
If you want more control and customization options to reorder Posts in WordPress, go for a WordPress Plugin such as \u201cPost Types order\u201d.<\/p>\n\n\n\n
This plugin lets you easily rearrange posts, WooCommerce products, coupons, and other content by simply dragging and dropping them into the order you want.<\/p>\n\n\n\n
Here\u2019s How you can do it.<\/p>\n\n\n\n
Step 1: Install and Activate the Plugin<\/strong><\/h3>\n\n\n\n
- \n
- Go to your WordPress dashboard.<\/li>\n\n\n\n
- Search for and install the Post Types Order<\/strong> plugin.<\/li>\n<\/ul>\n\n\n\n
- \n
- Once installed, click Activate<\/strong>. (You can refer to a detailed guide if needed.)<\/li>\n<\/ul>\n\n\n\n
Step 2: Configure Plugin Settings<\/strong><\/h3>\n\n\n\n
- \n
- After activation, go to Settings \u00bb Post Types Order<\/strong>.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-56.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\n- \n
- In the \u2018Show \/ Hide re-order interface\u2019<\/strong> section, make sure all the content types (like blog posts or products) you want to reorder are set to \u2018Show\u2019<\/strong> using the dropdown menus.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-58.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 3: Enable Drag and Drop for Content Types<\/strong><\/h3>\n\n\n\n
- \n
- Scroll to the \u2018Archive Drag & Drop\u2019<\/strong> section.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-57.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\n- \n
- For each content type you want to reorganize, open the dropdown menu and select \u2018Yes\u2019<\/strong> to enable drag-and-drop reordering.<\/li>\n<\/ul>\n\n\n\n
Step 4: Save Settings<\/strong><\/h3>\n\n\n\n
- \n
- Once you\u2019ve set everything up, click \u2018Save Settings\u2019<\/strong> to apply the changes.<\/li>\n<\/ul>\n\n\n\n
Step 5: Reorder Your Content<\/strong><\/h3>\n\n\n\n
- \n
- Now, go to the content area you want to reorder, like Posts \u00bb All Posts<\/strong>.<\/li>\n\n\n\n
- You\u2019ll see the list of posts, and you can simply drag and drop them into the order you prefer.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/Reorder-Posts.gif\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n
<\/hr><\/div>\n\n\n4. Use the Drag-Drop feature for Product Post Types (Woocommerce)<\/h2>\n\n\n\n
If you are running an e-commerce store and powered it with Woocomemrce, there is a drag-drop feature with the help of which you can easily reorder your products. <\/p>\n\n\n\n
Here\u2019s how to reorder your WooCommerce products using the built-in drag-and-drop feature, step by step:<\/p>\n\n\n\n
Step 1: Go to All Products<\/strong><\/h3>\n\n\n\n
- \n
- From your WordPress dashboard, navigate to Products \u00bb All Products<\/strong>.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-51.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 2: Click on the Sorting Link<\/strong><\/h3>\n\n\n\n
- \n
- At the top of the page, find and click the \u2018Sorting\u2019<\/strong> link.<\/li>\n<\/ul>\n\n\n\n
Step 3: Reorder Your Products<\/strong><\/h3>\n\n\n\n
- \n
- You\u2019ll see your products listed, and you can now change their order by dragging and dropping them into your preferred positions.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/arrange_products.gif\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 4: Stop Sorting<\/strong><\/h3>\n\n\n\n
- \n
- Once you\u2019re happy with the new order of your products, click the \u2018All\u2019<\/strong> link to exit the sorting mode.<\/li>\n<\/ul>\n\n\n
<\/hr><\/div>\n\n\n5. Re-order posts in WordPress using custom codes ( For Advanced users)<\/h2>\n\n\n\n
If you want to change how WordPress organizes all your posts, including future ones, you might need to add some custom code.<\/p>\n\n\n\n
For example, if you want to change the organization of posts, you usually have to add a special code to WordPress.<\/p>\n\n\n\n
But be careful with the codes, although you might come across various posts that help you edit your theme\u2019s function.php file. But be cautious, this can lead to errors that might break your website.
<\/strong>If you update your WordPress theme, any changes you make in functions.php will be lost.<\/p>\n\n\n\n
<\/strong>Instead, it’s better to use a plugin called WPCode<\/strong>. This plugin is user-friendly and safe to use. It lets you add custom code (like CSS, HTML, or PHP) without risking your website’s functionality. <\/p>\n\n\n\nStep 1: Install and Activate WPCode<\/strong><\/h3>\n\n\n\n
- \n
- Go to your WordPress dashboard.<\/li>\n\n\n\n
- Search for and install the WPCode<\/strong> plugin.<\/li>\n\n\n\n
- Once installed, click Activate<\/strong>.<\/li>\n<\/ul>\n\n\n\n
Step 2: Add a New Code Snippet<\/strong><\/h3>\n\n\n\n
- \n
- After activation, go to Code Snippets \u00bb Add Snippet<\/strong>.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-50.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 3: Start Adding Your Custom Code<\/strong><\/h3>\n\n\n\n
- \n
- Hover your mouse over \u2018Add Your Custom Code\u2019<\/strong> and click on \u2018Use snippet\u2019<\/strong>.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-55.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 4: Title Your Snippet<\/strong><\/h3>\n\n\n\n
- \n
- Type a title for your custom code snippet. This helps you recognize it later.<\/li>\n<\/ul>\n\n\n\n
Step 5: Select Code Type<\/strong><\/h3>\n\n\n\n
- \n
- Open the \u2018Code Type\u2019<\/strong> dropdown menu and choose \u2018PHP Snippet\u2019<\/strong>.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-54.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 6: Enter the Code<\/strong><\/h3>\n\n\n\n
- \n
- In the code editor, add the following code snippet to display older posts first:<\/li>\n<\/ul>\n\n\n\n
\/\/ Function to modify default WordPress query
function wpb_custom_query( $query ) {
\/\/ Make sure we only modify the main query on the homepage
if( $query->is_main_query() && ! is_admin() && $query->is_home() ) {
\/\/ Set parameters to modify the query
$query->set( 'orderby', 'date' );
$query->set( 'order', 'ASC' );
}
}
\/\/ Hook our custom query function to the pre_get_posts
add_action( 'pre_get_posts', 'wpb_custom_query' );<\/strong><\/code><\/p>\n\n\n\nStep 7: Set the Insertion Options<\/strong><\/p>\n\n\n\n
- \n
- Scroll to the \u2018Insertion\u2019<\/strong> section.<\/li>\n\n\n\n
- Make sure \u2018Auto Insert\u2019<\/strong> is selected, so your code runs across the entire website.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-49.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\n- \n
- Open the \u2018Location\u2019<\/strong> dropdown and choose \u2018Run Everywhere\u2019<\/strong>.<\/li>\n<\/ul>\n\n\n\n
Step 8: Activate the Snippet<\/strong><\/h3>\n\n\n\n
- \n
- At the top of the screen, toggle from \u2018Inactive\u2019<\/strong> to \u2018Active\u2019<\/strong>.<\/li>\n<\/ul>\n\n\n\n
Step 9: Save Your Snippet<\/strong><\/h3>\n\n\n\n
- \n
- Click \u2018Save Snippet\u2019<\/strong> to make the PHP code live.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/09\/image-59.png\" "\\"\\"")
<\/figure>\n\n\n\n<\/div>\n\n\n\nStep 10: Check Your Site<\/strong><\/h3>\n\n\n\n
- \n
- Visit your website to see the posts reorganized according to your code!<\/li>\n<\/ul>\n\n\n\n
This process will help you change how posts are displayed on your site without the risk of editing your theme files directly.<\/p>\n\n\n\n
![\"WPOven](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2024\/03\/wpoven-dedicated-hosting-1024x137.png\" "\\"\\"")
<\/a><\/figure>\n\n\n
<\/hr><\/div>\n\n\nConclusion<\/h2>\n\n\n\n
It might sound simple, but reordering posts in WordPress can have a significant impact on your overall user experience. The great thing about it is that WordPress allows you a great degree of freedom to customize and implement it as you wish.<\/p>\n\n\n\n
I hope the methods mentioned above will help you easily reorder blog posts on your WordPress site. If you liked this post, feel free to share your opinions in the comment section below.<\/p>\n\n\n
<\/hr><\/div>","protected":false},"excerpt":{"rendered":"Are you looking to reorder Posts in WordPress? Well, you have landed on the right post. <\/p>\n
Although WordPress By default reorders the posts in reverse chronological order, the latest posts will show up first and the older ones get pushed to the bottom.<\/p>\n
But if you want to do a lot more to it, i.e. prioritize certain posts as per your requirement, we have covered this in this post. So stay tuned and keep reading this till the end. … <\/p>\n
- Visit your website to see the posts reorganized according to your code!<\/li>\n<\/ul>\n\n\n\n
- Click \u2018Save Snippet\u2019<\/strong> to make the PHP code live.<\/li>\n<\/ul>\n\n\n\n
- At the top of the screen, toggle from \u2018Inactive\u2019<\/strong> to \u2018Active\u2019<\/strong>.<\/li>\n<\/ul>\n\n\n\n
- Make sure \u2018Auto Insert\u2019<\/strong> is selected, so your code runs across the entire website.<\/li>\n<\/ul>\n\n\n\n
- Scroll to the \u2018Insertion\u2019<\/strong> section.<\/li>\n\n\n\n
- In the code editor, add the following code snippet to display older posts first:<\/li>\n<\/ul>\n\n\n\n
- Open the \u2018Code Type\u2019<\/strong> dropdown menu and choose \u2018PHP Snippet\u2019<\/strong>.<\/li>\n<\/ul>\n\n\n\n
- Type a title for your custom code snippet. This helps you recognize it later.<\/li>\n<\/ul>\n\n\n\n
- Hover your mouse over \u2018Add Your Custom Code\u2019<\/strong> and click on \u2018Use snippet\u2019<\/strong>.<\/li>\n<\/ul>\n\n\n\n
- Once installed, click Activate<\/strong>.<\/li>\n<\/ul>\n\n\n\n
- Once you\u2019re happy with the new order of your products, click the \u2018All\u2019<\/strong> link to exit the sorting mode.<\/li>\n<\/ul>\n\n\n
- You\u2019ll see your products listed, and you can now change their order by dragging and dropping them into your preferred positions.<\/li>\n<\/ul>\n\n\n\n
- At the top of the page, find and click the \u2018Sorting\u2019<\/strong> link.<\/li>\n<\/ul>\n\n\n\n
- You\u2019ll see the list of posts, and you can simply drag and drop them into the order you prefer.<\/li>\n<\/ul>\n\n\n\n
- Now, go to the content area you want to reorder, like Posts \u00bb All Posts<\/strong>.<\/li>\n\n\n\n
- Once you\u2019ve set everything up, click \u2018Save Settings\u2019<\/strong> to apply the changes.<\/li>\n<\/ul>\n\n\n\n
- For each content type you want to reorganize, open the dropdown menu and select \u2018Yes\u2019<\/strong> to enable drag-and-drop reordering.<\/li>\n<\/ul>\n\n\n\n
- Scroll to the \u2018Archive Drag & Drop\u2019<\/strong> section.<\/li>\n<\/ul>\n\n\n\n
- In the \u2018Show \/ Hide re-order interface\u2019<\/strong> section, make sure all the content types (like blog posts or products) you want to reorder are set to \u2018Show\u2019<\/strong> using the dropdown menus.<\/li>\n<\/ul>\n\n\n\n
- After activation, go to Settings \u00bb Post Types Order<\/strong>.<\/li>\n<\/ul>\n\n\n\n
- Once installed, click Activate<\/strong>. (You can refer to a detailed guide if needed.)<\/li>\n<\/ul>\n\n\n\n
- Check the box next to it.<\/li>\n<\/ul>\n\n\n\n
- In the right-hand sidebar, under the \u2018Post\u2019 tab, find the option that says \u2018Stick to the top of the blog.\u2019<\/strong><\/li>\n\n\n\n
- Go to your WordPress dashboard and open the blog post you want to highlight.<\/li>\n<\/ul>\n\n\n\n
- Once you\u2019ve changed the date and time, click the \u2018Update\u2019 button to save your changes.<\/li>\n<\/ul>\n\n\n
- Reordering Custom Post Types:<\/strong>