*fluffy*

WordPressでオリジナルの自作絵文字を使えるプラグインがあった!

2055 views
約 4 分
WordPressでオリジナルの自作絵文字を使えるプラグインがあった!

すぐに使える絵文字のダウンロードはこちらから

WordPressで使える絵文字のダウンロード

WordPressで使える絵文字のダウンロード

絵文字のダウンロードはこちら★

2019.01.11※エディターの変更に伴って2ページ目に対策を追記しました!

SPONSORED LINK

WordPressでオリジナル絵文字が使いたい!!

こんにちは なちゃこです

このサイトを作るにあたってWordPressでオリジナルの絵文字が使いたい…
と一時期探し回っていたのですが、Native Emojiとか、WP Emoji Oneとか、
よく見かけるプラグインは使い勝手よさそうだけど、自作絵文字が使えない
もしかしたら上記のプラグインでも使えるのかもしれないけど分かりませんでした
手軽に簡単にブログやサイトの雰囲気に合わせてオリジナルの絵文字を使いたい!!
って方意外といるかも!?って思ったのでメモしておきます

カスタマイズには詳しくありませんが少しでも参考になれば…



自作絵文字が使えるおすすめプラグイン

wp-Monalisa


固定ページや記事にはもちろん、コメント欄にも絵文字を使う事ができます
↓こちらからもダウンロード可能です↓
https://ja.wordpress.org/plugins/wp-monalisa/

インストール

  • ダッシュボードから「プラグイン」を選択して「新規追加」をクリックします。
  • 「プラグインの検索」部分に「wp-Monalisa」と入力します。
  • 「今すぐインストール」をして「有効化」をクリックするとインストール完了です

設定

プラグインの有効化をするとダッシュボードに「wp-Monalisa」のメニューが表示されます

絵文字の設定をしていきましょう

画面上部には設定項目、下部には絵文字の一覧が表示されています。
*fluffy*での設定はこんな感じ

「Show smilies on edit」と「Show smilies on comment」は記事編集部分とコメント部分に絵文字を表示する設定なのでチェックを入れておきましょう

絵文字の制作、アップロード、登録

と、ここまで出来たら絵文字の準備をしましょう
表示したい絵文字サイズで画像を作ります。(20~30pixelがいいかもしれないです)
ちなみにfluffyでは全て25px✕25pxで作ってます
アニメーションPNGも利用できますよー
アニメーションPNGは対応していないブラウザもあるようなので、考慮しつつ制作しましょう!!

絵文字が出来たらサーバーにアップロードします。
FTPクライアントから
wp>wp-content>plugins>wp-monalisa>iconsフォルダ内に絵文字をアップロード

アップロードが完了したらwp-Monalisaの設定画面に戻ります
設定画面の下部にある絵文字の設定で先ほどアップロードした絵文字を使えるようにしていきましょう

上の画像を参考に設定してみてください

これで絵文字を使う準備が出来ました

絵文字を使う

設定が完了したら記事編集画面の右の方にwp-Monalisaのボックスが表示されているので、使いたい絵文字をクリックするだけ

コメント欄にも絵文字が表示されていますわーい

オリジナル絵文字にするだけでサイトの雰囲気も随分変わりますね
*fluffy*ではちゃんと使えてますが現在のバージョンのWordPressではテストされていないようなのでご利用は自己責任でお願いします
2018/11/09現在最新のWordpressのバージョンと互換性があるようです!

2019.01.11※エディターの変更に伴って2ページ目に対策を追記しました!

6+

SPONSORED LINK

Leave A Reply

コメントは管理者の承認後に反映されます。


*

CAPTCHA


https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n01.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n02.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n07.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n003.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n006.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n04.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n05.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n001.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/n002.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/f01.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/hnb.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/h01.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/s01.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/as.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/a01.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/bk.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/htn.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/bkr.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/onp.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/kr.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/cr.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/w01.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/hh.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/hb.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-ase1.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-ase2.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-b.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-cat.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-dog.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-f.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-flower.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-h.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-heart1.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-heart2.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-kira.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-onp.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-pencil.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-star1.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-star2.png 
https://nachaco.com/wp-content/plugins/wp-monalisa/icons/fe-tulip.png