nekonekobook’s blog

絵日記ブログです。

「ブログのデザイン変更」備忘録

  

ブログをこういう風なデザインにしたい。という憧れがありますが、なかなか実現できません。あれこれ考えていても時間が経つだけなので、デザイン変更に挑戦してみました。


次回変更の時に参考にできるよう、記事として残してみました。

 

1. [ダッシュボード] の [デザイン] を開きます。
2.  今回は「公式テーマ」の「レトロポップ」を選択。

f:id:nekonekobook:20210713121235j:plain

 

3. 「スパナマーク」を選択。「背景画像」の下画像矢印で示した画像を選択。

   今回は梅雨をイメージして、青緑色の画像を選択しました。

 

f:id:nekonekobook:20210713121256j:plain

 

4. ヘッダ「タイトル画像」を選択。

 「ヘッダ」は、ブログの一番上の部分です。
 ペイントソフト「クリップスタジオ」でイラストを描き、画像を用意しました。

 

 **********************
 ↓ 今回、パソコンで表示したイラストの画像サイズ:「幅 630 px × 高さ 200 px」

f:id:nekonekobook:20210714111346j:plain

 

 ↓ パソコンでの表示

f:id:nekonekobook:20210713121424j:plain

 

 **********************

 ↓ 今回、スマートフォンで表示したイラストの画像サイズ:「幅 600 px × 高さ 190 px」

f:id:nekonekobook:20210714111411j:plain

 

 ↓ スマートフォンでのメイン画像は、このように表示されました。次回は、幅のサイズの再考をしたいと思います。

f:id:nekonekobook:20210713144722j:plain


↓ 記事を表示した時の画像。上下が切れて表示されてしまいました。解決法が分からなかったので、次回は上下がカットされても影響しないデザインを考えたいと思います。

 

f:id:nekonekobook:20210713144929j:plain


*************************

 

書籍『はてなブログ Perfect GuideBook』を参考にしました。

はてなブログ」初心者の私には、手放すことが出来ない一冊です。

(*'ω'*)

 



↓ このソフトでイラストを描いています。


 *************************

最後までお読みいただき、ありがとうございました。

 (*‘ω‘ *)