The official Material Design plugin for WordPress. Customize your site’s navigation, colors, typography, and shapes, use Material Components, and choose from over 1,000 Google Fonts and Material Design icons. From the team behind Google’s open-source design system.
It’s easy to get up and running with Material Design for WordPress:
Install Material Theme & examples
The theme applies Material Design principles and Material Theming to your site, so you can customize its style. Example layouts include pages for home, about, projects, blog, and contact.
Customize your Theme
Set up and preview your global theme styles within the customizer. Choose colors, typography, shapes, and icons to express your unique style.
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.
Apply your Theme
Implement your colors, shapes, and typography for built-in WordPress elements like your site’s header and footer.
Contributors
Material Design is a design system created by Google and backed by open-source code that helps teams build high-quality digital experiences.
Material Image Card for Query loopMaterial image card for query loop block
Material Card for Query loopMaterial card for query loop block
Material Design for WordPress
Next PageDisplays the next posts page link.
Last PageDisplays the last posts page link.
Previous PageDisplays the previous posts page link.
Material PaginationDisplays a paginated navigation to next/previous set of posts, when applicable.
First PageDisplays the first posts page link.
インストール
Upload the folder to the /wp-content/plugins/ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
FAQ
Don’t see an answer to your question? Please search the support forum to see if it has already been discussed. Otherwise, please open a new support topic.
Using the buttons in the Gutenberg editor caused problems. The preview keeps breaking. The cards are basically unusable, because they only allow very basic text without any formatting. They show the markup for any html you try to use to add an image or headline or bold... Cards look ok in the editor, but not on the front end. I tried the theme as well, but not any better.
I gave up there. I was really excited to use these, but had to uninstall.
If you want to design a website that looks and functions like an APP this is it.
BONUS > > Google Stories is programmed perfectly if you add the plug in. Material properly creates professional looking PREVIEWS for facebook twitter pinterest etc.
Thanks to people like Steve Jobs that founded the concept of LIMITED options and simple clean design, you can't lose with this template. The navigation is intuitive and clean. Also it's fast which is the best thing for search...
what is Review look like? I use that, but it don't have any different style in there website, just look the rounded in there.don't have shaow apperance in there.
This plugin is great! Thanks for making it available. Makes utilizing MDC super easy! I think the low marks are reflective of people that don't know or understand the Material Design concept. Great work!