カスタマイズが遅れた理由

なぜ今まで手を付けていなかったかというと

が単純な理由です(;・∀・)

はてな記法について(おまけ)

あと、超余談なんですが、上記でピンクストライプの"囲み枠"を使用したのでその話を。
実は最近、記事の編集方法を「見たまま」→「はてな記法」に変更しました。

理由としては、HTML等を使うことが増えきたため
「見たまま」モードにすると
パッと見で効果がついているか分かりづらい
というデメリットが出てきたからです。

そこで「はてな記法」に変更したところ
どの文字に効果がかかっているか分かりやすく
良さそうだったのですが
囲み枠を反映させようとすると、一列空白行が出来てしまう
という状態に…( ;∀;)

下記、公式ページで調べてみたところ
「改行」項目に"連続した空白の行2つ"
との記載がありました。
help.hatenablog.com

ということで、空白を作らないために
HTML文を改行せず一行にして

という形で記載したら上手くいきました。

焦りましたが、勉強になりました…笑

カスタマイズのタイミング

以前のブログ運営経験から
デザインの優先順位が低かったというのはありますし
実際、大事なのは記事なので
後回しにすること自体は正解だと思いましたが

これも、50記事くらいの段階で取り掛かればよかったかも
と思いました笑

カスタマイズ前までの記事の見出しは
文字サイズや色を記事内で、直接変更していたのですが
そうすると、CSSをいじるだけだと一括変換できなさそうだったので
今までの見出しをデフォルトに直すという作業が入ってしまいました。
(※できるのかもしれませんが、そこまで調べる気力がなく；；)

私の場合、今までが適当すぎて
見出しを使っている記事は、かなり少なかったのですが
それでも、まあまあ面倒だったので
もう少し早めにカスタマイズしといた方が良かったかも…と思いました。
(でも、同時に、目次をつける作業を怠けていてラッキーとも思いました笑)

作りこみ

どこまで作りこもうか
凄く、迷いどころではあったんですけど
後々修正する記事が多くなるほど面倒だろうな
というのはあったので
もう、できるところまでやりました。

SE時代にウェブ系のプログラム言語を使用したことがなかったので
CSSに関しては全くの無知でしたが
全部理解しなくても今までの経験で行けたので

あれ、もしかして
SE時代の経験も無駄じゃなかったのか?

と思い、嬉しかったです笑

あと、よく考えたら
中学生の頃にHPを作成していたので
HTMLの基礎知識はあるんですよね。
中学の頃の知識もまさかの形で役立ちました笑

余談1
外観のカスタマイズ作業をしていた際に
めちゃくちゃ肩こり酷くて…
SE時代よく頑張れたな
と思いました。

そういえば
身体が凝りすぎて息するだけで全身痛む
みたいなこともあったなあ…などと
昔のことを思い出していました
(今思うと大分限界。)

余談2
最初、なぜかCSSが全く反映されなくて
反映されない理由を探しまくったため知識だけつきましたが
一度、CSSを全部貼り直したら、あっさり反映されました…笑

今思うと、余計な記号とか残っちゃったのかな
と思いますが
もし、私と同じような感じでCSSを変更したのにかすりもしない…
という方は、一度、貼り直してみると意外と上手くいくかもしれません。
※テスト環境(自分だけ見ることのできる非公開サブブログ)を作って試すのが一番確実です。また、バックアップとしてメモ帳機能等に修正前のものも載せておくと安心です。

続きを読む(おまけ)

"続きを読む"の補足(?)なんですが
「続きを読む」を設定するのはボタンをワンクリックで簡単に設定できるものの
適用されるのは
一覧表示ではなく、全文形式の時だけらしい

ので
投稿後の記事を見ても
「続きを読む」が表示されず
なんでだろう；；
と戸惑っていましたが

ブログトップに戻り
一覧表示させるとちゃんと反映されていました笑