이 플러그인은 최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다.

Material Design Icons

설명

Enables 1000+ Material Design icons within WordPress pages and posts. Icons can be inserted with a shortcode or HTML markup.

Features

  • Shortcode generator – includes an easy-to-use TinyMCE pop-up shortcode generator.

Usage

Material Design Icons can be used in 3 different ways: shortcode, HTML, and TinyMCE

1. Shortcode

[mdi-icon name="material-ul" size="2x" color="red"]

You can also use hex values for color:
[mdi-icon name=”material-ul” size=”2x” color=”#000000″]

You can read more about shortcode usage on Github

2. TinyMCE

Material Design Icons also provides you with a pop-up window when editing in TinyMCE’s visual mode. Check out our Screenshots to see what it looks like.

3. HTML

Note that prefixes are required for HTML usage. For this reason, shortcode usage is encouraged over HTML. A HTML version would look like:

스크린샷

  • When you click the Material Design Icon in the post editor a pop-up window will appear to help build your icon shortcode.
  • Example of the HTML markup and the shortcode markup to display Material Design icons

설치

To use any of the Material Design icons on your WordPress site follow the steps below:

  1. Upload material-design-icons to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Add the HTML markup or shortcode to your WordPress post or page.

A full list of the 1000+ Material Design icons is available: materialdesignicons.com/

To use any of the Material Design icons on your WordPress site you have two options:

HTML

Examples

Bell icon

<i class="mdi mdi-bell"></i>

Shortcode

Don’t want to worry about HTML tags? You can use a shortcode in your posts, pages and even widgets to display a Material Design icon.

The shortcode to use is [mdi-icon name=X], where name=X is the class of the icon you would like to use.

Examples

Amazon icon

[mdi-icon name="amazon"]

Since v0.0.3 you can now add size and color.

[mdi-icon name="amazon" color="red" size="2x"]

Hex values will work for the color option and the include size values are: lg, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x, 10x

Author

FAQ

Can I use this in any WordPress theme?

Yes

Can I use the icons within widget areas?

Yes

후기

모든 3 평가 읽기

기여자 & 개발자

“Material Design Icons”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Material Design Icons”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

0.0.5

  • tested on 4.3

0.0.4

  • update MDI to 1.1.70
  • fix icon font sizes

0.0.3

  • Add TinyMCE button
  • Add size and color options

0.0.2

  • Update to Material Design Icons 1.0.62

0.0.1

  • Initial release