HTML entities button：プラグイン作ってみました
HTML entities button：プラグイン作ってみました - さまざまな特殊文字をすばやく挿入する
説明
以前投稿した「HTML編集モードに定型文ボタンを追加する」をアレンジして、HTML編集モードに特殊文字（HTMLエンティティ）を挿入できるボタン、顔文字を挿入できるボタン、過去の投稿ページのリンクを挿入できるボタンを追加するプラグインを作ってみました。HTML編集モードの作業効率を向上させるプラグインです。HTML編集モードをメインに使用されている方は、お試しあれ。インストールおよび使用方法
- 1. HTML entities buttonアーカイブファイルを解凍し、フォルダごと /wp-content/plugins/ の中に入れてください。
- 最新のHTML entities buttonアーカイブファイルは、「wordpress.org（最新版は1.4.0: 52KB）」からダウンロードしてください。
- 2. 管理ページのプラグインページで「HTML entities button」を有効にしてください。
管理者権限のアカウントでログインし、サイドナビの「プラグイン」をクリック。一覧の中から「HTML entities button」の「有効化」をクリックしてください。- 3. 「投稿」ー「新規追加」などの投稿ページを開きます。「ビジュアル」モードの場合は「HTML」タブをクリックしてください。
ツールバーの「b」ボタンの左側に「HTMLエンティティ」ボタンと「投稿リンク」ボタンが追加されている。「HTMLエンティティ」ボタンの初期状態は「<」です。- 4. 試しに「<」ボタンをクリックしてください。
エディタ内のカーソル位置に「<」のHTMLエンティティとして「<」が挿入される。- 5. 特殊文字を変更する場合は「<」ボタン横の「▼」をクリックしてください。
「▼」をクリックすると、特殊文字の一覧が表示される。- 6. 表示された特殊文字の一覧の中から目的の特殊文字をクリックしてください。
目的の特殊文字をクリックすると、エディタ内のカーソル位置にその特殊文字のHTMLエンティティが挿入される。なお、特殊文字を変更しない場合は「▼」をクリックしてください。- 7. 直前の投稿ページのリンクを挿入する場合は、「投稿リンク」ボタンをクリックしてください。
エディタ内のカーソル位置に「直前に投稿したページのリンク（aタグ）」が挿入される。- 8. 投稿ページを選択する場合は「投稿リンク」ボタン横の「▼」をクリックしてください。
「▼」をクリックすると、過去の投稿ページの一覧が表示される。- 9. 表示された投稿ページの一覧の中から目的の投稿ページタイトルをクリックしてください。
投稿ページの一覧は、それぞれ左側が投稿日時、右側がページタイトルになる。目的の投稿ページタイトルクリックすると、エディタ内のカーソル位置にその投稿ページのリンク（aタグ）が挿入される。なお、一覧表示を取り消す場合は「▼」をクリックしてください。- 10. 顔文字を挿入する場合は「:)」ボタンをクリックしてください。
エディタ内のカーソル位置に顔文字のHTMLエンティティとして「:smile:」が挿入される。- 11. 顔文字を変更する場合は「:)」ボタン横の「▼」をクリックしてください。
「▼」をクリックすると、顔文字の一覧が表示される。- 12. 表示された顔文字の一覧の中から目的の顔文字をクリックしてください。
目的の顔文字をクリックすると、エディタ内のカーソル位置にその顔文字のHTMLエンティティが挿入される。なお、顔文字を変更しない場合は「▼」をクリックしてください。- 13. HTMLエンティティに変換したいテキストを選択し、「»&」ボタンをクリックしてください。
エディタ内の変換したいテキストを選択し、「»&」ボタンをクリック。選択されていたテキスト内の特殊文字（&<>など）がHTMLエンティティに変換される。
更新履歴
- 2011.06.29 HTML entities button 1.0.0をリリースしました。
- 2011.06.30 HTML entities button 1.1.0をリリース（「投稿リンク」ボタンを追加）。
- 2011.07.01 HTML entities button 1.1.1をリリース（IE7においてボタンの表示がおかしかったところを修正）。
- 2011.07.12 HTML entities button 1.2.0をリリース（「顔文字」ボタンを追加）。
- 2011.11.14 HTML entities button 1.3.0をリリース（WordPress 3.3beta3の不具合を修正）。
- 2011.11.29 HTML entities button 1.3.1をリリース（英語リソースを追加）。
- 2011.12.01 HTML entities button 1.3.2をリリース（IEで投稿リンクボタンを押した際にアラートメッセージが表示される問題に対処。WordPress 3.3 RC1で動作確認）。
- 2011.12.02 HTML entities button 1.3.3をリリース（フランス語リソースを追加）。
- 2011.12.13 WordPress 3.3 日本語版で動作確認。
- 2011.12.22 WordPress 3.3でボタン間隔が開き過ぎていたのを修正（cssが正しく適用されていなかった問題に対処）。
- 2012.01.04 HTML entities button 1.3.6をリリース（1.3.4のcss修正ミスとIE7の不具合対応）。
- 2012.02.24 HTML entities button 1.4.0をリリース（「特殊文字のHTMLエンティティ変換」ボタンを追加）。
関連
- add_action - アクション関数を追加する
- convert_smilies - 顔文字を対応する画像に変換する
参考
お勧めコンテンツ
wp_validate_redirect（2012年4月26日 登録）
string wp_validate_redirect( string $location [ , string $default = '' ] )
URLがリダイレクト先として有効か調べる。
nocache_headers（2010年5月13日 登録）
void nocache_headers( )
ブラウザのキャッシュを無効にするHTTPヘッダーを出力する。
get_post_custom（2010年2月8日 登録）
array get_post_custom( [ int $post_id = 0 ] )
投稿情報に設定されているカスタムフィールド情報をすべて取得する。
最終更新日時 : 2012-02-24 14:59
