Trending March 2024 # How To Add Recent Posts In WordPress? – Webnots # Suggested April 2024 # Top 10 Popular

You are reading the article How To Add Recent Posts In WordPress? – Webnots updated in March 2024 on the website We hope that the information we have shared is helpful to you. If you find the content interesting and meaningful, please share it with your friends and continue to follow and support us for the latest updates. Suggested April 2024 How To Add Recent Posts In WordPress? – Webnots

Content is important for running WordPress blog. However, it is not sufficient to have content without sufficient internal linking on each of your page. The effective way is to manually insert relevant links on the post content and showcase related posts in sidebar or footer area. However, adding a list of recent posts can also be useful in most cases for having a solid internet linking structure. In this article, we will explain various options to insert recent posts in WordPress.

Why to Use Recent Posts?

Here are some of the reasons to insert recent posts in your site:

Adding a list of latest posts in home page help visitors to quickly navigate through your content.

You can insert recent post widget in popular content to promote your latest published articles.

It is also good idea to showcase your latest articles in footer or sidebar area.

Insert Recent Posts in WordPress Site

You have different possibilities in WordPress to showcase your latest posts:

Showcase in widgets area like sidebar or footer using WordPress Recent Posts widget.

Insert in-between post content using Gutenberg Recent Posts block.

Showcase recent posts using third-party plugins.

Let us explain all possibilities in the following sections.

1. Insert Related Posts in Widgets Area

The typical way of using Recent Posts widget in WordPress is to showcase your recent articles in sidebar or footer widget area. You can drag and drop the widget if you are using old Classic Editor and you have a widget block with Gutenberg editor.

Change to Grid or List View and Alignment

Since it is a separate block, it does not have any title. You can add a “Heading” blog to insert a title above the widget and group both blocks to a single block if required.

Add Heading to List

Finally, press the “Update” button to publish your changes. The “Latest Posts” widget will look like below on your site.

Latest Posts Widget in Sidebar

Recent Posts in Classic Editor

The process is same to insert recent posts if you are using Classic Editor. However, the widget name will be different as “Recent Posts” instead of “Latest Posts”.

Recent Posts Widget Inserted

The “Recent Posts” widget will look something like below on your published site.

Recent Posts Widget with Date Using Classic Editor

Note: As you can see, Gutenberg does not provide options to show published date and select the number of posts in the latest posts list. Also, no matter you use Gutenberg or Classic Editor, appearance of the widgets is decided by the theme you use.

2. Insert Latest Posts Widget in Content Area

Though “Recent Posts” with Classic Editor offers additional options, it is not available to insert inside the content area. The only option for you is to use Gutenberg “Latest Posts” widget or go for a third-party plugin.

Insert Latest Posts Block in Content Area

The widget instantly show your recent posts and you can toggle the list or grid view.

Latest Posts Block Options

Customizing Latest Posts Widget Inside Content

Unlike widget block, you can find plenty of options to customize the latest posts widget inside your content. You can find all the available options under “Block” section from the sidebar.

Customization Options Latest Posts Widget

Styles – you have three styles to choose from like default, with dividers or with borders.

Post content settings – you can enable this option and show excerpt with specified length or full post below each title.

Post meta settings – toggle author name and post published date.

Featured image – show or hide featured image for each post. Further you can change the image alignment, link image and select the image size.

Sorting and filtering – select the sorting order, filter based on categories and author. You can also restrict the number of items to appear in the list with desired columns for the grid view.

Advanced – this is a common option available for all Gutenberg block to add custom CSS classes.

Below is an example of the latest posts in list view with custom options:

List View Example

The same widget will appear in the grid view with some modifications like below in two columns:

Grid View Example

Note: WordPress also offers Query Loop and Posts List blocks which are used to create posts page based on categories and tags. However, you can use the block’s filtering options to show single page with certain number of newest posts and create a recent posts widget.

3. Using Third-Party Plugins

Frankly, we do not recommend using third-party plugin for inserting recent posts in WordPress as the default Gutenberg block suffice the purpose. However, there are some additional situations like if you want to include custom post types or include specific pages also in the list. The best option is to install and activate “WP Latest Posts” plugin on your site. This plugin offers large number of options to create a beautiful recent posts block which you can insert anywhere using shortcodes or with a Gutenberg block. Note that you can create multiple blocks for different post types and insert the shortcode in your PHP templates to showcase corresponding articles without mixing categories and post types.

Add New Recent Posts Block

The plugin offers numerous filtering and design options for selecting the content source and theme for your widget. Go through the settings and customize as per your requirements.

Design Your Block

After finishing your setup, save the block to create a shortcode.

Get Block Shortcode

Inserting Recent Posts Block

If you are using Classic Editor, the plugin will add a button with the name “Add Latest Posts” in the interface. For Gutenberg, you can paste the shortcode anywhere inside the content area or use the “WP Latest Posts” block.

Paste Shortcode or Use Block

You will not have any option to customize the widget within the editor as you have already setup everything from the plugin’s settings panel.

Publish your article and see the latest posts block in action like below.

Recent Posts with Plugin

You can also use the shortcode in the widget area or inside your post template to show the widget automatically on all your posts.

Final Words

We recommend using “Latest Posts” block from Gutenberg block editor to create beautiful recent posts widget insider post content area. Though the block do not offer any customization when using in the widget area, most themes use custom CSS to show the widget elegantly. If the default block is not sufficient then you can use the plugin as mentioned above to create recent posts in a carousel view.

You're reading How To Add Recent Posts In WordPress? – Webnots

How To Add WordPress Site In Yandex Webmaster Tools? – Webnots

Yandex is one of the popular search engines having 65% of market share in Russia. Though the global search engine market share of Yandex is ignorable in front of Google, it is worth submitting your WordPress site to Yandex. Unlike the Chinese search engine Baidu, Yandex offers a webmaster tools account in English with limited features. This helps all international users to submit their site easily to Yandex.

In this article we will explain step by step process of how to add WordPress site in Yandex Webmaster Tools account.

Getting Into Yandex Webmaster Tools Account

The first step is to register an account for Yandex Webmaster Tools. It is mandatory to have a mobile number for registration as the SMS verification code will be sent to your mobile. You can use international mobile numbers with the country code in the font (for example +1 for USA).

Remember the registration is for the complete Yandex sites (similar to Google accounts) and you will get email and other additional features with the same account credentials. Once you have successfully registered an account, login to your Yandex Webmaster Tools account using the same user name and password.

Adding WordPress Site

Verifying Site in Yandex

Similar to all other search engines, you need to verify the ownership of your site in Yandex in order to start using the features. Following are the three options available for verifying the ownership of your WordPress site.

Meta tag – add HTML meta tag on your site which is the easiest way.

HTML file – upload HTML file on the root directory of your site.

DNS record – add TXT record entries in your DNS zone file.

We will explain the easiest meta tag verification in this article. Copy the meta tags shown in the box under the “Meta tag” tab.

Note Yandex offer unique verification code for all the domains and subdomains of a site added. So if you have already added a site, the verification code will remain same.

Adding Yandex Tag in WordPress Site

Basically you can insert the meta tag into the “header.php” file of your WordPress theme. But you need to edit the theme file for this purpose and the changes will be wiped off every time you update your theme to a new version. Otherwise you should use child theme for modifying the core theme files.

Let us not modify the theme file neither use child theme. The easy way is to use one of the SEO plugins to insert the verification code. We recommend you to find a plugin which has Yandex verification option as well as SEO options to combine the tasks.

In our example, let us install and activate Yoast WordPress SEO plugin. Navigate to the dashboard section and add the Yandex verification meta tag under the tab “Webmaster tools” as shown below:

Save your changes.

Verifying Site in Yandex

If you are using server level caching or using caching plugins then remember to purge the cache. Also the CDN servers like Cloudflare needs to be purged for the cache. Otherwise you will see the verification failure message.

Important Note

Yandex search engine bot will crawl your site aggressively. Hence, the server resources will shoot up drastically when used with Google, Baidu and Bing bots. Ensure that you have sufficient server resource or restrict the crawl delay of the Yandex bot in chúng tôi file.

How To Embed Scribd Documents In WordPress? – Webnots

WordPress offers easy ways to upload a PDF, presentation, Word or any allowed document types to your site as media content. With the Classic Editor interface, it does not have any default feature to embed the uploaded file in a readable view. The only option is to link the file in your content or use plugins to embed documents. Otherwise, you have to use Gutenberg block editor to embed the content. Scribd is one of the free, largest and easy to use digital document libraries, which allows embedding your uploaded documents in WordPress site. If you are looking for a solution to embed your Scribd document in WordPress, here are the available options.

Related: How to embed Word, Excel and PowerPoint in Weebly?

Scribd Digital Library

There are many online websites available to read content or listen audiobook. However, Scribd is a one-stop digital library for you to read eBooks, magazines and listen audiobooks. You can use the free service for 30 days, after that need to subscribe to a premium service for $8.99 per month.

Embed Scribd Documents in WordPress

There are three ways of to embed Scribd documents in WordPress site:

Using Jetpack Shortcode Embeds feature

Using HTML embed code from Scribd

With Scribd embed block or Custom HTML in Gutenberg editor

We recommend using the Gutenberg editor option. If you are not using Gutenberg then try one of the first two options.

1. Embedding Scribd Document Using Jetpack Shortcode Embeds Feature

In order to use shortcode option you first need to activate “Shortcodes Embeds” feature offered as part of Jetpack plugin.

Scribd WordPress Embed Shortcode

Go to WordPress post editor and paste the code under “Visual” mode like a normal content.

Embed Scribd Document in WordPress Editor

Preview the post to see the Scribd file is embedded in your WordPress site.

Embed Option in Scribd

On the pop-up, you can customize the appearance on the embedded documents in your site. Select the format as “WordPress” and copy the embed shortcode to use in WordPress.

Customize Embed

2. Using HTML Embed Code

During embed code generation, Scribd also offers another HTML option to generate HTML iframe embed code which can be used in any platforms including WordPress.

Scribd HTML iFrame Embed Code

Copy this code and paste in a WordPress post editor under “Text” mode. Preview your post to see the file is viewable directly on the page. Remember, WordPress shortcode needs to be pasted in “Visual” mode but HTML embed code is to be added in “Text” mode of the Classic editor.

3. Using Scribd Embed or Custom HTML Block with Gutenberg

WordPress introduced Gutenberg block editor interface with version 5.0. It offers drag and drop block for embedding content from large number of third-party service providers including Scribd. When you are in Gutenberg editor, search and insert a Scribd block.

Scribd Embed Block in Gutenberg

Now, you can instantly see the embedded document right inside the editor without any additional plugin. Alternatively, you can use Custom HTML block and insert the Scribd document’s iframe embed code. Note that when using Custom HTML you have to paste the HTML iframe code and not the URL or WordPress shortcode.

Document Formats Allowed in Scribd

Scribe does not allow you to embed all file extensions. You can upload the following document formats in Scribd and then embed in WordPress site:

Microsoft Excel (.xls, .xlsx)

Microsoft PowerPoint (.ppt, .pps, .pptx, .ppsx)

OpenDocument (.odt, .odp, .ods, .odf, .odg)

Microsoft Word (.doc, .docx)

org XML (.sxw, .sxi, .sxc, .sxd)

Plain text (.txt)

Portable Document Format (.pdf)

PostScript (.ps)

Rich text format (.rtf)

Tagged image file format (.tif, .tiff)

Embedded Document Example

The document display in WordPress will vary depending up on the method and the customization option in Scribd. Below is an example public document embedded using HTML embed code from Scribd and WordPress Custom HTML block.

How To Increase Php Max Execution Time In WordPress? – Webnots

PHP is server side scripting language which is the backbone of WordPress websites. WordPress core, themes and plugins contain PHP files that help you to get content from the database and assemble the page layout. However, the entire process of running any PHP script is to be completed within a limited time (generally in seconds). In order to control the script running time, PHP has a variable called max_execution_time. It is essential to setup this parameter to desired value to protect your server and allocate the server resources to real users visiting the site instead of running a poorly written script in the background.

WordPress SEO: Optimize WordPress site with free WordPress SEO guide.

Why Execution Time is Limited?

On most hosting servers, the default execution time is set as 30 seconds. However, some shared hosting companies may restrict to lower values. There are good reasons for restricting the maximum PHP execution time on WordPress.

Many hackers inject PHP files to run a script on your site. Restricting the script running time will help you to harden the security of your site.

Some legitimate scripts like broken link checker plugins will run the script to scan all pages on your site. This may work well for the sites with 100 pages. However, running a script on a site with 10K posts will bring the server down.

Old and poorly written PHP scripts can run long time and cause fatal errors.

Restricting maximum PHP execution time in server can help to stop these scripts running too long and affects real users on the site.

Why You May Need to Increase?

Though there are good reasons to limit PHP execution time on WordPress sites, there are also reasons why you should increase the limit.

Sometime updating WordPress core, theme or plugins need large amount of data to be downloaded. You can setup the maximum file upload size with post_max_size parameter. However, the PHP script should also run for long time in order for the upload to complete on your server. Otherwise, you will get update failed error due to timeout.

Theme Update Error with PHP Execution Time Out

Many commercial WordPress themes offer custom demo import with large content. You may need to increase max_input_vars and max_execution_time parameter values in order to complete demo importing process. In addition, you may also need to increase maximum PHP memory size for the heavy plugins and themes to work properly.

How to View Max Execution Time?

Some hosting companies like Bluehost and SiteGround offers PHP Manager app in your account. You can use this app to find the max_execution_time setup for your site. For example, follow the below instructions in SiteGround hosting.

Change PHP Max Execution Time in SiteGround

On Bluehost hosting, you can use MultiPHP INI Editor app to find the max execution time value. If you are not able to find the default value, the best option is to ask your host to check for you.

How to Increase PHP max_execution_time in WordPress?

If you are receiving error like timeout, you can increase PHP max_execution_time to resolve the issue. You can do that using one of the following methods:

Editing chúng tôi File

Adding htaccess Directive

Using chúng tôi File

Using custom apps from server (for Bluehost)

For first three options, you have to edit configuration files using File Manager app from your hosting account. Alternatively, you can use FTP to access your site remotely and modify the file’s content.

Important: It is a good idea to backup the original files before you editing.

1. Increase PHP Execution Time with wp-config.php

Go to your WordPress root installation and find chúng tôi file. Below is an example screenshot of locating the file from File Manager app.

Instead of File Manager, you can also use FTP account to modify chúng tôi file.

Add the below line before it says /* That’s all, stop editing! Happy blogging. */. 100 in this example indicates the maximum execution time of 100 seconds, you can change to any desired value for your need.

/** Change PHP Max Execution Time */ set_time_limit(100);

It should look like below:

Change PHP Max Execution Time in WP Config File

2. Increase PHP Execution Time with htaccess

Instead of editing wp-config file, you can add the below directive in htaccess file on your server root.

php_value max_execution_time 100

Note: .htaccess file is hidden by default. You have to enable viewing hidden files in FTP client to view this file. In most cases, File Manager will show all files without hiding.

3. Increase PHP Execution Time with php.ini

The last and preferred option is to use chúng tôi file.

Go to your server’s root and check whether you have chúng tôi file available. If the file is available, edit and add the below code.

max_execution_time = 100

If the file is not available, you can create a chúng tôi file using plain text editors like Notepad++ or Brackets. Add the above code in the file and upload on your server’s root.

Increase PHP Max Execution Time in chúng tôi File

4. Using Custom Server Apps

This option is available only on certain hosting companies like Bluehost. We explain here with Bluehost, you have to confirm the availability of this type of apps with your hosting company.

Change PHP Max Execution Time in Bluehost

Risks in Increasing Execution Time

Setting the value too high like 1000 seconds may potentially damage your server if there is a script running for such a long time. In addition, hackers or malicious scripts can run long time without termination affecting your site’s performance on the frontend. In order to protect the server, many hosts do not allow you to modify max_execution_time value more than the allowed limit.

Even you define the values using one of the above methods, it may not work if your host does not allow. The best option is to consult with your host and ask for help if you are struck with errors like update failed due to timeout.

How To Move WordPress Woocommerce Store To Shopify? – Webnots

WooCommerce is the most popular online store plugins for WordPress users. Though it is easy to setup and use, you maybe possibly thinking of taking things to the next level. Perhaps, your customer base has increased, and you need extra functionalities to beat more sales online. Whatever the reason could be worth the idea, and here is how to go about such a decision. Shopify is the best option to migrate your WooCommerce outside of WordPress. Follow this guide to successfully migrate your WordPress WooCommerce store to Shopify platform.

Migrating a WordPress WooCommerce Store to Shopify

Though WooCommerce is a good option for WordPress, it will slow down your WordPress site. You will also find the admin area is very slow with too many unwanted menu items. You will get confused with free base plugin and additional premium add-ons needed for optimizing your store. Unlike WooCommerce, Shopify is a dedicated premium ecommerce platform which will help you to focus on selling items. It could be a Shopify’s Basic, Plus or Advanced plan depending on which matches your need and here are how to go about their setup.

Shopify Website

1. Create a Shopify Store Account 2. Migration Options for Moving Content from WordPress WooCommerce to Shopify

Data from this former store is essential for your new online store, and it includes products, customer transaction records, articles, etc. Evaluate all that you shall need in your Shopify store and know that there are four available migrations options as listed below:

Copy content or data from the former site to the new site.

Hire a Shopify partner to or create an Admin API

Use the default store Importer App (for XML files)

Use the Shopify Store Migrations Apps (for CSV files)

As efficient as these methods seem, they can’t supplement for moving all data types, though the use of the Shopify Store Migration Apps (for CSV files) and Admin API (involves cost and extra time) goes beyond. The Copy and paste method are only applicable when dealing with a small amount of data transfer. And the XML files can only work for products and customers’ data with the Importer APP.

3. Export Store Content from WordPress WooCommerce 

There are two methods to this, and one must seem more efficient to you depending on the categories of data you shall be migrating.

3.1. Use of WordPress Export Tool

Using WordPress Export tool

3.2. Use of WooCommerce Menu and Plugin

Using WooCommerce Products Export Menu

Note: apart from getting the orders, products, customers’ data as explained here, you can also use plugins like “Export any WordPress data to XML/CSV” to get more data files like shipping, tax, coupons or others you need and is easy to follow through once you can do the same with this guide.

4. Import Store Content to Shopify

Remember, the option you are to use here depends on the export method with the respective file types you used in getting your former site content. So, using the WordPress Export tools for XML files, you would have to import those files using the Importer App. While the use of the WooCommerce Menu & Plugin for the CSV Files (Products, Customers, Orders, and others) must be with the Migration APPs.

4.1. With the Importer App 4.2. With Migration Apps

Even if your data are products, customers, historical records, gift cards, certificates, store credits, blog posts, pages or product reviews, these Apps can handle them. Nevertheless, the order of importing data matters as it should be products first, followed by customers, historical records (orders) and then others. Notably, these apps reduce the workload in moving your current online store contents to Shopify.

Wrap Up with Migrating WordPress WooCommerce to Shopify

The move of the online store from WordPress WooCommerce to Shopify should be without hassle if you duly follow instructions through the automatic method using Apps. Perhaps the manual way of copy and paste can serve if you are starting newly with few products to move. You can also hire someone to do it when you have budget to spare for such services.

Always put into practice the need to backup before embarking on website migration, so you can fall back to default when things go wrong. Then, test after migration and see everything is working fine before completing other setups, like adding a theme, custom domain name, payment provider, and pages/posts. Finally, make sure to setup 301 redirections from your WooCommerce pages to Shopify pages so that you will not lose the SEO factors. If you are permanently closing WordPress site, then you can setup redirection from the server side to handle this.

Add And Customize Contact Form In Weebly Site – Webnots

There are many easy ways to add forms to your Weebly site. You can use default Weebly “Contact Form” element, connect forms from App Center and embed form codes from third parties. Being a native element, Weebly’s default “Contact Form” element is easy to integrate and manage the received form submissions easily through the dashboard or iPhone/ Android apps. In this article we will discuss the features of default “Contact Form” element and the ways to customize it. Other than contact form, Weebly also offers two other form elements – RSVP form and survey element.

Related: How to add contact form in WordPress sites?

Form Fields:

Short text box

Large text box

Options buttons

Drop down box

Check boxes

File upload for Pro user

Name, Email, Address and Phone number


Divider and Spacer


Title, Text, Image and Embed Code

Form Options

Weebly Contact Form Options

The customizing options available are:

Form name – Enter name for your form. When you have multiple forms in your site, you can use the form names to view the submissions based on the form name easily.

Email submission to – This is an email id where you will receive an instant alert whenever there is form submission.

Confirmation message after submission – The confirmation option allows you to display an automatic response to the user after submitting the form. You can either set a text confirmation message or link any webpage. The text message will be shown within the form area after submission. You can connect any external webpage or your own site or store page in the link option which will be displayed after submission.

Spacing – Used to adjust the spacing of top and bottom margins of the form element.

Submit Button – Used to align the submit button left, center or right with respect to your form width. Also you can enter any free text like “Contact” instead of submit on the button element.

Note: General practice is to create a thank you page in your site with the customized information you want to show to the users and link it to the form. Thank you page will be displayed once user submits the form and provide more opportunity for the user to explore the links in the thank you page.

Field Level Customization

Instruction and Mandatory Field

Instructions will help the users on how to fill that particular field and the help message will be displayed whenever the filed is focused.

Some of the fields like “Options Buttons”, “Checkboxes” and “Dropdown Box” will have additional options as shown in the picture below. You can enter as many as customized options for user selection or choose it from the predefined options list. The predefined options have long list of choices like Comparison, Gender, U.S States, How Long, How Often, Months of the Year, Days of the Week, etc.

Using Option Buttons in Weebly Contact Form

Form Options for Pro User

Pro users will have the following additional form features:

File upload – This is a pro field which helps the user to submit a form with an uploaded file. This will be a very useful feature so that the user can upload additional document or screenshot which will in turn help you to provide a better support. 20 MB is the maximum file size that can be uploaded in a form.

Adding Form in Footer – In addition to adding form in site’s content area, Pro users can add a form in the footer area as well. Contact form can be added in the footer which will be displayed in the all the pages of a site.

File Upload in Weebly Form

Viewing Form Entries

Form entries can be viewed in multiple ways and the required response can be sent to the submitter accordingly.

View Contact Form Entries in Weebly Dashboard

You can also use Weebly iPhone or Android app to view and reply your form entries on the go.

Size of the Weebly form can’t be adjusted by default. In order to change the size, place the “Spacer” elements beside form element and adjust the width of the form.

Reducing Spam Form Submissions

One of the biggest problem with Weebly contact form is the spam submissions – spammers and bots will submit spam entries and flood your mail box. Since Weebly does not offer CAPTCHA for contact form, handling spam submissions will be an annoying task for site owners. There are two ways to reduce the spams without modifying the code:

Add “Checkboxes” on the contact form and make it a required field. You can make the “Field Title” as “I am not a robot” and add one “Options Items” as “I am a human”. This will force users to check the box and the form can’t be submitted without checking it.

Similarly use “Option Buttons” and change the “Field Title” to anything like “CAPTCHA Check” or “Human Check” and make it a required field. Add single option item like “I am a human not a robot” or any text you want. Now the user needs to use choose the option in order to submit the contact form.

Add Manual Captcha in Weebly Contact Form

In both the above options, the automatic bots will fail to choose the checkbox or the option button thus stopping the spam entries.

Finding Contact Form #ID in Weebly

Now go to Weebly editor and add the below CSS code under “Header Code” section of the page on which you have a contact form. Don’t forget to replace the form #id with your own #id.

#form-632853235871630597 { background-color: beige; padding: 15px 15px 0 15px; border-radius: 10px; border: 1px solid rgba(158, 158, 158, 0.22); }

Update the detailed information about How To Add Recent Posts In WordPress? – Webnots on the website. We hope the article's content will meet your needs, and we will regularly update the information to provide you with the fastest and most accurate information. Have a great day!