WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

テキストエディタで特殊文字や絵文字、顔文字をボタン1つで挿入できるプラグイン「HTML entities button」

公開日:2016年9月4日 バックエンド(管理)


「HTML entities button」は、記号や矢印などの特殊文字をボタンで挿入できるほか、絵文字や顔文字のボタン挿入ができるプラグインです。特に絵文字や顔文字の挿入は特殊コードをいちいち覚えているわけではないので、このプラグインを使うことで気軽に挿入できるようになります。

【HTML entities button】プラグインの基本的な機能・できること

  1. 記号や矢印などの特殊文字をボタンで挿入できる(<>∞√など)
  2. コード説明などに使う特殊文字を文字⇔特殊文字相互に変換できる
  3. 絵文字や顔文字のボタン挿入ができる( 😀 👿 🍝など)
  4. エディタの文字サイズと文字種を変更できる
  5. 最近作ったコンテンツのリンクを一覧から挿入できる

「プラグインを削除したら絵文字などが表示できなくなるのでは?」と思うかもしれませんが、特殊文字を生成してコードを挿入するだけで特にプラグインに依存することがありませんから、不要な場合にはプラグインを削除しても普通に表示できます。

この記事を参考にプラグインの導入をする際以下に留意ください

このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については本文中に記載しています
  5. 使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「"」「'」などの記号を入力し直してみてください。

【HTML entities button】プラグインの設定画面や表示の日本語化と翻訳

【HTML entities button】プラグインは有効化すると日本語で使用できるようになっていますので、英語が分からない方でも安心して使えます

【HTML entities button】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

を参照ください

「設定」→「HTML entities button」から、

  1. テキストエディタへどの項目を表示するかの設定
  2. エディタ上のフォントを変更する場合のフォント設定

の2つを行います。

【HTML entities button】プラグインの基本的な使い方

テキストエディタ上に下のようなボタンが追加されます(追加項目は設定によります)

左から

  1. 特殊文字コードから特殊文字への変換
  2. 特殊文字から特殊文字コードへの変換
  3. 特殊文字をコードとして挿入
  4. 顔文字の挿入
  5. 絵文字の挿入
  6. 最近公開したコンテンツのリンク
  7. テキストエディタのフォント
  8. テキストエディタの文字の大きさ

が追加され、プルダウンメニューからいろいろな記号や顔文字、絵文字が挿入できたりするようになります。

【HTML entities button】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

ショートコードの説明をするとき、そのままショートコードを書くとプラグインが動作中のときは結果が表示されてしまうため、&#x5b;という特殊文字を先頭の[の代わりに使うことでどんな場合でもショートコードそのものが表示できるようになるのですが、特殊文字コードの中にこの記号が存在しないのがとても残念ですが、通常はあまり使う機会がないでしょうから仕方ないと思ってます。

Wordpress関連の本

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バックアップなどの運用面も丁寧に解説。
※表示している価格は単行本のものです
参考価格:1,738
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください
できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 できるシリーズ
インプレス
WordPressは無料かつ高機能で、シェア率No.1のCMS(コンテンツ管理システム)です。その拡張性の高さから企業のホームページ制作にも利用されているほどで、ホームページで情報発信をするに当たって、個人でも本気度の高い方はWordPressを利用していることが多いです。本書はそんなWordPressの初期設定から制作、カスタマイズ、運用のノウハウまで幅広く学べる1冊です。
※表示している価格は単行本のものです
参考価格:1,628
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください

Wordpress関連の本

いちばんやさしいWordPressの教本 第4版 5.x対応 人気講師が教 える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ)
インプレス
大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バックアップなどの運用面も丁寧に解説。
※表示している価格は単行本のものです
参考価格:1,738
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください
できるWordPress WordPress Ver. 5.x対応 本格ホームページが簡単に作れる本 できるシリーズ
インプレス
WordPressは無料かつ高機能で、シェア率No.1のCMS(コンテンツ管理システム)です。その拡張性の高さから企業のホームページ制作にも利用されているほどで、ホームページで情報発信をするに当たって、個人でも本気度の高い方はWordPressを利用していることが多いです。本書はそんなWordPressの初期設定から制作、カスタマイズ、運用のノウハウまで幅広く学べる1冊です。
※表示している価格は単行本のものです
参考価格:1,628
※参考価格です。サービスやショップ、掲載時期などにより価格は異なりますのでご注意ください

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】