ワードプレスやブログ運営に役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

Simple Social Icons - ソーシャルメディアのアイコンを表示できるWordPressプラグイン

このエントリーをはてなブックマークに追加
Simple Social Icons

記事公開 2014.03.26

最終更新 2016.12.30

Simple Social Iconsは、ソーシャルメディアのシンプルなアイコンをサイドバーやフッターに表示できるプラグインです。アイコンの種類は全部で15種類あります。

このプラグインはウィジェットを利用してサイドバーやフッターにソーシャルメディアなどのアイコンを表示できます。アイコンの配色・サイズ・リンク先URLは自由に変更できます。

もし、あなたのWebサイトの情報をソーシャルメディアのアカウントの方にも配信している場合、このプラグインを利用してソーシャルメディアの方にもリンクを張りましょう。そうすることで、ユーザーを誘導できます。ユーザーによっては、Webサイトの更新情報をソーシャルメディアのアカウントで受け取りたい方もいます。

はじめに

このプラグインが優れている点

  1. ソーシャルメディアのシンプルなアイコンをサイドバーやフッターに表示できる。アイコンの種類は、全部で15種類ある。
  2. アイコンの表示位置や表示内容は、ウィジェットを利用して設定できる。
  3. アイコンの配色・サイズ・リンク先URLは自由に変更できる。
  4. URLを設定すれば、対応するアイコンが表示される。

アイコンの見本

下記の様なアイコンをサイドバーやフッターに表示できます。アイコンをマウスオーバーすると、アイコンの色が変わります。

全てのアイコンを表示した状態

全てのアイコンを表示した状態

よく利用されるアイコンのみ表示した状態

よく利用されるアイコンのみ表示した状態

アイコンの種類

  1. Facebook
  2. Google+
  3. Twitter
  4. Email
  5. RSS
  6. Flickr
  7. Dribbble
  8. GitHub
  9. Instagram
  10. Linkedin
  11. Pinterest
  12. StumbleUpon
  13. Tumblr
  14. Vimeo
  15. YouTube

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「Simple Social Icons」で検索
  2. WordPress.org からダウンロード

プラグインの設定

管理画面の場所

このプラグインの管理画面は、ウィジェットで設定します。

WordPress管理画面 > 外観 > ウィジェット > Simple Social Icons

ウィジェットの設定

アイコンの配色やサイズは自由に変更可能です。URLを設定すれば、対応するアイコンが表示されます。

ウィジェットの設定

まとめ

Simple Social Iconsは、ソーシャルメディアのシンプルなアイコンをサイドバーやフッターに表示できるプラグインです。アイコンの種類は、全部で15種類あります。

もし、あなたのWebサイトの情報をソーシャルメディアのアカウントの方にも配信している場合、このプラグインを利用してソーシャルメディアの方にもリンクを張りましょう。そうすることで、ユーザーを誘導できます。ユーザーによっては、Webサイトの更新情報をソーシャルメディアのアカウントで受け取りたい方もいます。

このプラグインは、必須のプラグインではありませんが、必要であれば活用しましょう。

スポンサーリンク

最後までお読み頂きありがとうございます

ネタワンは皆様の善意に支えられています。
この記事の内容が役に立ったと思ったら、記事をソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

    • もーりー
    • 2014年 7月 09日

    アイコンの色を変えたいのです。
    個別に変更するにはどうすれば、いいのでしょうか?
    よろしくお願い致します!

      • ネタワン管理人
      • 2014年 7月 09日

      ウィジェットの設定項目にある16進数のWebカラーを変更すればアイコンの色を変更できますよ。
      「#ffffff」や「#0065bd」が色の指定です。
      色選びは下記のサイトを参考にしてみてください。

      ■ マウスオーバーで青色になる設定例
      Icon Font Color: #ffffff
      Icon Font Hover Color: #ffffff
      Background Color: #cccccc
      Background Hover Color: #0065bd

      ■ 参考
      Webカラー色見本
      http://www.colordic.org/

  1. この記事へのトラックバックはありません。

CAPTCHA


初心者向け

WordPress使い方ガイド
WordPress入門

スポンサーリンク

ネタワンを購読する

  • Twitter
  • Facebook
  • Google Plus
  • Feedly
  • RSS
  • Push7

賢威7 - SEOマニュアル&テンプレート

新バージョンの賢威7が購入者向けに先行公開中。


賢威7の詳細&レビューはこちら