Skip to content
pinegrow.com
Docs menuWordPress

Show the Website Description

Let’s display the description of our website under the main title in the header.

On this page

The Starting Point

We have a P paragraph under the main title in our HTML page:

<p class="lead text-white">The description of the website goes here.</p>

Steps

In Pinegrow - Select the P and add the Site Description - Smart action from the WordPress panel:

WordPress Actions for a p.lead paragraph with Site Description - Smart, over the placeholder The description of the website goes here

The HTML code with WordPress actions:

<p class="lead text-white" cms-site-desc>The description of the website goes here.</p>

Export the Theme

Quick Export the page by saving it or do the Whole Theme Export with CTRL (CMD on Mac) + W.

The Result

On the website - The P paragraph below the title now contains the website description:

Pine Adventures page in the browser with the heading and a boxed site description reading Visiting Pine trees all around the world

The generated PHP code:

<p class="lead text-white"><?php bloginfo( 'description' ); ?></p>

Tips & Tricks

We can then use the Import from WordPress to import the actual site description to our HTML page.

WordPress actions in this example