chise labo

実験に次ぐ、実験。私のシコウ実験場。

ブログカスタマイズ実況中継ー角丸そしてフォントアイコンとの戦いへ

前回のブログカスタマイズ実況中継にて、今後施したいカスタマイズを挙げてみました。

本日までの状況を書きたいと思います。

 

f:id:chiselabo:20171101231711j:plain

 

本日までに実施したこと

①サムネイル表示の変更

角丸にしました。

f:id:chiselabo:20171109000634p:plain

関連記事のサムネイルも角丸にしました。

f:id:chiselabo:20171109000754p:plain

参考にさせていただいたのは、こちらの記事です。

www.d-3.site

関連記事のカスタマイズについては、こちらの記事を参考にさせていただいています。

saruwakakun.com

※関連記事のサムネイルの変更は以下のようなコードとなります。

/*関連記事のサムネイルを角丸に*/
img.urllist-image.related-entries-image { 
border-radius: 0.3em;
}

常々、角丸のサムネイルかわいいなと思っていたのでカスタマイズできて嬉しいです。

 

着手していること

⑤ソーシャルボタンの設定

シンプルなデザインにしたいな、と思って着手したのですが、

思った以上に悪戦苦闘しています。

まず、フォントアイコンというものの仕組みを理解していなくて、

見当違いなCSSに手を入れていました。

 

フォントアイコンという言葉も知りませんでした…。

 

<i>タグ調べてなんとか行き着いた感じです。

今日はなんとかフォントアイコンのサイズの変更くらいはできるようになりましたが、

 

ここで、

サブブログ作っといて本当によかった

ということを声を大にして主張したいと思います。

今、サブブログのレイアウトは私の悪戦苦闘ぶりを反映するかのような状態です。

※一度、フォローボタンをこちらのブログに適用しようとして、うまくいかずに撤退しました。

もう少しフォントアイコンと仲良くなったらこちらのブログも変更したいと思います。

 

comming soon…?

 

本日は家事も早く終わり余裕があったのですが、あっという間に時間が過ぎてしまいました。

もう少し進めたかったのはもちろんですが、時間を忘れて集中できることがあるというのはいいな、と思いました。

今後も時間を作ってカスタマイズを進めたいと思います。

 

それでは、本日はこの辺りで失礼いたします。

お時間をいただきありがとうございました。