アイコンフォントFont Awesome 6の使い方・向きやサイズ、動き設定
Font Awesome Ver.6 について 2020年6月 Font Awesome 6リリース Font Awesome 6 がリリースされました。自身が使っているテーマで、アイコンフォント利用 ...
Font Awesomeアイコンフォントのサイズ・向き等の変更とコードが消える対処法
当サイトでは Ver.5以降を使用しており、記事もすべて同様のバージョンでの利用に基づいています。 Ver.4.7を使っておられる方で、アイコンフォントを探したい場合は以下をご覧ください。 ...
コピペで簡単！リストのシンプルデザインCSS
リストスタイルを装飾するシンプルなデザインCSSです。 リスト標準スタイル（UL）は以下の通り リスト リスト この標準のリストスタイル先頭の「・」は非表示にして、疑似要素「Before」を使ってアイ ...
グローバルメニューにプラグインなしでアイコンフォントを表示する
ワードプレスのグローバルメニューにアイコンフォントを表示する方法です。 通常の「メニュー」の編集だけで簡単に表示できます。 Font Awesomeアイコンフォントって？ 「Font A ...
ルクセリタス機能の目次デザインをカスタマイズ３パターン
無料テーマ「ルクセリタス」には目次自動生成機能があります。 プラグインを使った目次同様、見出しタグを拾い出して自動で作って挿入してくれるのでとても便利です。 この目次のデザインをカスタマイズします。 ...
書類やクレカなどのアイコンフォントコード２６選まとめでサクっとコピー
「Font Awesome」のフリーフォントです。 なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。 こ ...
矢印アイコンフォントのコード３２選まとめでサクっとコピー
「Font Awesome」のフリーフォントです。 なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。 こ ...
Font Awesomeアイコンフォント-バージョン4.7の使い方
利用方法 現時点では、バージョンは ｖ5.7.2 となっています。 以下のコードを<head></head>内に貼る事で、利用可能です ...
アフィリエイトリンクで役立つ！ネットショップ等のカラーコード１７種
アフィリエイトで役立つブログツールの定番 カエレバ、トマレバ、ヨメレバでリンクを貼れる企業ロゴのカラーコード一覧です。 その他のカラーコード ブランドカラー SNS等企業ネットショップオリンピックプ ...
SNSなどのカラーコードとアイコンフォントまとめ
Twitter・Facebook・LINE・Instagram・YouTube・Tumblr・LinkedIn・はてなブックマーク・feedly・RSS・mixi・Skype・Dropb ...
横並びテーブルのようなメニューを作る-アイコンフォントでスマートに
今回は、サイドバーに表示するメニューボックスを作ってみます。 文字だけの例 アイコンフォントを使った例 横２列のデザイン CSS追記 子テーマの「styl ...
ページトップへ戻るボタンを簡単コピペ！５パターン
ページのトップへ戻るボタンをHTML１行と、簡単なCSSで実装します。 今回は、以下の５点。サンプルそのまま、コピペで可能です！ また、アイコンや、色、角の丸みなどを自由に ...