付箋紙っぽいのを表示するプラグイン『WP-Note』

Pocket

個人的に便利だわー、と思ってるプラグイン。
結構記事中に居るんですけど、いつもタグを忘れるので掲載w

★インストール方法
(1)管理画面→プラグイン→新規追加をクリック
(2)『WP-Note』を検索
(3)『WP-Note』を見つけたら「いますぐインストール」をクリック
(4)プラグイン有効化をクリック

以上で終わり。
プラグイン有効化後に何か設定とか基本的にはありません。

★使い方と見た目
表示したい場所に[note]キーワード[/note]を入力するだけ。
付箋紙が表示されます。

[note]メモ帳風[/note]

メモ帳風

[tip]ひらめいた風[/tip]

ひらめいた風

[warning]注意してもらいたい風[/warning]

注意してもらいたい風

[help]ヘルプ風[/help]

ヘルプ風

ちなみにCSS3で角丸を表現してるので、Firefox・Chrome・Safariで見ると角丸。
でもIEで見ると角がかくい…。

Pocket

2 thoughts on “付箋紙っぽいのを表示するプラグイン『WP-Note』

    • > myyyymちゃん
      毎回コメントあんがとー!><
      そうそう、プラグインだったのよ!
      便利だけど、記事部分のCSSによっては微調整が必要かもしれん…。
      無駄にプラグイン入れて動作確認しまくってるから、検証できたらまた記事にするねん♪

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>