ハーバル染め師のshihoですクローバー
(ハーバル染めについて知りたい方はこちらをどうぞ

 

マジカルビジュアルを続々納品しているなか

改めて、

amebloの画像設定方法についてご案内します。

 

 

世界にたった1枚の画像、

使い倒していただきたいのです照れ

 

 

★私はド素人ですが、

ネット上には優しい記事が溢れているので

本当に助かります。

 

 

◆まず、amebloのヘッダーとは?

 

こちらのように、ブログ記事の上部に表示される画像を指します。

 

この子ですね。

 

 

プロフィールのカバー画像と混同されがちですが、

こちらは高さが260pxと納品画像よりもやや低いので

切れてしまいます。

下矢印

私が納品するヘッダー画像は通常、高さ400pxです。

 

 

プロフィールのカバー画像に使っていただくのは

もちろん構いません。

 

ですが、

まずはブログのヘッダーをきちんと設定いただきたいのです~。

 

 

◆amebloヘッダーの設定方法

 

原則、CSSで編集します。

 

詳しい方法は以下の記事をご覧ください。

CSSの知識がなくてもできるくらい

分かりやすかったです♪

 

こちらをクリック

 

 

またはこちら

 

 

CSSに触れずに設定することもできます。

 

 

雨宮由貴さんのYouTube動画が分かりやすいですウインク

由貴さんありがたや!!

 

こちら

 

★こちらのやり方は幅980px高さ300px限定となりますので、

お申し込み時、事前にお申し出ください。

 

 

★ちなみに、PCで画面いっぱいに

ヘッダーを表示させたい場合は、

幅2,000pxで作る必要があります。

その際も、事前にお申し出ください。

やり方はこちら

 

 

 

 

続いて記事内に貼るバナーの設定方法です。

 

 

◆そもそもバナーってなに?

 

クリックすると他のサイトにリンクしたり、

同じサイト内の別のページにリンクしたりする

画像のことです。

 

たとえばこちらのモノクロ画像をクリックすると、

公式LINEが開くようになっています。

 

◆amebloバナーの設定方法

 

PCの場合

こちらの記事をクリック

 

 

スマホの場合

こちらの記事をクリック

 

スマホでも出来ないことはないですが、

やや面倒ですねzzz

 

毎回この設定をするのは面倒なので、

記事を複製するのがおススメです。

 

スマホでの記事複製方法はこちら

 

 

正直ね、お仕事されている方は

PCがあった方がいいですぐすん

稼働率ぐんと上がりますから。

 

 

 

【おまけ】ブログ全体の背景の設定方法は

こちらをクリック

 

 

 

たくさんの方に見てほしいあなただけのヘッダー。

 

 

残念ながら

スマホではヘッダーは表示されないので、

記事の下にバナーの様に貼っておくのもおススメです。

 

こんな感じ♪

 

少し低くした、リサイズ画像です★

すぐ対応できますので、

ご希望の方はご連絡ください♡

 

 

 

 

以上、

初心者の私が独断と偏見で選んだ記事群を

ざっくりご紹介しました!

 

 

それでも何のこっちゃな方や、

とにかくお任せしたい方は代行しますので

ご連絡くださいね~星

 

 

◆+。・゚*:。+◆+。・゚*:。+◆+。・゚*:。+◆+。・゚*:。+

ハーバル染め師講座は、現在受付停止中です。

先行案内は公式LINEでします。

 

友だち追加

◆+。・゚*:。+◆+。・゚*:。+◆+。・゚*:。+◆+。・゚*:。+

 

。.。:+* ゚ ゜゚ *+:。.。:+* ゚ ゜゚ *+:。.。.。:+*゚ ゜゚ *+:。.。:+*゚ ゜゚ *+:。.。.。:+*+:。.

 

◆ ブログ更新のお知らせや日々の出来事を綴っています

 

 

 

◆ ハーバル染め師shihoの講座・新商品などの先行案内がいきます

 
 

友だち追加

 

 

💐植物の祭典<オンラインショップ>

 

 

 

◆ ときめきの宝箱が開く魔法の鍵

 

 

 

◆ shihoの頭の中が丸見え

 

。.。:+* ゚ ゜゚ *+:。.。:+* ゚ ゜゚ *+:。.。.。:+*゚ ゜゚ *+:。.。:+*゚ ゜゚ *+:。.。.。:+*+:。.

 

ブログトップへ