JIN:Rでの「ボタン」の作り方!アフィリエイトコードを登録する方法もあわせて解説
JIN:Rでの「ボタン」の作り方
ボタンブロックを作成する
ボタンの作り方は「初心者向け」と「おすすめ方法」の2パターンあります↓
どう違うんだ?
![おおかみくん](https://jinr.jp/manual/wp-content/uploads/2022/01/おおかみくん.jpg.webp)
「おすすめ方法」を覚えたほうが、時短になるよ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
- [ 初心者向け ] ボタンの作り方
-
画面右上の「+」ボタンを押して、「ボタン」をクリックしましょう。
すると、このようにボタンが出来上がります。
- [ おすすめ方法 ] ボタンの作り方
-
作り方:/ を押してから ボタン と入力
半角のスラッシュ(/)を押すと、いろいろなブロックが呼び出せます。ここで「ボタン」と入力すると、JIN:Rのボタンをすぐ呼び出せます。
ボタンデザインを変更する
![](https://jinr.jp/manual/wp-content/uploads/2023/01/スクリーンショット-2023-01-03-16.14.09.png)
ボタンデザインは、右サイドバーにある「デザイン選択」で変更できます。
ボタンデザインは「ボタンデザイン設定」に登録したものが1発で呼び出されるようになっているよ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
毎回ボタンデザインを作らなくてもOKってことだな?
![おおかみくん](https://jinr.jp/manual/wp-content/uploads/2022/01/おおかみくん.jpg.webp)
そうそう!デザインの使い回しが効くから、事前にデザイン登録しておいてもらえるといいよ。
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
もしボタンデザインを編集したい時は「カスタマイズ」>「ボタン」の項目へと進んでデザインを変更してください↓
リンク先URL(ジャンプする先)を設定する
![](https://jinr.jp/manual/wp-content/uploads/2023/01/スクリーンショット-2023-01-03-16.18.53.png)
ボタンに設定するURLは、右サイドバーの「URL設定」に入力してください。
記事タイトルを打ってもらうと、ブログ内の記事を検索することもできます!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
URLの直張りもできるし、検索して貼ることもできるってことか!
![おおかみくん](https://jinr.jp/manual/wp-content/uploads/2022/01/おおかみくん.jpg.webp)
アフィリエイトコードを貼る場合は?
アフィリエイトコードをボタンに貼る場合は、まず「テキスト広告」の「自由テキスト」と書かれているコードをASPから拾ってきましょう。
![](https://jinr.jp/manual/wp-content/uploads/2022/08/スクリーンショット-2022-08-13-11.15.20-1024x498.png)
自由テキスト広告のサンプル(a8.netの場合)
そして、テキスト広告のコードを「アフィリエイトコード設定」にそのままコピペしてください。
![](https://jinr.jp/manual/wp-content/uploads/2022/08/スクリーンショット-2022-08-13-11.16.37.png)
アフィリエイトコード設定に、自由テキストをそのまま貼り付ける
するとボタンにアフィリエイトコードが反映されます。アフィリエイトコードを改変しないので、ASPの利用規約にも抵触することはありません。
あとは自由テキストの文字を、好きなものに変更してね!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
ボタンにマイクロコピーを添えるには?
JIN:R Ver1.10より、ボタン上でマイクロコピーを添えられるようになりました!
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-22-12.24.17.jpg)
ボタンの右サイドバーのブロックパネルに「マイクロコピー」の項目があるので、これをONにしてください。
デザインは3タイプから選べるので、お好みのものを使ってくださいね。
マイクロコピーのテキストを2段に改行したいときは、<br> のタグを間に売ってください。
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-22-12.28.00.png)