chise labo

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

ブログカスタマイズ実況中継ーCSSに翻弄される

今月はブログのカスタマイズを少しずつ進めています。

本日までに実施したカスタマイズと今後、実施したいカスタマイズについて書きたいと思います。

f:id:chiselabo:20171101231711j:plain

本日までに実施したカスタマイズ

太字の表示を蛍光ペン風に

太字を蛍光ペン風にする表示、かわいいなと思って憧れていました。

※こちらの記事を参考にさせていただきました。

www.ringocatnote.com

www.north-geek.com

もう少し幅を太くして、もう少し色合いを淡い感じにしたいなと思って数値をいじってみたのですが、思ったような結果が得られず…。

こちらの件は、折を見てCSSについて調べてリベンジしてみたいなと思っています。

カエレバを使ってみる

カエレバ、ヨメレバを使ってみたいなと思っていました。先日、プライバシーポリシーを整備したので、使ってみることにしました。

※使用した記事はこちらです。

chiselabo.hatenablog.com

使用するにあたって表示に対するカスタマイズ用のCSSも導入しました。

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

www.yukihy.com

貼り付けてからやっぱり位置を変えてみようと思い、コードを移動したのですが、枠線部分をまるっと移動し忘れて枠だけ元の位置に残るという、うっかりもしでかしてしまったのですが、なんとか意図する表示になりました。

カエレバ使用を機に、以前に書いた記事のリライトも行ってみたいな、と思いました。

 

どうにもCSS(というかhtml周り全般)に苦手意識があるので、カスタマイズについての記事にはとても感謝しています。ありがとうございます。

パンくずリストを表示してみる

こちらは設定を変更しました。チェックボックスをひとつチェックして保存するだけで適用されました。

f:id:chiselabo:20171122232143p:plain

…私は一度、しっかり時間を作って、デザイン設定のページと腹を割って話したほうがいいかな、と思います。設定画面ちゃんと見よ…(既出)。

 

今後、実施したいカスタマイズ

以下の記事で5つカスタマイズしたいことを挙げました。

chiselabo.hatenablog.

進捗状況は以下の通りです。

①サムネイル表示のカスタマイズ→済

②ナビゲーションの設定→着手

③見出しのカスタマイズ→未着手

④目次のカスタマイズ→未着手

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

※①と⑤の設定の様子

chiselabo.hatenablog.com

②についてはサブブログのほうで設定して確認しています。パンくずリストの表示と関連しますが、合わせて、カテゴリを整理しようかなと考えています。特に始めたばかりの10月の記事のカテゴリが散らかっている印象なので、見直したいと思います。そうするとグループの設定にも多少、見直しが入るかなと思います。

③、④についても徐々に手を付けられたら、と思います。見出しと目次は連動して使用している記事も多く、多用もしているので、ちょっと慎重に作業したいと思います。

 

先月はあまり手をつけられなかったブログのカスタマイズですが、手を付け始めるとあれもこれもとなってきて際限がなく、それがまた楽しいな、と思っています。

読み易いブログを目指して今後も手を加えていきたいと思います。

 

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

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