Material Design for WordPress

外掛說明

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.

螢幕擷圖

  • Start from our existing styles and use Material Theming to create a custom look and feel. (Baseline)
  • Start from our existing styles and use Material Theming to create a custom look and feel. (Crane)
  • Start from our existing styles and use Material Theming to create a custom look and feel. (Fortnightly)
  • Start from our existing styles and use Material Theming to create a custom look and feel. (Blossom)
  • Choose from more than 1,000 typefaces in Google Fonts to set your headline and body styles.
  • Material Icons are included with this plugin. Choose from Filled, Sharp, Rounded, Outlined, or Two-Tone styles.
  • Add Material Components like buttons and cards, and create layouts for things like image-heavy pages or styled contact forms.
  • Choose colors, typography, shapes, and icons to express your unique style.

適用於區塊編輯器

這個外掛提供 8 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Material Design for WordPress
  • Material Card for Query loop Material card for query loop block
  • Material Image Card for Query loop Material image card for query loop block
  • First Page Displays the first posts page link.
  • Previous Page Displays the previous posts page link.
  • Next Page Displays the next posts page link.
  • Last Page Displays the last posts page link.
  • Material Pagination Displays a paginated navigation to next/previous set of posts, when applicable.

安裝方式

  1. Upload the folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

常見問題集

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.

使用者評論

2022 年 8 月 17 日
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...
2021 年 7 月 16 日
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.
2021 年 6 月 15 日
i was waiting for this long time. i love material design . thanks please bring new features as soon as possible
2021 年 6 月 1 日
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!
2021 年 2 月 18 日
BEWARE - This plugin starts with a simple on/off panel that when selected on (default), adds example pages and posts, text and graphics to a site along with a very basic theme. If you already have a site theme with content, this will replace it. It made a pretty fair mess of my established site. Better to learn material design and apply it yourself. This plugin is way too basic for theme design. Definitely NOT for use on an established web site.
閱讀全部 6 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Material Design for WordPress〉的開發相關工作。

參與者

Material Design for WordPress 外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Material Design for WordPress〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

For the plugin’s changelog, please see the Releases page on GitHub.