Home > plugins > 付箋紙で装飾してくれるプラグイン(Wp-Note)

付箋紙で装飾してくれるプラグイン(Wp-Note)

ショートコードで挟んだ文章に、付箋のような装飾を施してくれるプラグインの紹介。
引用部分や要点を表現するのに打ってつけだと思います。
見た目も鮮やかになってかっこよく、かわいくなりますよ( ^∀^)

ヽ(゚∀゚)ノ パッ☆

インストール

ダウンロード

wp-note

WP-Note>WordPress

Wordpress公式サイトからダウンロードできます。

プラグインの有効化

ダウンロードしたファイルを解凍して、「wp-content / plugins」にアップロード。
管理画面のプラグインで有効化。

Wp-Noteの使い方

見え方

どのように表示されるか見た方がはやいですね。

note

important

tip

warning

help

こんな感じで5種類の付箋紙があります。

記述の仕方

種類はnote、important、tip、warning、helpの5種類です。

それぞれの単語を[note]付箋紙[/note]みたいに半角の[]で囲んでやります。

付箋紙

こんな感じに表示されます。

Wp-Noteの中にstyle.cssが入っていますので、自分のブログのサイズに合わせてカスタマイズすることもできます。

Wp-NoteにSEOを施す

SEOを施す


「Wp-Note」は、CSSで装飾を施しているだけで<hx>、<strong>、<blockquote>といった、
論理タグを使用していません。
人間の目には強調されて見えますが、検索エンジンはそのように理解しないわけです。

そこで、本体ファイルの「wp-note.php」の30.31行目を編集します。

修正前

function render_notes($text) {
?? ?$note_tag_elements = array(
?? ? ? ?'\[note\s*\]' => '<div class="note"><div class="dropshadow"><div class="noteclassic">',
?? ? ? ?'\[/note\]' => '</div></div></div>',

修正後

function render_notes($text) {
?? ?$note_tag_elements = array(
?? ? ? ?'\[note\s*\]' => '<div class="note"><div class="dropshadow"><blockquote class="noteclassic">',
?? ? ? ?'\[/note\]' => '</blockquote></div></div>',

これで、[note]で挟んだ部分には<blockquote>タグが適用されてますので検索エンジンにも引用部分と判断します。

【★ёйd★】>o(・ω・o)

記事が気に入ったらソーシャルブックマークに是非登録を(*-人-*) オネガイ このエントリをはてなブックマークに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加

Comments:0

情報を保存しますか?

Trackbacks:0

Trackback URL for this entry
http://s-peace.com/1389.html/trackback
Listed below are links to weblogs that reference
付箋紙で装飾してくれるプラグイン(Wp-Note) from FORGET

Home > plugins > 付箋紙で装飾してくれるプラグイン(Wp-Note)

FEED

ページトップへ