Monochrome Pro Front Page As Page Template

The template in this tutorial enables you to create a page exactly the same as the front page of the Monochrome Pro theme by StudioPress. You can use the template on unlimited pages and change the content displays in each of the 4 sections.

Update : This newer version of the template enables you to quickly and easily setup the template and import the demo content in less than 3 minutes.

Here’s the demo video showing the template.

Demo Video

Shows how the page template displays exactly the same as the default front page in Monochrome Pro.

Custom Fields

Here’s a example of how to setup the 4 custom fields for each section.

There’s 2 steps:

Create a custom field and copy & paste the demo HTML from the Gist below into each field.

Note: You will need to swap out the links for each image in the HTML for sections 3 and 4. The flexible widget classes are hard coded into the PHP code for each section the front-page-copy.php template file. You can change these classes if you want to display content different to whats in the demo.

Here’s the template for members:

Related Tutorials

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.