Emoticonsの使い方を紹介します。アメブロからワードプレスに引っ越したけど、絵文字が無くて寂しい...なんて人もいるのではないかと思います。Emoticonsを導入してみましょう。エモーティコンズ」と読みます。エモーティコンは、emotion(感情)とicon(アイコン)が合体した言葉だそうですよ。こんな感じの絵文字が使えます。Emoticons」と検索、インストールして有効化します。下記の絵文字シートからショートコードをコピーして、投稿画面に貼り付けます。SHEET(絵文字シート)→http://www.emoji-cheat-sheet.com/リンク先の絵文字をクリックすれば、クリップボードにショートコードがコピーされます。上記ページはブックマークしておくとよいでしょう。ショートコードを連続で挿入するときは半角スペースを入れます。プレビューしてみると、このように絵文字が表示されてます。そのままだとちょっと絵文字が下にズレてる感じなので、これを直します。-7%;}CSSファイルに上記のソースを記述します。↑この部分は絵文字の幅と高さを指定していて、1~1.2emくらいの間がしっくりくると思います。デフォルトのサイズで良かったら、これは削除しちゃってもOK。vertical-alignは、文字列とアイコンの位置関係を調節してます。適当な位置になるように数字を調節しましょう。いい感じでテキストと揃ってますね。テンプレートによっては、CSSの影響を受けて絵文字に枠がついたりすることがあります。その場合は以下のソースを追記してテンプレートの装飾を解除します。Shufu」さんより引用テンプレートの影響が無い場合は記述する必要はありません。Emoticonsを停止すると絵文字は表示されなくなります。その場合、サイト上では入力したショートコードがむき出しになってしまいますので、一度プラグインを使い始めたらずっと有効にしておく必要があります。あと、ショートコードをいちいちコピーしてくるのがちょっと面倒。AddQuicktagに登録しておけばワンタッチで使えますが、数が多いと大変です。Emoticonsですが、絵文字の種類は豊富です。WordPressで絵文字を多用しているサイトはあまり見かけないので、うまく使えば差別化になるかもしれませんね。Plusで画像を自動的にリサイズして手間を省く!TablePressのテーブルをレスポンシブにしてスマホに対応しようTablePressのテーブル幅を変更する&表の背景色や文字色を変更する方法CSSのpaddingとmargin、borderの関係|ボックスモデルとは?コメントを残す返信をキャンセルする。date*コメントは承認制です。日本語が含まれない投稿は無視されます。ファミリーセキュリティはライセンスの仕様が使いやすい!管理人:サトシ「ネットを使ってお金を稼ぐ」そのために必要な情報を発信しています。趣味は懸賞とポイントサイト。(12)↓こういう記事がよく読まれてるみたいです。Reserved.プライバシーポリシーこのページの先頭へ。