1046ワークス24口

とーしろさんの趣味よもやま話の通用口。

「はてなブログのデザインを変更してみました」

 

いつも当ブログにお越しいただいている方は
お気づきになったと思いますが、
このたび、上半期の忙しさもなんとか抜けたので、
ブログのデザインをいじってみました。

 

しばらくはこのデザインでいくつもりなので、
初めてお越しになった方もふくめ、
このデザインでよろしくお願い致します。

 

今回は、別のブロガーさんの記事から学ばせていただいた
デザイン変更の方法をまとめてみます。

 

実際に行った作業ですので、
これからデザインの細部をカスタマイズしたい方の参考になれば幸いです。

 

サイドバーのプロフィール編集

 

サイドバーのプロフィール画像と、
紹介文章の追加の作業について。

 

これはまず、
事前にPCのペイントなどでプロフィール画像を作成⇒
(画像はサイドバーの幅から、300pix×300pixくらいが良いようです)

記事を書く⇒画像を貼り、任意のプロフィール文章を書く

⇒下書きを保存⇒HTML編集で、コードをコピー⇒

f:id:itotetsu241046:20200707193223p:plain

 

メニューのデザイン⇒工具のアイコンのカスタマイズ⇒
サイドバーを選択⇒

 

f:id:itotetsu241046:20200707193257p:plain

 

 

モジュールを追加⇒HTML⇒空欄に下書きでコピーしたコードを貼り付ける
⇒適用をクリック。

f:id:itotetsu241046:20200707193355p:plain

f:id:itotetsu241046:20200707193415p:plain

 

これで大きめのプロフィール画像とプロフィール文章の追加ができました。

 

あとは、サイドバーのメニューで好みに名前の位置などを変更したり、
表示記事数の変更や、カテゴリーの追加もついでに行いました。

 

自分は今の色などにしましたが、
背景色の変更もカスタマイズからできますし、
背景画像の変更も既存のものから、
任意の画像アップロードでもできるようです。

 

以上です。

 

やってみると案外大丈夫なものですので、
この記事を見て興味を持った方はぜひ挑戦してみてください。

 

ではでは~。