Home > Tag Cloud > HTML

WordPress のクイックタグ追加プラグインで楽々実体参照

HTML 実体参照変換ツールで楽々実体参照 』 に頂いた 「 WordPress に実体参照変換プラグインが欲しい 」 というコメントを見て、そういえば応用出来そうなものがあったようなと eclucifer bookmark » WordPress を探してみましたら、ありました!

本来はタグ補完用に使うものですけれど、クイック的な意味でいろいろな用途に応用出来そうです。

使い方

  1. AddQuicktag 』 プラグインをダウンロード
  2. 解凍したフォルダをまるごと wp-content/plugins にアップロード
  3. プラグイン管理画面にある 『 AddQuicktag 』 を [ 使用する ] で有効化
クイックタグの追加と削除
  1. 『 AddQuicktag 』 プラグインの設定画面を開きます。
  2. [ ラベル名 ] には自分が判りやすいものを入力します。
    例では [ < ] [ > ] 補完のクイックタグを作成するため、[ <> ] としました。
  3. [ 開始タグ ] には [ &lt; ] と、
    [ 終了タグ ] には [ &gt; ] と入力します。
  4. [ 更新 ] ボタンを押して設定完了です。
クイックタグが追加されました
新規投稿作成画面にクイックタグが追加されました。
開始タグを入力した状態
作成した [ <> ] タグをクリックすると、本文に [ &lt; ] と入力され、[ <> ] タグの表示が [ /<> ] に変わります。
終了タグを入力した状態
もう一度 [ /<> ] をクリックすると、本文に [ &gt; ] と入力され、タグの表示が [ <> ] に戻ります。

変換するものが多い場合は 『 蓄々 HTML 実体参照変換ツール 』 にコピペした方が楽かもしれませんが、少ない場合や外部サイトを開く手間が面倒な場合に活躍しそうです。

関連エントリー

Date
2009-01-05 00:24
Category

HTML 実体参照変換ツールで楽々実体参照

HTML 内で [ & ] や [ < ] [ > ] などの記号を記述したい場合、[ &amp; ] [ &lt; ] [ &gt; ] といったように文字実体参照へ変換する必要がありますが、code を書くときにいちいち一つ一つ手作業で変換していくのは面倒です。 IME の辞書ツールに単語登録をして、なんとか負担を軽減しようとしていた時期もありました。

えぇい! もっと楽に一発で変換出来るようなものはないのか!
── そんなあなたにオススメなのがこちら。

入力された文字列内の & 、" 、< 、> を実体参照に変換します。

変換したい文字列をテキストエリアに入力して、

<ul>
    <li>丸</li>
    <li>三角</li>
    <li>四角</li>
</ul>

[ 変換 ] ボタンを押すと、

&lt;ul&gt;
    &lt;li&gt;丸&lt;/li&gt;
    &lt;li&gt;三角&lt;/li&gt;
    &lt;li&gt;四角&lt;/li&gt;
&lt;/ul&gt;

一発ですべて実体参照に変換してくれます。

一昨年からずっと愛用しています。
久しぶりの Web 関連 ネタ 『 WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。 』 を書いていて、改めて便利だなぁと痛感したので記事にしてみました。

関連エントリー

Date
2009-01-03 13:12
Category

Re: 3つの質問+1

ext PRESTALE の 『 3つの質問+1 』 への回答です。

メインで使っているブラウザと、それを使っている理由を教えてください。
Sleipnir を愛用しています。 離れられない理由は、
  • タブブラウザであることは大前提の必須事項。
  • マウスジェスチャーで戻る&進む動作が快適!( ほとんどのブラウザで可能ですけれど、たまに普通の IE 使うと出来なくて涙目
  • タブのうっかり閉じを防ぐ [ ナビゲーションロック ] 機能ありがとう!
  • [ 上のディレクトリに移動 ] ボタンの使用頻度が何故か高い。
  • [ 最後に閉じたページを開く ] ボタンが地味なようでないと困る。
  • [ 検索バー ] で検索するのは最早脊髄反射。
  • プラグインRSS リーダーHeadline-Reader 』 最高すぎ。
以上。 諸々の事情で Sleipnir で都合の悪いページの閲覧には Firefox をサブ利用しています。 もっと使いこなせたら良いのだけれど(´・ω・`)
メイン以外にインストールしているブラウザがあれば教えてください。
サイト制作者として取り敢えず、FirefoxOperaNetscapeLynx は入れてあります。 その他は BrowsrCampBrowsershotsスクリーンショット.jp などで代用。
ページを記述する際に使っている文字エンコーディングと、それを使っている理由を教えてください。
Shift_JIS を使用しています。 理由は 「 最初に学んだときに書いてあったものを何となくそのまま 」 としかw
変えない理由としては 「 Shift ( キーボード ) も JIS ( JIS マーク ) も馴染み深いからか何となく字面が好き 」 だから。 やっぱり何となくかw
何か一言どうぞ。
クリップボード履歴+文字貼り付けツール 『 ToClip 』 が便利すぎて感動した! 『 TeraPad 』 は愛用しているクセに今頃使い始めるとか損しすぎorz もう二度と手放せない!
Date
2008-02-10 00:18
Category

簡単 RSS 配信

更新情報を RSS で配信するサイトさまが増えれば良いなあという訳で、意外と簡単で驚きの RSS 配信方法の解説です。 「 やってみたかったんだけどやり方が判らなかった 」 「 興味がある 」 という方に参考にしていただけたら嬉しいです。

続きを読む

Date
2006-12-19 19:18
Category

Tag Cloud