How to check if the page is the home page in WordPress?
February 9, 2021

We can use Conditional Tag is_home() to check if the page is the home page.

Quick Intro about Conditional Tags

Conditional Tags can be used in the Template Files to alter the display of content depending on the conditions that the current page matches.

Conditional Tags tell WordPress what code to display under specific conditions.

Conditional Tags usually work with PHP if /else Conditional Statements.

Things to remember before using it

For a Conditional Tag to modify your data, the information must already have been retrieved from your database, i.e. the query must have already run.

If you use a Conditional Tag before there is data, there’ll be nothing to ask the if/else statement about.

WordPress loads functions.php before the query is run, so if you simply include a Conditional Tag in that file, it won’t work.

The Main Page (Home page ) conditional tag

We use is_home() function to check if the page is the home page.

The blog homepage is the page that shows the time-based blog content of the site.

It returns true when the main blog page is being displayed.

If your home page has been set to a Static Page instead, then the function will only return true on the page on which you set as the “Posts page”.

You can change that settings from Settings > Reading.

Be careful not to confuse the two query conditionals:

On the site front page, is_front_page() will always return true, regardless of whether the site front page displays the blog posts index or a static page.

On the blog posts index, is_home() will always return true, regardless of whether the blog posts index is displayed on the site front page or a separate page.

Credit: WordPress


Leave a Reply

Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 How to set opacity or transparency using CSS? #3 Pagination in CSS with multiple examples #4 How to make HTML form interactive and using CSS? #5 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #6 How to uninstall Cocoapods from the Mac OS?

Recently Posted

Mar 3 How to embed YouTube or other video links in WordPress? Mar 3 How to change the Login Logo in WordPress? Mar 3 substring() Method in JavaScript Mar 3 Window setInterval() Method in JavaScript Mar 2 How to zoom an element on hover using CSS? Mar 2 the box-sizing property in CSS

You might also like these

Attributes and Properties in JavaScript and HTMLHTMLHow to add new elements with swing animation using JavaScript and CSS?CSSHow to Make CSS Lists Bullets Smaller?CSSFull and Partial ROLLUP in Postgresql with ExamplesPostgresLearn to Implement Estimated Reading Time using PHP Part 1: The BasicsPHPHow to create ‘share on LinkedIn’ link using just HTML?HTML