Menu

Building a website with bootstrap 4 - direct output template strategy

Posted 15th Oct 2017

#bootstrap4 #completeguide #templatestrategy

Now we can take a look at our website!

Home (home template)

Screenshot of home page
Screenshot of home page Zoom

About (basic-page template)

Screenshot of about page
Screenshot of about page Zoom

Services (services-index template)

Screenshot of services page
Screenshot of services page Zoom

Services child (services-entry template)

Screenshot of a services child page
Screenshot of a services child page Zoom

Congratulations! You've made a simple responsive website with processwire.

Of course there are plenty of optimizations that could be made in the code but I did it this way for simplicity in demonstrating how easy the processwire API is to use.

Feedback & support

I hope you enjoyed this tutorial. You can support pwtuts by following on @pwtuts. You can also donate at paypal.me/swcarrey to help support the site which would be awesome!

Related tutorials / See all

Bootstrap 4 jumbotron Bootstrap 4 jumbotron

Creating a bootstrap 4 jumbotron with background image

#bootstrap4 #images #jumbotron

Images on the fly and cropping Images on the fly and cropping

Creating images on the fly and cropping

#api #bootstrap4 #images

Image defaults and focus cropping Image defaults and focus cropping

Default image settings and new focus crop

#api #bootstrap4 #images

Suggest a tutorial

Please note: I do not store any of this information, it's simply used to send me an email. Your email address is required so I can get clarification on your request if needed.