WordPressテーマ「Cocoon」のブログに、可愛い楽天ROOMのボタンを1分で設置！
右側メニューだけで色や形をカスタムして、次の記事から1秒で使い回す方法を解説。
この記事をマネするだけで、スマホで今すぐクリックされる楽天ROOMボタンが完成します！
最新版！楽天ROOMボタンの正しい作り方
- 記事編集画面の「＋」から「ボタン」ブロックを追加する。
- ボタンの文字を「楽天ROOMをみる」に書き換える。
- 画面右側の設定メニューにある「リンク」に、自分の楽天ROOMのURLを貼り付ける。
- 「新しいタブで開く」のスイッチをオンにする。
色が変わらないときの解決策
ボタンの色を無理に「楽天公式のピンク」にカスタムしようとすると、設定がうまく反応しないことがあります。
そんな時は、右側の色設定メニューから、自分のブログに馴染むピンク（#e95295）を直接選ぶだけで、一発で綺麗なピンク色に変えられます！
形も右側のスタイル設定で「円形」を選ぶと、スマホで押しやすくなります。
作ったボタンを「お気に入り登録」する手順
- 作ったボタンをクリックし、上のメニューの「縦の三点リーダー（…）」を押す。
- 「パターンを作成」をクリックする。
- 名前欄に「楽天ROOMボタン」と入力する（※カテゴリーは空欄でOK）。
- 「追加」ボタンを押して、ボタンの枠線が紫色に変われば大成功！
次の記事からは「マイパターン」で一瞬
- 新しい記事 of 画面左上にある「＋」マークを押す。
- 「ブロック」の右隣にある「パターン」タブに切り替える。
- 「マイパターン」を選ぶだけで、保存したボタンが一瞬で呼び出せます！
まとめ：あなただけの可愛いボタンで楽天ROOMへ案内しよう！
今回は、CocoonのブログにWordPress標準の「ボタン」ブロックを使って、楽天ROOMのリンクを可愛く設置する方法をご紹介しました。
ブログ全体のテーマカラー（#e95295）に合わせて円形ボタンにするだけで、スマホからも押しやすく、ブログ全体の統一感もバッチリです。
「パターンを作成」で一度保存してしまえば、次からは1秒で呼び出せるので、毎回の記事作成が本当にラクになりますよ！
ぜひあなたも、お気に入りの愛用品をたくさんの方に届けてみてくださいね。
ひなたのみち・おすすめの愛用品はこちらから ↓
