1. /
  2. bootstrap

bootstrap

FontAwesome4すっげーフォントすっげー

カスタムメニューにアイコンをつけたい。しかもできれば超簡単に。
なんかみんなつけてるし、見栄えよくなるよね！
bootstrap対応のデザインテーマならそのままあれこれやって使用することができますが、対応してないデザインテーマの場合はこちらのプラグインを入れると幸せになれるかもしれません。

↓ダウンロードはこちらから
Font Awesome 4 Menus

Font Awesome 4 Menusの使い方手順

・プラグインをインストールします
・有効化してください
・設定→Font Awesome
・Load Font Awesome 4 Fromで、既にfont awesomeが入ってる人は、Don’t load Font Awesome 4’s stylesheet (use this if you load Font Awesome 4 elsewhere on your site)を選択してね
・メニュー→表示オプション→CSSクラスにチェック

 

・メニューのとこにcss入れられるようになったので、チートシートからアイコンを探してタグを入れます。

使えるアイコンはこちらのチートシートを。
メニューを更新したらサイトを見てみましょう。

 

表示されましたか？
これでちょっとこじゃれ感が出ましたね！
表現が古いですね！

ちなみにですが、Font Awesomeをそのまま英訳すると
フォントすごい
ふぉんとすごい
ほんとすごい…
フォントすっげー！

これが言いたかっただけです…

authorページでカスタムフィールドの値があるとき表示

たぶんニッチすぎて使いどころないかもしれないけど。
私用にメモ。

user_dataで定義したauthorに次ぎの値があるとき表示させるっていうif文
ユーザ情報にfacebook_urlのカスタムフィールドを作った。
その値があれば、echo内を表示。
bootstrap使っているので、
spanのclassにアイコンをつけてある。

    $user_data = get_userdata($author);
    if ($user_data->facebook_url) {
        echo '<a href="'.$user_data->facebook_url.'"><span class="fa fa-facebook-square"> </span></a>';
    }

ユーザの情報をどこから引っ張ってくるのかで数時間くらいわちゃわちゃしました。
もう少しスマートな方法あるんだろうか。