実体験レビュー

JIN 楽天ROOMと連携 ヘッダー画像の作り方

こんな方にお役に立てる記事
  • 有料テーマJINを使っている
  • 楽天ROOMを利用している
  • ブログに楽天ROOMをリンクする
  • 画像付きで説明してほしい
コバッチ
コバッチ
どうもー
コバッチです

 

現在当ブログは、有料テーマ『JIN』

ブログを作成しており、

ヘッダー画像を用いて

楽天ROOMをブログに

リンクさせる方法をご紹介していきます

 

当ブログの完成形はこんな感じになりました

両端がきれてるじゃないか
うっそれは……
こんな感じでも
良いよって方は
ご覧くださいwww

 

手順方法

Canvaで画像を作成

サイトデザイン設定を変更

ヘッダー画像設定に画像を挿入

リンク先URLを記入

 



Canvaで画像を作成

まずは先ほど完成形の写真で

お見せしました

ヘッダー画像をCanvaで作成

していきたいと思います

 

Canvaとは

グラフィックデザインを無料で

プロ並みの画像編集ができ

簡単に作成できるツール

 

ヘッダー画像は1/4で作成

 

ヘッダー画像はCanvaで

決まったサイズで作成すると

ヘッダー画像が大きすぎて

ブログの大半をヘッダー画像になります

そこでヘッダー画像は1/4で

作成するのをおすすめします

 

画像をトリミング

 

では次に余白部分の切り取り

「トリミング」を行っていきます

方法は様々ありますが、今回は

Windowに搭載しています

ペイント3Dでトリミングしていきます

 

トリミングの手順

「編集する画像を右クリック」

「ペイント3Dで編集するを選択」

(以下画像で説明)

トリミングを選択

 

「不要な余白部分を削除」

 

「削除が終わったら完了を選択」

「メニューを選択し、保存する」

 

サイトデザイン設定を変更

 

次はヘッダー画像を挿入するために

サイトデザインを変更する必要があります

 

「外観を選択」

「カスタマイズをクリック」

 

「サイトデザイン設定をクリック」

 

「(ヘッダー画像あり)のスタイルを選択」

ヘッダー画像ありは

7種類のスタイルがあります

お好み選択してください

※完成形はスタイル4になります

「設定が完了した公開をクリック」

 

こちらは設定を完了した

初期設定のヘッダー画像

 

ヘッダー画像設定を変更

 

次にヘッダー画像を挿入するたのめ

ヘッダー画像設定を変更していきます

 

「ヘッダー画像設定をクリック」

 

「画像を変更をクリック」

「Canvaで作成した画像を挿入・選択」

 

「ヘッダー画像のリンク先URLを選択」

「楽天ROOMのURLを貼り付け」

 

楽天ROOMのURLの調べ方

①楽天ROOMのサイトにアクセス

②ログインを行う

③myROOMを選択

④アドレスバーからURLをコピー

 

「キャッチフレーズの文字の削除」

「サブテキストの文字を削除」

「設定が完了した公開をクリック」

 

設定は以上で完了です
コバッチ
コバッチ

デバイスでの表示確認

 

完成したヘッダー画像が

パソコン、携帯、タブレットで

表示サイズが違うので、

それぞれ確認しましょう

 

左下にある「アイコン」で

それぞれ表示が切り替えれるます

 

ちょっとしたポイント

 

ヘッダー画像は画像内の範囲であれば

どこをクリックしても

リンクしたURLへ移動します

 

ちょっとした工夫で

クリックして欲しいために

コバッチの顔に

「こちら」クリック→

という画像を作成しました

 

まとめ

 

ヘッダーの画像設定をすることで

ブログから楽天ROOMへの

リンクが可能になり、

ブログ記事を見なくても

どういった商品を紹介しているのかという

興味をもってもらえるのに

今回の設定は役に立ちます

 

有料テーマJINの方にしか

今回の設定方法は使えないかもしれませんが

JINを使用している方は

是非試してみてください。

 

 

このブログは4つのコンテンツ記事

を書いております、

仕事やプライベート、実生活、副業で

お役に立てるように書いています

よけえればクリックして見て下さい

是非見てね~
コバッチ
コバッチ

「電気工事」

電気工事士になってみよう 電気工事の内容・資格・年収などを ご紹介していきます 現在も電気工事店に勤めており 電気工事...

「DIY・電気工具」

DIY 電気工具 家電 特集 電気工事では色んな仕事に 携わるため、 仕事に必要な電気工具は 多岐にわたります いろん...

「実体験レビュー」

実体験レビュー 電気工事以外にも 仕事、生活、プライベートで 実際に使用しているものだけを 実体験レビューとして ...

「ブログ運営・作成方法」

ブログ運営・作成方法 2021年2月から当ブログは 運営を開始いたしました そこでブログを作成している過程で 「他のブロガ...
ABOUT ME
cobacchi
ご覧いただきありがとうございました。 みなさまのお役に立てるような 電気や生活に関することを発信するサイトになります またよかったら見にきてください

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA