Material Design WordPress Theme

Material Design WordPress Theme

You might have heard Google has been putting together a set of guidelines for web and application design called Material Design. These guidelines and principles set the baseline that web developers and designers should follow for the best user experience.

Google hasn’t released any markup or code, but there are a lot of projects online that are following there guidelines to create Material design frameworks. The one that caught my attention created a Material Design Bootstrap theme. You can see the demo here.

Since I have been building Bootstrap WordPress themes over at BragThemes.com and GentsThemes.com, I thought a Material Design WordPress Theme would be a fun project. So I put together a WordPress theme that uses the Material Design Bootstrap theme and called it MaterialWP.

If this is something you might be interested in, you can download it at MaterialWP.com or on GitHub.

Let me know what you think!

  • TannoV

    Been using it on my website now, but I can’t seem to figure out how to create something similar to MaterialWP’s home page (only with an image in place of the dark blue bit). Other than that, it looks great. You even included all the animations, which made me pretty happy.

    • The homepage is a custom page template that I made for the the demo site. You would have to create something custom to pull this off.

      • Could you please give us an example for that? I’m new to WordPress… I know how to create pages, but within MaterialWP I don’t know how to set a given page as the home page. Thank you in advance! 🙂

  • Chad Neu

    Hey Brad,

    How would I go about having only one column for content? No sidebars. That one column would be center aligned as well, not left.

    How would I do this? I can’t seem to find it in the css.

    thanks,
    Chad

    • You would need to edit the page template you would like the 1 column layout on. You would need to remove the sidebar call, edit the classes that set the main content width, and then you could use Bootstrap classes to offset it.

  • Amadeo Brands

    Great theme.
    Thank you.

  • Amadeo Brands

    Hi,

    I can not find the WordPress eXtended RSS (WXR) file?
    Where did you put it? Thank you.

  • geniushkg

    really apreciatiable hard work , thanks alot

  • mmMimovil

    Is there a plugin to use buttons Material Design in WordPress?

  • Nice theme Brad, but it would be more beautiful if you add mini card support. Like this..

    • The Material Design Bootstrap theme doesn’t support mimi cards as of now. But it is a great idea.

  • Avin Liveon

    i am unable to show full width in pages

    • This theme doesn’t have a full width page layout. The premium version does though. If you are interested you can check it out at materialdesignthemes.com

  • Александр Оленев

    Good theme, thanks. Could you explain how to enable tags?

    • It currently just has categories in the post meta. You would have to edit the theme files and add tags.

  • Bastiaan Keuning

    Material Design WordPress Theme is a great theme! It’s simple (though, as a ‘professional beginner’ you have to make your way around but that’s not because of this theme, more wordpress and css and …. 😉 ) and works with the standards of Google. Great job!
    Oh, not forgot to mention: Brad Williams is very willing and takes time to help you!

  • Markus

    Hey Bread How to change the Navigation Bar Color thanks 😀 Thanks You again