![](https://takuweb1.com/wp-content/uploads/2020/09/flag.icons_.png)
ネット上にはいろいろなジャンルのブログがありますよね。
もし、海外関連の情報や旅行を扱っていると
国旗のアイコンがあるとデザイン的にもいいですよ。
そこでブログに好きな国旗を表示できる
プラグイン「Flag Icons」の紹介です。
国旗アイコンにはリンクが付けれるので便利ですよ。
ここでは画像付きで設定、使い方を説明してるので参考にしてみてください。
Flag Iconsとは
WordPressで作成したブログに各国の国旗アイコンを設置するプラグインです。
アイコンはリンク付きなのでその国に関係したページを設定ができます。
また、Googleの翻訳ページへのリンクアイコンもあるので
ユーザーが自由に使るようになっています。
プラグイン「Flag Icons」のインストール
それでは始めていきましょう。
WordPressにログインしたら
ダッシュボードから「プラグイン」→「新規追加」へとクリックします。
![](https://takuweb1.com/wp-content/uploads/2020/09/1-22.png)
プラグインを追加のページが表示されたら
キーワード検索欄に「Flag Icons」と入力しましょう。
検索結果は、自動で反映されます。
![](https://takuweb1.com/wp-content/uploads/2020/09/2名称未設定.png)
Flag Iconsを見付けたら
「今すぐインストール」をクリックします。
*稀に下の方や右側、または違うページにある場合があります。
![](https://takuweb1.com/wp-content/uploads/2020/09/3名称未設定-2.png)
インストールが終わると「有効化」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/09/4キャプチャ-23.jpg)
有効化すると自動でインストール済みプラグインのページに移動します。
もし、WordPressバージョンの違いで移動しない場合は
自分で「プラグイン」→「インストール済みプラグイン」に移動しましょう。
![](https://takuweb1.com/wp-content/uploads/2020/09/5キャプチャ-22.jpg)
Flag Iconsのインストールは終わりです。
フラッグアイコン(国旗)の初期設定
ここではブログに表示する国旗とリンクなどを設定していきます。
とても簡単なのですぐに終わりますよ。
管理メニューから
「設定」→「Flag Icons」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/09/6名称未設定-18.png)
Flag Iconsページが開いたら
ここで設定をしていきます。
各項目の説明は画像の下にあるので参考にしてみてください。
![](https://takuweb1.com/wp-content/uploads/2020/09/7キャプチャ-19.jpg)
Enable flag icons by selecting the desired position on your site:
ここは国旗アイコンを表示する画面の位置になります。
ここでは右上になる「Top right」にチェックを入れています。
Make Icons Static or Float on scrolling:
国旗アイコンがページのスクロールに追尾するかどうかです。
ここは追尾させたくないのでチェックを入れています。
Align Icons Vertically or Horizontically.:
国旗アイコンを並べるスタイル(横並び、縦並び)を決めます。
ここは横並びにしたいのでチェックを入れています。
![](https://takuweb1.com/wp-content/uploads/2020/09/8名称未設定-7.png)
Check the desired languages,
add the links to their sites & put the order to appear:
ここで表示させたい国旗を選びます。
国旗: 表示させたい国旗にチェックを入れます。
国旗横の空白: リンクを付けたい場合はURLを入力します。
数字の枠: 表示させたい国旗の順番を指定できます。
数字を入れて0から順番に並べることができます。
![](https://takuweb1.com/wp-content/uploads/2020/09/9キャプチャ-15.jpg)
Use Google Translation:
国旗のアイコンの並びに混ぜて
Google翻訳リンクボタンを設置するかどうかです。
ここではチェックを入れてみました。
*必要ない機能だと思いますよ。
最後に「変更を保存」をクリックしましょう。
これでフラッグアイコンの設定は終わりです。
国旗・Googlr翻訳アイコンの確認
それではどのように表示されるのか
「サイトを表示」から確認していきましょう。
![](https://takuweb1.com/wp-content/uploads/2020/09/10a名称未設定.png)
ブログが開いたら
設定した国旗が並んで表示されています。
試しにカンボジアの国旗をクリックしてみましょう。
![](https://takuweb1.com/wp-content/uploads/2020/09/10b名称未設定.png)
するとこのようにリンクが開きますよ。
![](https://takuweb1.com/wp-content/uploads/2020/09/11キャプチャ-7.jpg)
続いて、Google翻訳のアイコンをクリックしてみましょう。
![](https://takuweb1.com/wp-content/uploads/2020/09/12名称未設定-3.png)
するとこのようにGoogle翻訳ページが開きます。
![](https://takuweb1.com/wp-content/uploads/2020/09/13キャプチャ-4.jpg)
これでFlag Iconsの紹介は終わりです。
海外に関連したプラグインは他にもいろいろあります。
ブログで好きな言語を選ぶと自動翻訳して表示するものや
WordPressの管理画面側を英語にするものもありますよ。
また、サイドバーに世界の天気を表示できるものや
為替レートを表示するものもあります。
興味のある方はここより参考にしてみてください。
これでFlag Iconsの紹介は終わりです。
海外に関連したプラグインは他にもいろいろあります。
ブログで好きな言語を選ぶと自動翻訳して表示するものや
WordPressの管理画面側を英語にするものもありますよ。
また、サイドバーに世界の天気を表示できるものや
為替レートを表示するものもあります。
興味のある方はここより参考にしてみてください。
まとめ
ブログリンク付きのに国旗アイコンを設置するプラグインでした。
国旗という時点でブログのジャンルを選びますが
海外関係だとリンク付きアイコンとして使いやすいものになっていますよ。
ちなみにこのブログには「Travel」のカテゴリーもあるので
国別のリンクとしてありかなと思っています。
国旗を探していたという方は使ってみてはどうでしょうか。
そこでこれをやらなきゃ損をするということで
ブログ維持のためにアフィリエイトを始めてみませんか。
大きく稼ぐには全力で挑む必要がありますが
ブログ維持費なら片手間でも大丈夫!
気になる方はここよりアフィリエイト会社(ASP)の紹介を見てみましょう。