楽天ルームの公式ロゴバナーはコレ！ブログへの貼り付け方

私は楽天大好きユーザーです。

楽天ルームも利用しており、実際に買った物や気になる商品を登録しています。

ブログを読んでくれた方からの訪問も期待してリンクも貼ってありますが、気になったのがバナー（アイコン）。

ブロガーさんが自作されている感じのバナーを羨ましく思いつつ眺めていると、公式のロゴにそっくりなバナーを時々見かけます。

ふと、

「公式の楽天ルームのロゴバナーはどこにあるのだろう？」
「そもそもバナーはあるの？」

と気になってしまったので調べてみました。

くうか

公式バナーのことと、バナーのブログへの貼り付け方を紹介します。

＼ こちらもおすすめ ／

• SWELLってどんなテーマ？正直にレビューします

＼ 今すぐ公式サイトへ行く ／

WordPressテーマSWELL

公式の楽天ルームのロゴバナーは、ある！

まず結論から言ってしまうと、公式で用意されている楽天ルームのロゴのバナーはありました！

こちらです！

バナーはどこにあるかというと、ご自身の楽天ルームのmy ROOMの設定アイコンから、

【ヘルプ】→【よくある質問】→【my ROOM】の

①【ヘルプ】へ

②【よくある質問】へ

③【my ROOM】へ

そして、

④【ブログやWebサイトに自分のmy ROOMへのリンクを貼りたいのですが、バナーはありますか？】へ

上記の質問の先に、以下の答えが書いてあります。

「こちら」のリンク先からバナーを直接リンクするか、ご自身でダウンロードして使用することができます。

楽天ルームのロゴのバナーの貼り方

それでは、ロゴバナーのブログへの貼り付け方を説明していきます。

方法は２つ。

1. 直接バナーをリンクする方法
2. バナー画像をダウンロードしてブログで利用する方法

まず、ご自身のmy ROOMのURLを知っておく必要があります。

楽天ルームのページへ行くと【my ROOM】のアイコンがありますので、こちらをクリックして表示されるページが「ご自身のmy ROOM」です。

アドレスバーからそのmy ROOMのURLを確認してください。

私のmy ROOMだとURLは「https://room.rakuten.co.jp/room_ku-ka/items」となります。

①直接バナーをリンクする方法

バナーは予告なく削除や変更されることがあると記載されているので、直接リンクされる方は注意してください。

”ご自身のmy ROOMのURL”の部分を書き換えて利用する。

<a href="ご自身のmy ROOMのURL"><img src="https://room.rakuten.co.jp/campaign/bnr/common/myroom_banner.png" border="0"/></a>

新しいタブを開く「target=”_blank”」などはお好みで追加してください。

追加した状態のコードはこちら

<a href="ご自身のmy ROOMのURL" target="_blank" rel="noopener noreferrer"><img src="https://room.rakuten.co.jp/campaign/bnr/common/myroom_banner.png" border="0"/></a>

②バナー画像をダウンロードしてブログで利用する方法

公式でこちらのバナーをご自分のパソコンに保存し、 WordPress等使用されているブログサービスへ画像をアップロードします。

ご自分のサイトのサイドバーや記事内のhtml記述欄に、

<a href="ご自身のmy ROOMのURL"><img src="バナーのURL" alt="画像の説明"/></a>

を、記述します。

新しいタブを開く「target=”_blank”」などはお好みで追加してください。

追加した状態のコードはこちら

<a href="ご自身のmy ROOMのURL" target="_blank" rel="noopener noreferrer"><img src="バナーのURL" alt="画像の説明"/></a>

私の場合は、WordPressテーマ「SWELL」のブログパーツを使って記事の最後に毎回表示させるようにしています。

くうか

はてなフォトライフからの画像の貼り方は少々特殊なので、以下補足説明していきます。

はてなフォトライフの画像をサイドバーに貼るには

はてなフォトライフにアップロードしたバナー画像を使う場合です。

サイドバーに画像のリンクを貼る場合、はてなフォトライフの画像のURLがどこに書いてあるのかとてもわかりづらいですよね…。

もっとわかりやすい方法があると良いのですが、私はこうやって調べています。

はてなフォトライフ→フォルダ編集→該当の画像にチェックし、【ブログに貼り付ける】 を選択

HTMLタグをコピーし、バナーを貼りたい箇所に貼り付けます。

a href="ご自身のmy ROOMのURL" 

aタグ内のリンク先URL部分を自分のmyROOMに変更すればOKです。

実際の表示は、

このような感じになります。

【まとめ】楽天ルームの公式ロゴバナーのブログへの貼り付け方

楽天ルームのロゴバナーは公式で用意されています。

公式バナー以外は非推奨のようなので、注意事項をよく確認してくださいね。

ブログへの貼り付け方は以下の２通りがあるので、お好きな方法で作成してください。

私のメインサイト「くうかんしんぷるライフ」は、②のダウンロードをして記事の最後に公式バナーを貼っています。

くうか

良かったら見て行ってくださいね♪

＼当ブログの利用テーマとレンタルサーバーはこちら／

WordPressテーマSWELL

当ブログで使用しているWordPressテーマ「SWELL」。 ブロックエディタの圧倒的な使い心地の良さ、シンプルで洗練されたデザインで、大人気テーマです。

詳しくみる購入する

エックスサーバー

国内シェアNo. 1のレンタルサーバー。私も利用中で安心して使えます。独自ドメインが２つ無料になるキャンペーンもあってお得に始められます。

詳しくみる契約する