How To Add Bootstrap To Your Wordpress Theme/Template

Save
3 years ago
8

In today's Wordpress How To video, I'll show you the various ways you can add Bootstrap 5 to your Wordpress template. We'll start off by adding Bootstrap to our Wordpress site via a CDN (Content Delivery Network), then we'll download the Bootstrap source code, add it to our Wordpress template, and use a Vscode plugin to recompile our Sass. Lastly, I'll show you how to use Gulp to manage all the Javascript and CSS files for your Wordpress theme - including Bootstrap, which we'll install via NPM.

My Website
https://www.pixelrocket.store

Bootstrap
https://getbootstrap.com/

Gulp
https://gulpjs.com/

Getting Started With Gulp
https://semaphoreci.com/community/tutorials/getting-started-with-gulp-js

Gulp Sass Plugin
https://www.npmjs.com/package/gulp-sass

Gulp Webpack Stream Plugin
https://www.npmjs.com/package/webpack-stream

Timestamps

0:00 Intro
1:45 Add Bootstrap via CDN
9:57 Add Bootstrap via compiled Bootstrap files
26:58 Add Bootstrap via Gulp
29:00 Install Gulp & Bootstrap via NPM
33:00 Setup Gulp styles task
45:00 Setup Gulp scripts task
56:00 Setup Gulp watch task

Loading comments...