Book Image

Bootstrap 4 Site Blueprints - Second Edition

By : Ian Whitney, David Cochran
Book Image

Bootstrap 4 Site Blueprints - Second Edition

By: Ian Whitney, David Cochran

Overview of this book

Packed with trade secrets, this second edition is your one-stop solution to creating websites that will provide the best experience for your users. We cover six popular, real-world examples, where each project teaches you about the various functionalities of Bootstrap 4 and their implementation. The book starts off by getting you up and running with the new features of Bootstrap 4 before gradually moving on to customizing your blog with Bootstrap and SASS, building a portfolio site, and turning it into a WordPress theme. In the process, you will learn to recompile Bootstrap files using SASS, design a user interface, and integrate JavaScript plugins. Towards the end of the book, you will also be introduced to integrating Bootstrap 4 with popular application frameworks such as Angular 2, Ruby on Rails, and React.
Table of Contents (15 chapters)
Bootstrap 4 Site Blueprints
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Preface

Installing the theme


Be prepared. The changes that we made earlier have temporarily severed connections to Bootstrap styles, JavaScript, and so on. We're going to update these connections in the following steps. We're simply going to make the process more enjoyable by having the theme installed and running so that we can test our progress along the way!

From your WordPress Dashboard, navigate to Appearance | Themes and activate the theme. If you've renamed it and provided the new screenshot (or used the provided theme-starter files), you'll see something like the following screenshot:

  1. Click on the Active button now. Activation will reveal a new Customize button.

  2. Then click on the Customize button.

  3. You'll be taken to a page where you can set up several basic options quickly as follows:

    • Site Identity: Update your tagline

    • Colors: Noting to set

    • Background Image: Nothing to set

    • Menus: You'll add a new menu here in the next section

    • Widgets: The side bar is already set

    • Static Front page: Your latest posts...