アメブロのヘッダー画像を無料ツールで作成する方法

2020年4月20日

アメブロカスタマイズの最初の一歩ヘッダー画像を作成します。無料ツールのcanvaで作るやり方をご案内します。

preshine

Preshine 有田絵梨フリーランス女子のためのWEBコンサルタントブランディングとWEBを軸に女性起業家さんたちのサポートを行っています。本サイト管理者。本サイトのライティングを行なっているブランディングコンサルタントを育成しています。

-ALL
-アメブロカスタマイズ

: ALL

メルマガバックナンバー

こちらはPreshineのメルマガのバックナンバーです。私の会社員時代に得てきたものをストーリーとしてご紹介しております。 Preshine Story①挫折した就活。とある紳士が私の救世主 Pr ...

: ALL

スマホで完結♡作品の上にロゴを載せる方法

お稽古サロン運営の方からよく聞かれる質問 ”せっかく作ったロゴ。作品をインスタにあげるときなどに使いたい” そんな時にオススメなのは canva &nbs ...

: ALL

初めましての方へ

皆様、初めまして。フリーランス女子のためのWEBコンサルタントPreshine有田絵梨です。サイトにお越しいただきありがとうございます。こちらのサイトは私が制作やコンサルでご縁のあった方々のサービ ...

: ALL

制作実績♡ベビグラファー manababy様熊本

実績紹介熊本ベビグラファー manababy様アメブロカスタマイズを行わせていただきました。ベビーだけでなくバレエなどのレッスン風景も撮影されています。自然で柔らかいお写真が素敵に見えるようなデ ...

ALL

アメブロのヘッダー画像を設置する方法

アメブロのヘッダー画像が作成できたら、設置します。設置の際にcssに入れるコードはこちら CSS編集画面の最後に追加してください。

/* ヘッダータイトル */
.skin-headerTitle {
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}

/* ヘッダー画像を設定する */
.skin-bgHeader {
  background: no-repeat scroll center top;
  background-image: url(#);
background-size:100%;
width:1120px;
    margin: 0 auto;
    height: 500px;
}

/* ブログタイトルと説明文を非表示にする */
.skin-headerTitle {
  display: none;
}