Title: Material Design for WordPress
Author: XWP
Published: <strong>2021年2月11日</strong>
Last modified: 2022年12月12日

---

プラグインを検索

![](https://ps.w.org/material-design/assets/banner-772x250.png?rev=2516506)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/material-design/assets/icon-256x256.png?rev=2516506)

# Material Design for WordPress

 作者: [XWP](https://profiles.wordpress.org/xwp/)

[ダウンロード](https://downloads.wordpress.org/plugin/material-design.0.7.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/material-design/#description)
 * [レビュー](https://ja.wordpress.org/plugins/material-design/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/material-design/#installation)
 * [開発](https://ja.wordpress.org/plugins/material-design/#developers)

 [サポート](https://wordpress.org/support/plugin/material-design/)

## 説明

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.

 * [Google](https://profiles.wordpress.org/google/)
 * [Material Design](https://profiles.wordpress.org/materialdesign/)
 * [XWP](https://profiles.wordpress.org/xwp/)

## スクリーンショット

 * [[
 * 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個のブロックを提供します。

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

## インストール

 1. Upload the folder to the `/wp-content/plugins/` directory.
 2. 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.

## 評価

![](https://secure.gravatar.com/avatar/26d517fbda7ea3bf8197903646c7a87ae6a7258b94745ae4ddfde27470586a35?
s=60&d=retro&r=g)

### 󠀁[Buggy Disappointment](https://wordpress.org/support/topic/buggy-disappointment/)󠁿

 [Jupitercow](https://profiles.wordpress.org/jcow/) 2023年6月23日

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.

![](https://secure.gravatar.com/avatar/9ace5a4e6a1fae98c8c2d5b4891d907911d1f0b72c289ab690bc43b7fdb0dc0b?
s=60&d=retro&r=g)

### 󠀁[Material design template and google stories](https://wordpress.org/support/topic/material-design-template-and-google-stories/)󠁿

 [materialmeme](https://profiles.wordpress.org/materialmeme/) 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…

![](https://secure.gravatar.com/avatar/e9b323bc5d7eef3b6b358e382f36aa4b01f196c7b2e7be7bf62a1b127a155560?
s=60&d=retro&r=g)

### 󠀁[what is Review look like?](https://wordpress.org/support/topic/what-is-review-look-like/)󠁿

 [F](https://profiles.wordpress.org/lifengquan52/) 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.

![](https://secure.gravatar.com/avatar/e9e4c1eb653b4dfc5ed17e9cce8ee170d0530e63c66c6503161f725cbc23257c?
s=60&d=retro&r=g)

### 󠀁[amazing !](https://wordpress.org/support/topic/amazing-3145/)󠁿

 [mahi7783](https://profiles.wordpress.org/mahi7783/) 2021年6月15日

i was waiting for this long time. i love material design . thanks please bring new
features as soon as possible

![](https://secure.gravatar.com/avatar/0d42c017868478843922d89a97808ddb453f40d1adf873ca677d66fd117282d8?
s=60&d=retro&r=g)

### 󠀁[Incorporates Materials Design WELL!](https://wordpress.org/support/topic/incorporates-materials-design-well/)󠁿

 [l33b072](https://profiles.wordpress.org/l33b072/) 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!

![](https://secure.gravatar.com/avatar/81fe5dd798a72299647d7123181416b9d70f79428549488c875e7be8f6629e4c?
s=60&d=retro&r=g)

### 󠀁[The world needed this](https://wordpress.org/support/topic/the-world-needed-this-2/)󠁿

 [Taig Mac Carthy](https://profiles.wordpress.org/taigmc/) 2021年2月22日

Like so many SaaS businessess, my company markets a web application that has been
developed in ReactJS with Material-UI. However, our marketing-oriented website is
a WordPress site where the marketing people are capable of editing content and posting
stuff. The problem is: how do you maintain a coherent user experience across both
channels? Now, thanks to this template, it’s not just possible, but also easy. I’m
working with the beta release and it’s already awesome – I’m really looking forward
to future versions.

 [ 7件のレビューをすべて表示 ](https://wordpress.org/support/plugin/material-design/reviews/)

## 貢献者と開発者

Material Design for WordPress はオープンソースソフトウェアです。以下の人々がこの
プラグインに貢献しています。

貢献者

 *   [ XWP ](https://profiles.wordpress.org/xwp/)
 *   [ Google ](https://profiles.wordpress.org/google/)
 *   [ Material Design ](https://profiles.wordpress.org/materialdesign/)

“Material Design for WordPress” は1ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/material-design/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Material Design for WordPress” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/material-design)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/material-design/)するか、
[SVN リポジトリ](https://plugins.svn.wordpress.org/material-design/)をチェックする
か、[開発ログ](https://plugins.trac.wordpress.org/log/material-design/)を [RSS](https://plugins.trac.wordpress.org/log/material-design/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

For the plugin’s changelog, please see [the Releases page on GitHub](https://github.com/material-components/material-design-for-wordpress/releases).

## メタ

 *  バージョン **0.7.0**
 *  最終更新日 **3年前**
 *  有効インストール数 **800+**
 *  WordPress バージョン ** 5.9またはそれ以降 **
 *  検証済み最新バージョン: **6.0.12**
 *  言語
 * [English (US)](https://wordpress.org/plugins/material-design/)、[French (France)](https://fr.wordpress.org/plugins/material-design/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/material-design)
 * タグ
 * [blocks](https://ja.wordpress.org/plugins/tags/blocks/)[google](https://ja.wordpress.org/plugins/tags/google/)
   [gutenberg](https://ja.wordpress.org/plugins/tags/gutenberg/)[material design](https://ja.wordpress.org/plugins/tags/material-design/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/material-design/advanced/)

## 評価

 5つ星中4.1つ星

 *  [  5 5-星レビュー     ](https://wordpress.org/support/plugin/material-design/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/material-design/reviews/?filter=4)
 *  [  2 3-星レビュー     ](https://wordpress.org/support/plugin/material-design/reviews/?filter=3)
 *  [  1 2-星レビュー     ](https://wordpress.org/support/plugin/material-design/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/material-design/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/material-design/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/material-design/reviews/)

## 貢献者

 *   [ XWP ](https://profiles.wordpress.org/xwp/)
 *   [ Google ](https://profiles.wordpress.org/google/)
 *   [ Material Design ](https://profiles.wordpress.org/materialdesign/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/material-design/)