【公式】楽天ルームの画像付きリンクをアメブロに貼る方法

こんにちは!さちこです♪(*’ω’*)

 

今回は、楽天ROOMの画像付きリンク(バナーリンク)を

アメブロのスマホアプリに貼る方法を解説します。

 

(パソコン版でも操作はあまり変わらないと思います)

 

 

ちなみにウェブサイトの楽天ROOMなどから

テキトーに選んでダウンロードした画像は

使っちゃダメ!!なので、

 

ちゃんと公式が許可している画像で

リンクを作る方法を解説していきますよ~。

 

 

楽天ルーム画像付きリンクのアメブロへの貼り方

こんな流れで作業していきます。

↓↓↓

  1. myROOMのURLをコピー
  2. 公式で許可されてる画像をダウンロード
  3. アメブロで画像リンク作成

 

画像付きで解説しているので、

落ち着いてよく見ながらやってみてくださいねー。

 

 

①myROOMのURLをコピー

アプリを開いて「myROOM」をタップ。

 

 

右上の3つの点をタップ。

 

 

「コピー」を押して、メモ帳などに

一旦保存しときましょー。

 

 

②楽天ROOMの公式画像をダウンロード

次に、楽天ROOMが公式に許可している

画像をダウンロードします。

 

myROOM右上の設定マークをタップ。

 

 

一番下の「ヘルプ」をタップ。

 

 

「よくある質問」をタップ。

 

 

「myROOM」をタップ。

 

 

「ブログやwebサイトに自分のmyROOM]への~」をタップ。

 

 

「こちら」をタップ。

 

 

バナー画像が表示されるので、長押しして

スマホ本体に保存する。

 

 

③アメブロで画像付きリンクの作成

次はアメブロで画像付きリンクを作成していきます。

 

アメブロアプリを開いて記事作成ボタンをタップ。

 

 

「HTML編集」をタップ。

 

 

「OK」をタップ。

 

 

画面が切り替わったら、

ここに下記のコードをコピペします。

<center><a href=”●” rel=”nofollow noopener” target=”_blank”><img src=”★”></a></center>

 

 

●を消して、さきほどメモ帳に保存しておいた

myROOMのURLを貼り付ける。

※1文字でも消してしまったり、関係ない文字を入れてしまうと

バナーリンクとして機能しなくなるので注意!

 

 

ここで一旦、右上の「完了」を押して

通常モードに戻す。

 

 

入力したコードが変な四角になってますが

気にしなくてOK。

 

 

この四角の下に何個か適当に改行を入れて

「あ」と入力し…

 

 

「あ」の横に、さっき

ダウンロードしておいたバナー画像を貼る。

 

 

右上の「入力完了」を押して…

 

 

もう一度「HTML編集」をタップ。

 

 

さっき入力した「あ」を探して、その少し後にある

「/var/mobile/Containers/Date~294A6729A1F5.jpg」

という文字列が画像のURLなので、コピー。

 

 

★を消して、今コピーした画像のURLをペースト。

 

 

右上の「完了」を押して通常モードに戻して…

 

 

上にあるのが今作成したバナーリンクです。

下にあるのはリンクではないただの画像なので消してOK.

 

 

一度作ったバナーリンクは、メモ帳などに保存しておくと便利!

コピーするには、「HTML編集」タップして…

 

 

下の画像にオレンジで色を付けている、

<center><a href=” ~ jpg”></a></center>

の部分をコピペして保存しておきましょー。

 

ブログ記事に貼る時は、必ずHTML編集モードにしてから

貼り付けてくださいねー。

 

 

あと、実際に記事に貼って公開した後は

自分でクリックして

ちゃんとmyROOMに飛ぶかを

一度確認しておいた方が良いですよ!

 

私は確認せず貼りっぱなしだったせいで、

クリックしても画像が拡大するだけ

っていう状況だったことに

1か月くらい気付かなかったので…(笑)

 


 

はい!

お疲れさまでしたー!

 

一回作ってメモ帳に保存しておけば

毎回コピペするだけで

簡単に楽天ROOMの画像付きリンクが貼れますよ♪

 

ぜひやってみてくださいね~(●´ω`●)

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です