• 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。(詳細

このWikiはいつでも誰でも編集できます

スマイリーの使い方

提供: WordPress Codex 日本語版
移動先: 案内検索

スマイリーとは ?

スマイリー(エモーティコン、フェイスマーク、顔文字)とは、文章の中で感情を表すために使われる「グリフ(字体)」のことを指します。smile emoticon

テキストスマイリーは、いくつかの記号を組み合わせて書くことで作成できます。以下の例を見てください。

;-)smile emoticon
:-) = smile emoticon
:-( = sad emoticon
:-? = confused emoticon

各顔文字の歴史や詳細を知るには、Wikipedia の顔文字についてのページ英語版)をご覧ください。

スマイリーは絵文字ではありません

Although smileys and emoji can both display smiley faces and such, emoji are a newer development and have a much wider range of images that can be displayed. (They are also created differently.) For more information on emoji and how to use them, see the Emoji page.

WordPrses 内でのスマイリー処理

デフォルトの状態では、WordPress は自動的にテキストで書かれたスマイリーを画像に変換するようになっています。投稿に :-) と記入すれば、プレビューまたは公開の際に smile emoticon と表示されます。

スマイリー画像の無効化

スマイリー画像を無効化した場合、プレーンテキストとして表示されます。

  1. 管理パネルで「設定 > 投稿設定」を選択
  2. "整形" セクションで, 「:-) や :-P のような顔文字を画像に変換して表示する」のチェックを外す

例えば投稿内で ;-) と書くと、そのまま ;-) という記号が表示されるということです。こういったテキストスマイリーは引き続き使うことができます。wink emoticon


スマイリーを表示させるテキストの組み合わせ

スマイリー画像と、表示させるためのテキストは以下の通りです*。

顔文字 テキスト1 テキスト2 全テキスト 顔文字 全テキスト
smile :) :-) :smile: lol :lol:
biggrin :D :-D :grin: redface :oops:
sad :( :-( :sad: cry :cry:
surprised :o :-o :eek: evil :evil:
eek 8O 8-O :shock: twisted :twisted:
confused :? :-? :???: rolleyes :roll:
cool 8) 8-) :cool: exclaim :!:
mad :x :-x :mad: question :?:
razz :P :-P :razz: idea :idea:
neutral :| :-| :neutral: arrow :arrow:
wink ;) ;-) :wink: mrgreen :mrgreen:

* 一部、同じスマイリーを表示するのに複数のテキスト形式オプションが用意されているものもあります。

スマイリー関連のトラブルシューティング

うまく動作しない理由を突き止める

管理画面でスマイリーが無効化されているのかもしれません。または、スマイリー画像が /wp-includes/images/smilies から削除されてしまっていることも考えられます。

他のユーザーには問題なく使えている場合

もしあるサイトで自分だけスマイリーが使えない場合、スマイリーテキストの前後に半角スペースを記入してみてください。こうすることで、スマイリーが誤って周りのテキストに含まれてしまうのを防げます。redface emoticon

スマイリーテキストの前後にクオーテーションマークやその他の句読点を使わないよう気をつけてください。rolleyes emoticon

スマイリー画像の保存場所

スマイリー画像は /wp-includes/images/smilies ディレクトリに置かれています。

スマイリーの綴りは、'smiley/smileys' とも書きますが、このディレクトリは 'smilies' と綴られていますので注意しましょう。eek emoticon

他の画像を使うには

スマイリー画像としてデフォルト以外のものを使うこともできます。

The easiest way is to filter the smilies.

Upload the images you want with the same name to your server (say in wp-content/images/smilies) and put this in your theme's function.php:

add_filter('smilies_src','my_custom_smilies_src', 1, 10);
function my_custom_smilies_src($img_src, $img, $siteurl){
    return $siteurl.'/wp-content/images/smilies/'.$img;
}

That will replace http://example.com/wp-includes/images/smilies/icon_question.gif with http://example.com/wp-content/images/smilies/icon_question.gif


その他、スマイリー画像置き換え用などのプラグインもありますし、Version 2.9 以降では、smilies_src フィルタを使ってより簡単にプラグインを作ることもできます。

画像が欠落している場合

最近画像をアップロードした場合、FTP クライアントによって画像が ASCII 形式になってしまっている可能性があります。BINARY(バイナリ) 形式で再アップロードしてみてください。

FTP クライアントによっては、正しいファイル形式で自動的にアップロードしてくれる 自動判別モード がある場合もあります。このような設定があるなら、利用すると良いでしょう。

スマイリーの CSS

WordPress でのスマイリー画像が表示される際には自動的に wp-smiley という CSS クラスがつけられます。このクラスを使って、スマイリーに他の画像とは異なるスタイルを加えることができます。

例えば、文章内の画像を左寄せにし、テキストが回り込むように設定しておくことは珍しくありません。そのための CSS は以下の通りです。

.post img {
    float: left;
}

こうするとたいてい、スマイリー画像を含む投稿内の画像すべてが影響を受けます。スマイリーがインライン表示になるよう設定を上書きするには、以下のルールを加えましょう。

img.wp-smiley {
    float: none;
}

WordPress の CSS について詳しくは、CSS のページをご覧ください。

関連

関連情報

最新英語版: WordPress Codex » Using Smilies最新版との差分