暮らし(備忘録)

【楽天ROOMの公式バナー】ブログのサイドバーに貼る方法!

アイキャッチ  楽天ROOM

先日、始めて楽天ROOMの登録をしたのですが、他の人のブログに楽天の「わたしのROOM」というバナーが貼ってあるのを発見。

このバナーです。↓↓↓

myroom_banner

クリックすると「ころゆりの楽天ROOM」へ飛びます。実際の設置後の状態がわかりますので、よければ試してみてくださいね。(まだ、商品登録中のため掲載数が少ないです。スミマセン(^_^;))

どうやってこのバナーを自分のブログに貼るんだろう?
そもそもこのバナーはどこにあるんだろう?

と疑問に思い、探したところ見つけました!

今回、無事に自分のブログのサイドバーに「わたしのROOM」公式バナーを貼ることができたのですが、公式バナーの場所がわかりにくかったので、その場所と具体的なバナーの貼り方を画像つきでご紹介していきます。

※テーマJINのサイドバーに貼る方法ですが、他のテーマでも基本的には同じ様に作業していくかと思いますので、よければご覧くださいね♪

まずは楽天ROOMの公式バナーをダウンロードしよう!

ブログに楽天ROOMの公式バナーである「わたしのROOM」バナーを貼るには

  1. ブログに直接「ブログ用のHTMLソース」を貼る方法
  2. バナー画像をダウンロードしてから、ブログ内にその画像を貼り付け、自分のmy roomへのリンクを貼る方法

の2通りの方法があるのですが、①の方法で「わたしのROOM」バナーを掲載する場合、事前の報告なく、リンク先が変更されたり、削除されたりすると表示されなくなるため、私は②の方法で行いました。

バナーの場所は、かなり奥の奥の奥の方まで潜らないと見つかりません(^_^;)

箇条書きでご紹介すると、

  1. 楽天ROOMにログイン
  2. my ROOMの画面の右上の歯車マーク(設定)をクリック
  3. 「ヘルプ」をクリック
  4. 「よくある質問」をクリック
  5. 「my ROOM」をクリック
  6. 「ブログやwebサイトに自分のmy ROOMへのリンクを貼りたいのですが、バナーはありませんか」をクリック
  7. 「バナー画面をダウンロードする場合」の「こちら」をクリックしバナー画面へ
  8. 「わたしのROOM」バナー上で右クリックし、「名前をつけて画像を保存」を選択して、PCに保存する

上記のような感じで、かなり探してやっと発見!という感じでした(^_^;)

楽天ROOM公式バナーは見つかりましたでしょうか?ダウンロードは無事できましたでしょうか?

おそらくここまでは大丈夫かと思いますので、次はいよいよ私も利用しているテーマJINでサイドバーにバナーを貼り付ける方法を画像付きでご紹介していきますね♪

テーマJINのサイドバーに楽天ROOM公式「わたしのROOM」バーを設置!

私のブログは、WordPress&テーマJINを利用しています。

今回、楽天ROOM公式の「わたしのROOM」バーをブログのサイドバーに表示させるために行ったことは、

  1. 「わたしのROOM」バナー画像をWordPress管理画面の「メディアライブラリ」に追加
  2. WordPress管理画面「外観」→「ウィジェット」の「サイドバー」に「テキスト」を追加し、「わたしのROOM」バナーを貼り付け、リンクで「自分のmy ROOMのURL」を設定し別ページで開くようにした

以下、WordPress管理画面の画像付きで説明していきますね。

1.ライブラリに「わたしのROOM」画像を追加する

まずはWordPressにログイン後、管理画面左側のナビゲーションメニューで「メディア」をクリックすると、下記画面が表示されますので、右側にある「ライブラリ」をクリック。

縮小ワードプレス メディア

下記のような画面が表示されますので、「新規追加」をクリック。

縮小ワードプレス メディアライブラリ

すると、下記の画面が表示されますので、

縮小ワードプレス メディアライブラリ 新規追加

先程ダウンロードした「わたしのROOM」バナーを

  • 破線内に「直接ドラッグ&ドロップ」または、
  • 「ファイルを選択」をクリックして、「わたしのROOM」バナーダウンロード先を選び、「わたしのROOM」バナー画像をクリック

して「メディアライブラリ」に画像を追加します。

これで、「わたしのROOM」バナー画像の準備ができたので、今度は実際にサイドバーへ画像貼り付けの作業をしていきます。

2.サイドバーに「わたしのROOM」バナーを設置しリンクを貼る

今度は、「わたしのROOM」バナーを貼り付ける作業に入りますが、後ほど、「自分のmy ROOMのURL」が必要になりますので、作業時にすぐURLをコピーできるように

  • 新しいタブで「自分のmy ROOM画面」を開いておくか
  • メモ帳などに、「自分のmy ROOMのURL」をコピーして準備しておく

ことをオススメします。

では、実際のWordPress管理画面画像にて説明していきますね。

管理画面左側のナビゲーションメニューで下の方に表示されている「外観」→「ウィジェット」をクリック。

縮小ワードプレス 外観

すると、下記のウィジェット画面が出てきます。

縮小ワードプレス 外観 ウィジェットW630

次にウィジェット画面左側にある「テキスト」を「サイドバー」に追加します。方法は2通りあり、

  • ウィジェット画面左側にある「テキスト」をドラッグし、右側にある「サイドバー」の枠内にドロップして追加する方法、または
  • ウィジェット画面左側にある「テキスト」の右三角(▼)をクリックして「サイドバー」に追加する方法

どちらの方法でも結果は同じですが、今回は②の方法を画像付きでご紹介していきます。

ウィジェット画面左側にある「テキスト」の右三角(▼)をクリックすると、下記のような画面が表示されます。

縮小ワードプレス 外観 ウィジェット テキスト ぼかし

ここで、「サイドバー」を選択し、「ウィジェットを追加」をクリック。

すると、下記の通り、サイドバーに何もデータのない「テキスト」が追加されます。

縮小ワードプレス サイドバー

私は上記画面のタイトルに「ころゆり楽天ROOM」と入力。

次に、「メディアを追加」をクリックし、「メディアライブラリ」の中から先程追加した「わたしのROOM」バナー画像を選択して「投稿に挿入」をクリックすると、下記のようにバナーが表示されます。

縮小ワードプレス サイドバーテキスト  タイトル入り

次に、「わたしのROOM」バナーを文字を選択する時のように選択し、リンクのマーク(クリップのようなマークです)をクリック。

縮小ワードプレス サイドバーテキスト  タイトル入り リンク矢印付き

上記のように、「わたしのROOM」バナー画像下(赤矢印部分)に、リンクURLを入力する枠が表示されますので、ここに「自分のmy ROOMのURL」を貼り付けてください。

そして、右にある「歯車マーク」をクリックすると下記画面が出てきます。

縮小ワードプレス サイドバーテキスト  タイトル入り リンク別ページ

上記のように「リンクを新しいタブで開く」にチェックを入れ、「更新」をクリックすると、下記の画面に戻ります。

縮小ワードプレス サイドバーテキスト リンク後保存

最後に「保存」をクリックすれば、「わたしのROOM」バナー設置完了です!

お疲れさまでした♪

まとめ:楽天ROOM公式バナーは画像をダウンロードしてから設置しよう!

楽天ROOM公式バナーは、ブログに直接「ブログ用のHTMLソース」を貼る方法もありますが、事前の報告なく、リンク先が変更されたり、削除されたりするとバナーが表示されなくなるため、

  • バナー画像をダウンロードしてから、ブログ内にその画像を貼り付けて、自分のmy roomへのリンクを貼る

という方法で「わたしのROOM」バナーを設置した方が安心です。少し手間がかかりますが、こちらの方法をオススメします♪

テーマJINのウィジェット利用方法を画像付きで超初心者の方にもわかるようにご紹介しましたが、無事リンク設定まで終わりましたでしょうか?

この方法は、他の広告を貼る場合などにも応用できますので、これからバナーなどを設置する方にとって少しでもお役に立つことができれば幸いです。

※バナーデザインが変更された時は、また画像を貼りなおす作業が必要になりますので同じ様に作業してみてくださいね。

最後まで、お読みいただきありがとうございました!

他にも、住宅関係や節約、片付け記事なども書いています。よければこちらもあわせてご覧くださいね♪

【その他の記事】

▼少しでも家計のためにと始めたふるさと納税の節税体験をご紹介

アイキャッチ ふるさと納税
ふるさと納税を夫の代わりに楽天で注文!節税理由と妻が気をつけること随分前から話題になっている「ふるさと納税」ですが、「なんだか難しそう」に感じて今まで一度も利用したことがありませんでした。何でも初めての...

▼我が家の注文住宅建築について失敗談も含めてご紹介したまとめ記事

アイキャッチ 注文住宅 決めたこと
【注文住宅】建築前後に決めることと我が家が後悔したこととは?注文住宅を建てる時は、建築前から建築後まで本当に色々なことを「一から選んで決断して」の繰り返しが続きますよね。 土地探しからハウス...

▼子供の高校卒業後に一気に大物片付けに取り組み始めた体験談をご紹介

アイキャッチ 片付け01物置
40代後半からの定活!シンプルライフを目指して、片付け開始!40代後半になって、強く思い始めたことがあります。それは、 ということ。 そう思い始めた数年前の私は、とにかく毎日の...
error: Content is protected !!