Material Design for WordPress
Have you ever created a website? If so, there’s a good chance you built it with WordPress, the content management system used by 40 percent (!) of all sites on the web.
Material Design provides principles, icons, and guidelines for building web experiences that can apply to WordPress sites too. That’s why we’re introducing Material Design for WordPress, an experimental plugin and theme that can customize the navigation, colors, typography and shapes, as well as access the full set of Google Fonts and Material Design icons for WordPress sites.
Get the plugin
Ready to dive in and give it a try? Just follow the instructions below, and keep reading to see what the plugin can do.
If you don’t already have a hosted WordPress site, download it for free at WordPress.org or run a local instance. You can also create one at WordPress.com. (Note, you need to have a business-level plan to install plugins on WordPress.com)
Go to the admin panel in your WordPress Dashboard and click on Plugins in the sidebar menu.
Click on Add New.
Search for Material Design.
Click Install Now from the search results.
After installation, click the Activate button.
Follow the step-by-step Quick Start to install the Material WordPress theme and examples.
Create a Material theme
Set up and preview your global Material theme styles within the customizer. Choose colors, typography, shapes, and icons to express your unique style. For guidance on customizing Material theme styles to express your product’s unique style, check out our series of posts on Material Theming.
Build with Material blocks
Add Material Components like buttons and cards, and create layouts for things like image-heavy pages or styled contact forms. Customize the look of your blocks by adjusting global theme styles, or setting the style of a single component in the block editor.
Tell us what you think
Material Design for WordPress is an experiment. We want to use this time to learn more about what you want and need from a Material experience for WordPress. Love it? Hate it? What features would you like to see? Your feedback can help us understand what people building content-oriented sites need from a design system, making Material for the web better for everyone.
Give Material Design for WordPress a try, and share your feedback directly in WordPress or tweet us at @materialdesign.