Emoji CSSを使用してWebサイトに絵文字のサポートを追加する

Emojisはデジタル会話を引き継ぎ、これらのかわいい小さなアイコンはインターネットの文化に一気に浸透しました。彼らは今や私たちの生活の中で日常の一部となっており、デスクトップアプリからWordPressまでどこでも見つけることができます。.

そしてあなたが今まで欲しかったのなら カスタム絵文字 あなたのサイト上で絵文字CSSは使用するのに最適なライブラリです。.

これらの純粋なCSSアイコンは 背景画像で生成された そう 絵文字ごとに独自のPNGファイルがあります. これらの画像ファイルは 網膜対応 だから彼らはすべてのモニターで見栄えがする.

これらの絵文字をデモすることもできます。 生のCSSファイルをあなたのサイトに含める. このファイルはGitHub上のセルフホストイメージを参照しています。 あなたは何もローカルにホストする必要はありません はじめに.

Emoji CSSのホームページには、 サンプルデモスニペットと共に画像コードクラス. Emoji CSSファイルをドキュメントに追加したら、あとはそれを追加するだけです。 の要素 .em 表示したい特定のアイコンに関連するすべてのクラス.

だから、例えばこのコード：

100の絵文字をあなたのサイトのコンテンツに直接追加します。あなたは元気 から選ぶべき200以上の異なった絵文字 そしてプロジェクトは オープンソース っていうことは アップデート可能.

すべてのEmoji CSSホームページの中で最高のものは非常に使いやすいです。ただ アイコンをクリック そしてあなたは そのソースコードを自動的にコピーする クリップボードに入れると、HTMLに貼り付けることができます。.

すべてのWebサイトがこの絵文字ライブラリの恩恵を受けるわけではないことを最初に認めるのは私です。 ソーシャルネットワーク そして コメント付きのWebサイトでは、絵文字のサポートを追加することでユーザーの関心を高めることができます。. そして絵文字CSSライブラリでは、これは事実上あなたのサイトを絵文字化するための2段階のプロセスです。.