アメブロカスタマイズ

アメブロのヘッダー画像が設置できたら今度はその下に入れるボタン画像を制作＆設置しましょう。＊Google Chromeでの作業をお願いします。設置の際にcssに入れるコードはこちら ...

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

2020/4/20 アメブロカスタマイズ

アメブロのヘッダー画像が作成できたら、設置します。設置の際に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;
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

/* ヘッダータイトル */

.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;

}

...

ALL

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

2020/4/20 アメブロカスタマイズ

アメブロカスタマイズの最初の一歩ヘッダー画像を作成します。無料ツールのcanvaで作るやり方をご案内します。 canvaの登録はこちら https://www.canva.com/

ALL

アメブロカスタマイズのテンプレート設定

2020/4/20 アメブロカスタマイズ

アメブロカスタマイズを行うには、専用のテンプレートで作業していく必要があります。設定動画はこちらからご覧ください。