As you work through Genesis Blueprints, you will sometimes require the unique page id of the page you’re working on. The page id will identify that particular page from all other pages and posts on the site.
Being able to locate a page id is a useful skill whose importance is not to be underestimated.
I am using the Google Chrome browser in this tutorial, so your browser might not have quite the same options as mine. But you will still be able to do the same things I am doing.
- Create The Page And Save It
- Once you have created the page and saved it, click on the View Page button to see its published view.
- View The Page Source
- Now that you are are looking at the page as it will appear when published, right-click on the page (in a relatively blank area) and select View Page Source.
- Find The Body Class On The Page
Start looking through the page source code – don’t be put off – it is just a lot of HTML and CSS and other code. Just scroll down confidently until you see the body tag. Keep your eyes to the left as the body tag will always be on the left.
Then, within the body tag, locate the class that identifies the page uniquely. It will be in the format page-id-number, for example page-id-1245.
See the screenshot below. In this example the unique class name is page-id-1241. You just need to locate yours.
Once you have found it, make a note of it for use when required.