JIN:Rでの「インフォメーションバー」の作り方!サイトのお知らせを表示しよう
ひつじ
このページでは、 WordPressテーマ「JIN:R」でのインフォメーションバーの作り方について解説します。
この記事の目次
インフォメーションバーの作り方【テキスト型】
テキスト型のイメージ↓
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-01-17.38.15.png)
インフォメーション設定を開く
![](https://jinr.jp/manual/wp-content/uploads/2022/08/スクリーンショット-2022-10-16-17.32.56.png)
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-01-17.02.48.png)
タイプを選ぶ(テキスト型 or ボタン型)
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-01-17.04.57.png)
すると、こんな感じのインフォバーを作成できます
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-01-17.29.24.png)
テキストとボタンを入力する
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-04-11.24.10.png)
テキスト1が左に、テキスト2が右に入力されます!
※ サブコピーは要らない人は、テキスト1だけ入力してもらえればOK
リンク先を設定する
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-04-11.28.54.png)
httpsを含んで、ジャンプさせる先を入力しておきます。
色を調整する
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-04-11.29.33.png)
インフォメーションバーの色を設定します。
グラデーションを使う場合は「カラー設定」にある「グラデショーション登録」でカラー調整してもらえるといいでしょう。
表示位置を調整する
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-04-11.29.33-1.png)
インフォメーションをどこに表示するか調整できます。
インフォメーションバーの作り方【ボタン型】
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-01-17.37.45-1024x557.png)
タイプを選ぶ(ボタン型)
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-01-17.36.14.png)
すると、ボタン付きのインフォバーを作成できます
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-01-17.33.30-1024x108.png)
ボタンサイズは小さく調整してセットしてもらう必要があります
テキストとボタンを入力
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-04-11.24.10-1.png)
テキスト1が左に、テキスト2が右に入力されます!
リンク先を設定する
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-04-11.28.54.png)
httpsを含んで、ジャンプさせる先を入力しておきます。
色を調整する
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-04-11.29.33.png)
インフォメーションバーの色を設定します。
グラデーションを使う場合は「カラー設定」にある「グラデショーション登録」でカラー調整してもらえるといいでしょう。
表示位置を調整する
![](https://jinr.jp/manual/wp-content/uploads/2023/03/スクリーンショット-2023-03-04-11.29.33-1.png)
インフォメーションをどこに表示するか調整できます。
ABOUT ME