• Abigail November 25, 2017

    This article help you to understand to install bootstrap on wordpress. This article consist of following things :

    • Why i need to do so?
    • How can i do it myself without impacting web site.
    • Difficulty Level {Easy, Medium, High} 
    • Total Time Consumed 
    • Related Plugins

    Why i need to do so

    Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme.

    How can i do it myself without impacting web site.

    The following pages and functionality:

    • Custom homepage design
    • About page
    • Contact page
    • News section with comments
    • A widgetized sidebar

    Getting Started
    Before we get started there are a few things you will need to do:

    • Install WordPress
    • Download and Unzip Bootstrap
    • Install the Theme Test Drive plugin*

    * You only need this plugin if you will be building the theme using a live site and don’t want people to see the new theme while you are developing it.
    Once you have these things ready, open the directory with all your WordPress files and navigate to wp-content > themes.

    Once you navigate to that folder create a new folder called “wpbootstrap.” Inside of that folder paste in the bootstrap folder.

    Inside of that folder create a new file named index.php.

    Your folder structure should now look like this:

    We’re now ready to go into the admin area and install our new theme. Login to the admin area and go to
    Appearances > Theme. You should see WP Bootstrap listed as one of the themes.

    Click Activate under the WP Bootstrap theme to set it as the current theme for the site.Once it’s activated, visit your site and you should see something like this.

    It’s clear that none of the CSS is working on this site currently, so in the next step we’ll start the process of converting this static file into a working WordPress theme.Converting Bootstrap Files to WordPress Templates
    Most WordPress themes include the following files:

    • index.php
    • style.css
    • header.php
    • footer.php
    • sidebar.php

    You can copy and paste the code from these files into your own .php files.

    Bootstrap CSS files from our main style.css file. Your site should now look like this:

    Difficulty level [Easy, Medium, Hard].

    Easy

    Total time Consumed.

    20Min

    Related Plugins

    No
    Summary
    How to install bootstrap on wordpress
    Article Name
    How to install bootstrap on wordpress
    Description
    Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme.
    Author
    Publisher Name
    WordPress Support
    Publisher Logo

    Leave a comment.

    Your email address will not be published. Required fields are marked*

    error: Content is protected !!