これは「投稿日時の前に時計のアイコンを、カテゴリーの前に付箋?のアイコンを追加してね」と、HTMLコードで指定しているわけです。使い方はいたって簡単で、アイコンを入れたい箇所に短いコードを指定するだけです。Awesome(アイコンフォント)の利点として、その使いやすさが真っ先に挙げられるくらいですからね。Awesome(アイコンフォント)を普通に使おうとして、つまづいた方は少ないのではないでしょうか。STINGER5を利用している方なら、バージョンに対応したコードを記述するだけで使えちゃいますからね。!CSSで使う方法って、分かりづらくないですかー?!もちろん、HTMLでコードを記述して、CSSでスタイルを変更するという意味ではないですよ。CSSだけでアイコンを追加する方法です。そもそも質問するまでもないことなのか、調べ方が悪かったのか、お探しのページがありませんでした!状態でした。飛行機頭痛の時もそうだったけど、情報社会の時代に求めている情報と出会えないと、自分だけが世界から取り残された感覚になりますよね。Awesomeを利用している(STINGER5含む)、利用方法を知っていることを前提でお話しします。13px;}こんな感じでコードが記述されてますよね。font-sizeのコードはいらないので削除してください。{}そして、アイコンを入れたい箇所を決めます。前なら「:before」後ろなら「:after」となります。今回は前に入れてみましょう。“”;」の追加で終わりです。奇跡的に解決方法と出会えました。Awesomeのファイルをダウンロードしたことです。(ナイス自分!)「css→font-awesome-〇〇→css→font-awesome.css」の中に答えがありました。Awesomeのページで検索します。HTMLでは下のコードをコピーして使いたい箇所に追加するだけですが、CSSとして使う時は分りやすいように、上の文字列をコピーします。次に、お使いのコードエディターで「font-awesome.css」を開きます。先ほどコピーした「fa-wordpress」を検索ボックスに貼り付けます。すると...1件だけヒットします。後は、contentの右の文字列を先ほどの””の中に追加するだけです。一文コピペしてもいいかもしれませんね。追記:もっと簡単に使う方法こちらのサイトを見て分かりましたが、かなり簡単に調べる方法があったんですね...チートシートってこういう風に使うのかー!使いたいアイコンを探して、右側の「&#x」を「\」に変えるだけ。さっきのコードと一緒になりますね!(で、でも、検索するの面倒だし、バックスラッシュ(\)の入力の仕方も分からないし、ぼくのやり方も負けてないよね...!)以上、CSSでアイコンフォントを使う方法でした!カテゴリー:WEBフォントシェフこのサイト「Fantastech」を運営している人。WordPressテーマ「4536」の開発中にインプットした情報などを発信中。上に表示された文字を入力してください。「ページを開けません。サーバが見つかりません」の原因は?PHPのstr_replaceとpreg_replace(正規表現)の使い方WordPressで会話風の画像とテキストをコピペで簡単表示!WordPressのユーザー名・パスワードを確認・変更する方法は?Facebookページのユーザーネームが登録・変更できない原因は?ローカル環境のWordPressサイトを本番環境へ移行する方法WordPressオリジナルテーマを管理画面で更新可能にする方法。Jobsの導入方法や注意点などカスタムデータ属性でCSSフレームワークを作ろうきたぞ、国内初の流体シェイプ国内初となる流体シェイプをデザインに取り入れたWordPressテーマ「4536」を公開しました。