Book Image

Bootstrap Site Blueprints

Book Image

Bootstrap Site Blueprints

Overview of this book

Table of Contents (16 chapters)
Bootstrap Site Blueprints
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Connecting our stylesheet


We want to update Roots to use our main.css stylesheet. For this, perform the following steps:

  1. If you view source on your WordPress site and look for the stylesheet link, you'll see that our path is correct, but that the Roots stylesheet was named main.min.css with a version number added. Thus, the path in my locally installed version of WordPress looks like the following path:

    <link rel="stylesheet" href="http://localhost:8888/bootstrappin-portfolio/assets/css/main.min.css?ver=9a2dd99b82ca338b034e8730b94139d2">

    Note

    The Roots Gruntfile generates the version number using an MD5 hash. (See the documentation on this at http://roots.io/using-grunt-for-wordpress-theme-development/.) This workflow, while a great one, is beyond the scope of this book. We won't be generating a version number for our file.

  2. We simply need to update this link to point to our main.css file.

  3. Roots manages links to stylesheets and scripts using a file in its lib folder called scripts.php.

  4. Open...