WordPressで使えないタグを使えるようにするプラグイン

以前「wordpressエディタを使いやすくするプラグイン」に書きましたが、wordpressは”enterキーを押すと自動的にタグが挿入されて、改行ではなく段落になってしまう”に代表されるオートパラグラフ（自動整形表示）機能があります。
この機能が困るなあと感じることが多々あります。

たとえば、半角の<>がコード表記になってしまう。
半角で入力したはずの’’とかが自動的に全角になって表示される。
HTML編集画面で入力してもビジュアル編集画面に切り替えた途端勝手に削除されてしまうタグがある。

「この問題にパーフェクトに対応するには、formatting.phpの中にあるwpautop関数そのものを簡潔なものに書き換え、なおかつユーザーがビジュアルエディタを一切使わない設定にする必要がある。：ウィキペディア／WordPress参照」と解決策もないことはないようです。

が、しかしこれはタグ打ちが得意な人ならではの対応ですね。
私のようにタグ打ちは面倒だ！っていうか、覚えられません、、、という者は、やはりビジュアルエディタが必要だし、こういったwordpressの不便さをカバーしてくれるプラグインが頼りです。

というわけで最近使い始めた便利なプラグインを紹介します。

InsertMetaShortCode
（カスタムフィールドのHTMLを記事に挿入するプラグイン・ショートコード版）

「JavaScriptやFlashのタグなど、WordPressのautop機能で変換されると困るものを記事に入れたい場合に使うプラグイン」とのことです。
wordpressのマニュアル本も執筆されている方のサイト「The blog of H.Fujimoto」でダウンロードできます。

使 い 方
① ファイル作成者のサイトからInsertMetaShortCodeをダウンロードする。
②管理画面の「プラグイン」から「新規追加」を開き、zipファイルをアップロードしインストールして有効化する。
③カスタムフィールドの[値]にHTMLを記述して、[名前]に自分で判別つく任意の名前を入力（日本語可）
④記事内の挿入したいところ（ビジュアル編集画面でもhtml編集画面でもどちらでもOK）に

[insert_meta key="カスタムフィールドの名前"]

と記述。

で、カスタムフィールドって何？って思った人、私以外にもきっといるでしょう。
記事投稿画面の下方に装備されている機能で、いつも投稿時には目にしていたはずなのに、私にはその使用目的が分からず、今まで気にも留めなかった機能でした。

InsertMetaShortCodeを入れて実際にカスタムフィールドを使ってみると、かなり便利な機能であることが分かりました。

例えば、「Person Finder (消息情報): 2011 日本地震ツール」を埋め込む場合、 カスタムフィールドの値にツールのソースを入力、

<iframe
    src="http://japan.person-finder.appspot.com/?small=yes&lang=ja"
    width=500 height=400 frameborder=0
    style="border: dashed 2px #77c"></iframe>

名前のところには任意なので「消息」といれておきます。
そしてツールを表示したいところに

[insert_meta key="消息"]

と記述します。

以下のように表示されます。

twitterウィジェットやブログパーツなどの長い記述のスクリプトをショートコードにして記事に挿入すると、投稿記事もすっきりして見やすくなり、何度も使うスクリプトなど、ソースを1回書くだけで済むので便利です。

その他参考サイト

テーマの中の functions.php に直接コードを書いてiframeを許可する方法もあるようです。参考サイトはこちら「WordPress のビジュアルエディターで iframe を使えるようにする」

また、検索してみると、「WordPressでブログをレベルアップ」」というブログにwordpressで使えるHTMLのタグの一覧がありました。
HTMLタグ全体から考えると、意外と少ないなあって気がしますが、しかし、これだけの中でも何に使うのか私には分からないタグや使ったことのないタグもいくつかありました。まあ、まだまだですねえ。

ちなみに「ビジュアルエディタそのものを使わない設定」は、管理パネルの「ユーザー」項目から「あなたのプロフィール」を開き「ビジュアルリッチエディターを使用しない」にチェックを入れる、といいようです。
（「ビジュアルエディタなんて使ったことないよ」と娘からは呆れられていますが、私は何と言われてもビジュアルエディタも使い続けるつもり。）

カスタムフィールドについては WordpressCodex 「カスタムフィールドの使い方」を参照

Tags: , , , ,

≪関連する投稿≫

Tags: , ,
| 7月 1st, 2011 | Posted in WEB作成, ●　wordpress |

Leave a Reply