Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress Customizing the WordPress Admin Area Custom Dashboard Widgets in WordPress Updating the Footer Text in the Admin Area in WordPress

Aymene Bourafai
Aymene Bourafai
8,127 Points

how do we Customize the backend with Bootstrap :) ?

-----> It’s easy enough to add new themes and plugins to customize the front-end of our sites, but what about the backend ? -----> I want to customize my backend with bootstrap ,, so what should i do , please ? :)

4 Answers

Andres Altuve
Andres Altuve
16,274 Points

Hi Aymen,

The solution i Just gave you could work for your site only, if you want to sell it, It wouldn´t work since you are changing the admin area files and everytime wordpress updates you will loose all you hard work.. ( I just wanted to make sure you know this)..

If you know HTML, CSS and PHP and I suggest you take the Wordpress Development Track, you will learn how to develope themes, about Actions and hooks, etc...

Aymene Bourafai
Aymene Bourafai
8,127 Points

Okay thank you for your advice :D

Can you be a little more clear. Bootstrap is only a front end framework backend frameworks would be something like rails and there are other great ones depending on the language you are using which is much more different than using bootstrap. You may be able to use angular if you are trying to build a single page web app of somekind. What exactly do you want to do?

If you are talking about Wordpress only you can use php. Many times there are ready made widgets that can make your life simpler and you barely have to do much work to get them running.

Aymene Bourafai
Aymene Bourafai
8,127 Points

i want to change the design of the back end (dashborad) like the following theme : http://themeforest.net/item/atlant-bootstrap-admin-template-with-frontend/9217590 so how do i include it ( i mean the theme atlant boostrap ) !

Andres Altuve
Andres Altuve
16,274 Points

If you mean the Admin area, I think it would be time consuming to do this since the admin area comes with classes and Ids by default. If you are trying to put new columns to the admin area check out the following plugin:

wordpress admin style plugin

If you want to learn how to use it check out the this training video

If you want to change the look and feel, then check out Customizing the Wordpress Admin Area

Andres Altuve
Andres Altuve
16,274 Points

Oh ok, I just saw your new post, what you could do is tell the admin area to load a new style by creating the following functiong in your function.php

function my_admin_style(){

wp_enqueue_style ('bootstrap' ,  get_template_directory_uri() . ' /css/bootstrap.css');  

}

add_action ( 'admin_head' , 'my_admin_style' );

Then go where the admin area files are and replace default classes with bootstrap.

Aymene Bourafai
Aymene Bourafai
8,127 Points

haven't you a video or a tutorial that help me in doing this work ( the last details you gave me ) ? and thank you for help :)