WordPress でブログで商品紹介記事、Amazon と 楽天市場が同時に紹介できる「カエレバ & ヨメレバ」が便利かつ安定感があるので利用者も多いはず。
しかし、カエレバ・ヨメレバって、HTML コードをテキストエディタに貼り付けて使用しなければならず、そこでハードルの高さを感じて利用に踏み出せない、または面倒だと感じるユーザーさんも一定数いるんじゃないかと思います。
今回は、「カエレバ・ヨメレバの挿入が、ビジュアルエディタから簡単にできるようになる WordPress 神プラグイン【Paste Raw HTML】」を紹介します。
目次
WordPress プラグイン「Paste Raw HTML」
Paste Raw HTML は、WordPress のビジュアルエディタへ HTML コードを直接貼り付けることができるプラグインです。
プラグインをインストールして有効化すると・・・
ビジュアルエディタのツールバーに ↑↑↑ のようなアイコンが表示されます。
アイコンを押すと、コード挿入欄がポップアップします。ここに任意の HTML コードをいれると、その効果が反映された状態でビジュアルエディタに表示されます。
Paste Raw HTML は、そんなかゆいところに手が届く WordPress プラグインです。
Paste Raw HTML は新規追加の検索では出てこない
Paste Raw HTML は新規追加のプラグイン検索では出てこないので、配布ページからダウンロードしてマニュアルでインストールする必要があります。
Paste Raw HTML のダウンロード
プラグインはこちらからダウンロードします。
配布ページをスクロールすると「ダウンロードとインストール」という項目があるので、そちらからダウンロードしてください。
Paste Raw HTML のインストール
ダウンロードした Zip ファイルを用意します。
WordPress の管理画面を開き、プラグインの追加から「プラグインのアップロード」を選択します。
「ファイルを選択」から先程ダウンロードした Paste Raw HTML の Zip ファイルを選択してインストールします。- インストールが完了したら有効化します。
これでインストールが完了しました。有効化したあとは自動的にビジュアルエディタのツールバーにアイコンが表示されます。
カエレバ・ヨメレバを Paste Raw HTML で簡単に挿入する
まず、カエレバ（ヨメレバ）で通常通り添付コードを作成し、コードをコピーします。- ビジュアルエディタから、商品をカエレバで紹介したい箇所へカーソルを合わせます。
ツールバーにある「</>」アイコンをクリックします。
コード入力フォームがポップアップするので、先程コピーしたカエレバのコードをペーストして OK を押します。-
LG Electronics Japan 2017-04-28するとこんな感じで、カエレバが反映された状態でビジュアルエディタに表示されます。超簡単ですね。（レイアウト反映の有無は要 editor.css ）
Paste Raw HTML を使えば、ビジュアルエディタだけでカエレバ（ヨメレバ）の挿入が完結できるので最高に便利です。
カエレバ（ヨメレバ）をビジュアルエディタから簡単に削除
プラグイン「Paste Raw HTML」はまったく関係ないのですが、それで挿入したカエレバ（ヨメレバ）をビジュアルエディタのみで簡単に削除する方法も合わせて紹介します。
例えば、こんな感じでビジュアルエディタにカエレバが挿入されていたとします。
カエレバの前の文の末尾を選択して改行させ、カエレバの後の文の先頭を選択してやっぱり改行させ、画像のようにカエレバを挟んで2つの改行があるようにします。
上の改行した部分を「Shift キーを押しながら左クリック」して、そのまま「Shift キーを押しっぱなし」でカエレバの下の改行部分を「左クリック」します。- すると、画像のように範囲選択されて青くなります。
- あとは「Del キー」や「BackSpace キー」を押すだけで範囲選択された部分が削除されます。したがってカエレバがサクッと消えるわけです。
- 最後に1行分だけ残った改行部を処理すれば、カエレバの簡単削除は完了です。
あとがき
今回は、カエレバ＆ヨメレバをより便利に快適に使う小技を紹介しました。
Paste Raw HTML は、Google マップを簡単挿入できたりなどその他にも様々な用途に活用できる便利な神プラグインです。
今や多くのブロガーに欠かせないカエレバ＆ヨメレバの作者「かん吉（@kankichi）」さん、神プラグイン Paste Raw HTML 作者「NAE（@naenotenet）」さんに感謝と尊敬の念をもって記事を〆ます。
