① 準備編
② 背景色の変更
③ ヘッダー画像を自分オリジナルに
④ ”次の記事への移動”ボタンを可愛く
⑤ ナビゲーションバーを可愛く
①の準備をしたら、あとはお好みで変更したい記事を読んでみてください
アメブロのパソコンから見た画面は
自分色にカスタマイズ
が可能です![]()
ヘッダー画像を変えたり![]()
メニューバーを付けたり![]()
サイドに提供中のサービス一覧を載せたり![]()
こんな感じでいろいろできちゃいます。
難しそう![]()
って思うかもしれませんが、簡単なものをいくつかご紹介していこうと思います!
ヘッダー画像を自分で作るだけでも、かなりオリジナル感でますよー![]()
ってことでまず準備編!
<カスタマイズできるデザインを選ぶ>
アメブロを始めるときに、みなさんデザインを選んでるかと思います。
↓こういうのです
この中から、カスタマイズ可能なものを選びなおす必要があります。
そこまでできれば準備完了です![]()
では選びかたの説明です![]()
ブログ管理のページ(記事の編集をしたりするときに開くページです)
の下の方にある、『デザインの設定』をクリックします。
デザインがたくさん出てくるので、カスタマイズできるものだけを表示します。
画面の下の方にある『カテゴリーから選ぶ』の『カスタム可能』をクリックしてください。
またデザインの一覧が出てくるので、下の方にある『CSS編集用デザイン』を選びます。
3種類あるのですが、それぞれブログを開いたときの表示のされ方が違います。
カーソルを合わせると『表示を確認する』という文字が出てきますので、
クリックしてください。
3種類とも表示を確認してみて、一番見栄えが良いものを選びましょう![]()
気に入ったものが決まったら、
『適用する』のボタンを押したら準備完了です。
お疲れさまでした![]()
『デザインの設定』を押すと、
『CSS編集』という文字がありますのでここをクリック。
すると
カスタマイズするための画面が出てきます。
次回はここを変更してカスタマイズをしていきます。
まずは簡単な背景の色の変更からです![]()










