プラグイン

サイドバー見出しにFont Awesomeアイコンを表示できるプラグイン『Widget Icon』

alt=サイドバー見出しにFont Awesomeアイコンを表示できるプラグイン『Widget Icon』

サイドバーの見出し(タイトル)に、Font Awesomeで取り扱っているアイコンを簡単に表示できるプラグイン「Widget Icon」をご紹介していきます。

こんにちは!WordPressテーマ研究家SHINです。

 

テーマの各PHPファイルへCSSコード記述やHTMLコードを記述することなく、各ウィジェットごとで好きなアイコンを選んで表示できるプラグインですので、初心者の方でも簡単に表示できます。

またアイコンカラーやサイズも好みで簡単に変更できるので、カスタマイズによっては大きなアクセントになりますよね。

 

サイドバー見出しデザインへアクセントを加えたい方は、ぜひ「Widget Icon」を活用してみてください。

 

WordPressプラグイン「Widget Icon」をインストール

画期的なプラグインでありながら、実はしばらく更新されていないプラグイン。

「プラグイン」>「新規追加」から、検索で「Widget Icon」と入力してもなかなか表示されないので、以下の公式ページからダウンロードしてアップロードしていきましょう。

 

alt=WordPressプラグインWidget Icon

SHIN
プラグインをアップロード後、「有効化」しておきましょう。

 

サイドバー見出しにアイコンを表示してみよう

プラグイン「Widget Icon」を有効化できたら、さっそくサイドバーに設置しているウィジェットの見出しにアイコンを表示していきましょう。

 

step
1
WordPressダッシュボードから、「外観」>「ウィジェット」へ進みます。

alt=サイドバー見出しにアイコンを表示してみよう

 

step
2
各ウィジェットごと開くと、画像のようなアイコンを表示するメニューが追加されています。ここで細かい設定してアイコンを表示していきます。

alt=サイドバー見出しにアイコンを表示してみよう1

7つの設定解説

  • Select icon library・・・アイコンライブラリ2種類から選択。
  • Select widget icon・・・アイコンリストから選択。
  • Select icon position・・・表示するアイコンの位置を選択。
  • Icon padding・・・アイコンを数値でサイズ指定する。
  • Vertical align・・・アイコンの上下位置を調整できる。
  • Icon size・・・アイコンサイズをカテゴリで調整できる。
  • Icon color・・・アイコンカラーを指定する。

全てのウィジェットで、このようにアイコン表示設定が可能です。

 

まとめ

このWordPressプラグイン「Widget Icon」は、PHPファイルへのCSSコード記述作業が全くない簡単なところが魅力。

サイドバー見出しにアイコン表示することで、デザインがちょっとしたアクセントになるので、ぜひ活用してみて下さいね。

  • この記事を書いた人
  • 最新記事
SHIN

SHIN

WordPressテーマ研究家のSHINです。WPテーマとコーヒーをこよなく愛し、日々マウスをカチカチ!キーボードをパチパチ!しながら研究をしている人。

-プラグイン

Copyright© WordPress theme NAVI , 2019 All Rights Reserved Powered by AFFINGER5.