Summary

Let's review what we've done:

  • We began with the excellent Roots theme as our starter theme for WordPress
  • We've asserted control over the markup structure by customizing the following template files:
    • head.php: This is used to add favicon and touch icon links
    • header-top-navbar.php: This is used to add our logo image
    • footer.php: This is used to add our logo image
  • We've created the following custom template files:
    • page-home.php—from template-custom.php
    • base-page-home.php—from base.php
    • content-home.php—from content-page.php
  • We've utilized custom fields to manage the content of our complex home page
  • We've leveraged a footer widget to put our social media icons in place
  • We've integrated our own custom-compiled assets—our LESS, CSS, and JavaScript
  • To integrate our custom design assets, we've edited Roots' scripts.php file to update links to our CSS and JavaScript files
  • And we've brought back in from Roots a set of styles helpful for addressing details of a WordPress website

Congratulations! That's quite an accomplishment.

The process we've used in this chapter can be used to transform any Bootstrap design into a WordPress theme.

So, let's turn back to designing with Bootstrap. Next, we are going to design a business site.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset