WordPressのビジュアルエディタでHTMLを直挿入するプラグイン「Paste Raw HTML」

が、この方法はファイルのアップロードやfunction.phpの編集などが必要で、なにかと面倒です。

そのため上記カスタマイズを一発で導入できるプラグイン「Paste Raw HTML」を作りましたので公開します。

Paste Raw HTMLとは
#

Paste Raw HTMLは、WordPressのビジュアルエディタに「HTML挿入」ボタンを追加するプラグインです。

WordPressのビジュアルエディタで記事を作成する際、外部サービスで作ったブログパーツなどのHTMLを貼り付けるためには、わざわざテキストエディタへ切り替える必要がありました。

Paste Raw HTMLで追加される「HTML挿入」ボタンを使うと、テキストエディタへの切り替えなしにHTML製のブログパーツを貼り付けることができます。

Paste Raw HTMLの使い方は下記のとおりです。

普通のコピー＆ペーストと異なり、HTMLの文字列（<a href=“https://bloglab.naenote.net/">NaeNote</a>）ではなく、実際に記事に表示される内容（NaeNote）が貼り付けられるはずです。

A8.netやもしもアフィリエイトなどで提供される広告素材のHTMLも、ビジュアルエディタから一発で貼れます。

Paste Raw HTMLは、ビジュアルエディタにスタイルシート（CSS）を当てることで本領を発揮します。

たとえば商品紹介ブログパーツカエレバで作ったHTMLのパーツならこんな感じで直コピペできます。

同じように、自前で作った吹き出し用のパーツもこんな感じでコピペできます。

ビジュアルエディタの見た目を本物に近づける方法はこちらのサイトをどうぞ。

また当ブログで利用しているテーマSimplicityの場合、ビジュアルエディタ向けのCSSファイル（editor-style.css）が標準装備されています。

下記コードをeditor-style.cssへコピペすれば、本物の見た目をだいたい再現できる（はず）です。

@import url('style.css');

当プラグインをご利用の際は、テスト用のWordPress環境にて十分に導入テストを行ってください。

お問い合わせや動作報告、バグ報告などは当ページのコメント欄にてお願いいたします。

不具合については可能な範囲でサポートさせていただきますが、お返事が遅くなる場合があります。事前にご了承ください。

著者

NAE

ブログ運営をするなかで、試したり作ったりしたものを記録しています。当実験室について