Make a WordPress theme with Bootstrap 3 – Tutorial #2

Thanks! Share it with your friends!


In this tutorial, the bulk of the design elements will be added into the theme. This includes the header and footer areas, as well as some other back end additions.

Download HTML:



prog man says:

this is so awsome and so good with this tutorial it can make it eazy for
me to develop wp theme thank you so much ..

Alexi Taylor-Parent says:

If having trouble with adding your .js files use this WP function instead:

Boogie Mashina says:

The linking of the bootstrap.min.css dosen’t seem to work for me.Can
somebody please help

Robby Rosario says:

Never realized that converting a BS3 to WP was so easy.

artimachtpartyy says:

i really dont understand why you delete the link to bootstrap.min.css. You
just say: “we dont need it anymore” and noone understands why. Its a good
tutorial but try to explain why you do things :)

Michelle Anova says:

I’m having a problem with

avishek shah says:

when i am refreshing the page after including the header and footer as
get_header() and get_footer(); i don’t see any thing, the header is not
just there 🙁 please help me, doing this thing on the local server btw.

artimachtpartyy says:

in a design with anchors, where the page stays always the same, the header
and footer.php isn’t needed – just the index.php. right?

RonnieLwd says:

this doesnt work in WordPress 4.0.. 

Lee G says:

anyone else unable to get the CSS file to link after following this to the
dot? Whats the deal? Did he mention something I’m missing? or did he just
skip over something important?

Victor Kimura says:

this also works for the footer:


Jumbiiiee says:

Where did he get the index.html file from?

John Pettinichio says:

Did not work.

Did some research and found this solution which worked for me.

Agah Nnaemeka says:

This video series is the sweetest so far

Narek Keshishyan says:

I already fixed the problem)
thank you

Andrew Turner says:

Hi all,

Sorry if I missed in in comments below, but after adding this line:

Victor Kimura says:

@Coder’s Guide, can you inform the people who download your code that the
permissions need to be changed. I think you have some special permission
set on the downloaded files because they are greyed out when unzipping them
and copying them to the folders – at least, this is the case for my Windows
7 WAMP machine.

sayed akbarali says:

Thankyou all together a great tutorial

for java script line

Narek Keshishyan says:

The drop down menu is not working.

I can not understand the problem, because I do everything as shown in the
tutorial (that part is started from 5:40)

Simon Klimek says:

hi guys
line 7 in header.php : click -> 6:36
< ?php wp_head(); ?> in result it make blank space between top edge and
menu and nothing else

Jean Ramos says:

Great tut

Arielo Orero Diaz says:

< ?php get_template_directory(); ?>/js/bootstrap.js not working …so

Jordan says:

When do you plan to fix the html file link? lol

Julia Toya says:

is there a difference for < ?php ?> commands for wordpress if I’m using
local server? Would this code work
< ?php get_template_directory(); ?>/js/bootstrap.js ???

Jerry Wong says:

When I can get the HTML file? The link is broken.

Comments are disabled for this post.