トピック
スマイリーとは
スマイリーは「顔文字」とも呼ばれていて、文章の中で感情を表現するための文字です。スマイリーは記事を明るくするのに最適な方法です 🙂
テキスト・スマイリーは、2つ以上の句読点を入力して作成します。例としては:
;-) は 😉 と
:-) は 🙂 と
:-( は 🙁 と
:-? は 😕 と
顔文字とその歴史について詳しく知りたい方は、Wikipedia の顔文字の項目をご覧ください。
スマイリーは絵文字ではない
スマイリーと絵文字はどちらも笑顔などを表すことができますが、絵文字の方が新しく開発されたもので、表示できる画像の種類が非常に豊富です (作成方法も異なります)。絵文字の詳細や使い方については、絵文字のページをご覧ください。
WordPress でのスマイリーを使い方
デフォルトでは、WordPress はテキストのスマイリーを自動的にグラフィック画像に変換します。投稿の中で ;-) と入力すると、プレビューや公開時には 😉 と表示されます。
グラフィック画像のスマイリーをオフにするには
WordPress 4.3 からグラフィック画像のスマイリーを無効にするオプションが新規インストール時に削除されました。このオプションを引き続き使用したい場合は、プラグインをご利用ください。
スマイリーをつかうために入力する文字
スマイリー画像とそれを生成するためのテキスト*:
| アイコン | テキスト | テキスト | 完全なテキスト | アイコン | 完全なテキスト |
|---|---|---|---|---|---|
| 🙂 | :) | :-) | :smile: | 😆 | :lol: |
| 😀 | :D | :-D | :grin: | 😳 | :oops: |
| 🙁 | :( | :-( | :sad: | 😥 | :cry: |
| 😮 | :o | :-o | :eek: | 👿 | :evil: |
| 😯 | 8O | 8-O | :shock: | 😈 | :twisted: |
| 😕 | :? | :-? | :???: | 🙄 | :roll: |
| 😎 | 8) | 8-) | :cool: | ❗ | :!: |
| 😡 | :x | :-x | :mad: | ❓ | :?: |
| 😛 | :P | :-P | :razz: | 💡 | :idea: |
| 😐 | :| | :-| | :neutral: | ➡ | :arrow: |
| 😉 | ;) | ;-) | :wink: |  | :mrgreen: |
* 1つのスマイリーを表すのに複数のテキストが用意されている場合があります。
カテゴリー: スタートアップ
スマイリーのトラブルシューティング
機能しないですか?
スマイリーが WordPress の管理者によって無効カされているか、スマイリーの画像ファイルが /wp-includes/images/smilies から削除されている可能性があります。
あなただけが使えませんか?
スマイリーがサイトの他の人が使えるのに、あなたが使えない場合:
スマイリーテキストの前後にスペースを入力してください。これにより、スマイリーが誤って周囲のテキストに含まれてしまうのを防ぐことができます。 😳
スマイリーテキストの前後に引用符やその他の句読点を使わないようにしてください。 🙄
スマイリー画像はどこに保存されていますか？
スマイリーや絵文字のグラフィック画像は、/wp-includes/images/smilies ディレクトリにあります。
なお、このドキュメントでは 「smileys」 は「ies」と表記されており、スマイリー画像のディレクトリ名は ‘smilies、スペルは ‘ies’. :shock となっています。
違うスマイリー画像を表示させるにはどうすればいいですか？
一番簡単なのは、スマイリーにフィルターを使うことです。
お好みの画像を同じ名前でサーバー (例えば wp-content/images/smilies ) にアップロードし、これをテーマの function.php に記述します。
add_filter( 'smilies_src', 'my_custom_smilies_src', 10, 3 );
function my_custom_smilies_src( $img_src, $img, $siteurl )
{
return $siteurl.'/wp-content/images/smilies/'.$img;
}
これにより、http://example.com/wp-includes/images/smilies/icon_question.gif が http://example.com/wp-content/images/smilies/icon_question.gif に置き換えられます。
スマイリー画像が空白ですか？
最近画像をアップロードした場合は、FTP ソフトによって画像が ASCII 形式でアップロードされている可能性があります。BINARY 形式で転送されるようにスマイリーを再アップロードしてください。
FTP ソフトの中には、ユーザーの操作なしに正しい形式のファイルをアップロードする自動検出設定があるものがあります。このような設定がある場合は、それをオンにしてください。
スマイリーの CSS
WordPress のスマイリー画像は、投稿に表示されると自動的に wp-smiley という CSS クラスが付きます。このクラスを利用して、スマイリーを他の投稿画像とは異なるスタイルにすることができます。
例えば、記事の中の画像をコンテンツの左側に表示し、画像の周りにテキストを流すように設定することはよくあります。そのためのCSSは次のようになります:
.post img {
float: left;
}
しかし、この設定は通常、スマイリー画像を含む、投稿内のすべての画像に影響します。スマイリーのついては設定を適用せず、インラインで表示されるようにするには、CSS に以下を追加します:
img.wp-smiley {
float: none;
}
WordPress における CSS については、こちらを参考にしてみてください。
この記事は役に立ちましたか ? どうすればさらに改善できますか ?
フィードバックを送信するにはログインする必要があります。