WordPress.com の顔文字(スマイリー)のデザインが一新されている

最終更新日:2015-11-21

🌯

記事「Smile: Our New Emoticons Have Arrived! — Blog — WordPress.com」によると、WordPress.com の顔文字のデザインが一新されたようなので確認してみました。

WordPress.com の場合、「設定」→「投稿設定」の以下のところにチェックをいれると顔文字が使えるようになるわけですが、

AccessMenuBarApps-4
 

以前はこんな感じだったのが

AccessMenuBarApps-5
Smilies — Support — WordPress.com

以下のように全体的にソフトな感じのデザインに変更されるとともに一部、ハートマークなどが追加されているようです。

ハート ❤
星形 ⭐
矢印 ➡
にっこり 🙂
クール 😎
はてな ❓
ポイント ❗

ちなみにレンタルサーバ等にインストールするタイプの WordPress にそのまま貼り付けてみたら、以下のような感じになりました。まだ、デザインは昔のままで追加分も反映されていないようです(いずれは反映されるのが通例です)。

AccessMenuBarApps-6
 

以下の記事に WordPress.com 用顔文字(スマイリー)の一覧が紹介されています。使用する場合には、半角空白を入力してから、紹介されている記述を追加すれば OK のようです。

AccessMenuBarApps-7
New WordPress.com smileys (+ hidden ones) | Janneke Van Dorpe

CSS は以下のページに公開されています。CSS のクラス名を使って、ウィジェットのタイトルの前後などに顔文字を追加することができるのではないかと推測されますが、そのあたりは未検証です。

  • (WordPress.com 用絵文字(スマイリー)の CSS

以下のようにフォントを大きめに設定すると、

<div style="font-size:1000%;">:star: :arrow: :smile: :cool: :?: :!:</div>

以下のように大きく表示させることも可能です。svg ファイル 1 なので大きくしても表示がきれいです。

⭐ ➡ 🙂 😎 ❓ ❗

  1. ie8 の場合は png ファイルに差し替えられます。 

投稿者: comemo

WordPress.com での記事の作成方法など

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。