Tamipet’s blog

開設日2024/11/26 ゲームレビューとブログ運営の実録、雑談 が主。

本文のカラーを自由に変えたかっただけなのに はてなブログ初心者 嘆きの時

目次

最初の挑戦と失敗

見たままモードに文章を記述する。

その後、HTML編集画面にて、カラーを変更しようと弄る。

プレビューモードで確認する。

一切の変化無し=失敗 アチャ~

参考文献の発見と閲覧

はてなブログ開発ブログで、文字色変更機能についての記事を発掘する。dig,dig

カラーパレットは固定の30色から選択

出来ると書いてあった。

また、はてなブログヘルプでは
A 文字色 文字の色を30色の中から選ぶことができます。

と述べられていた。

ツールバーの「文字色」のカラーパレットを確認する。

確かに縦5、横6色で合計30色が選び取れる。

ヘクサード配色にカラーパレットが従っていることを把握した。

さらなる挑戦と偶発的成功

今度は、いきなりHTMLを弄るのではなく、2つの段階を踏む。

1.ツールバーの文字色を使って適当な色に変更する。

2.HTML編集モードで目的の色に変更する。

出来た!

#942343 ガーネットという色にすることが出来た。

もう一度試したところ、利休色と云われるカラーにも変更できた。

何故、最初の挑戦では色替えが行えなかったのだろう。

次の日。

また、色を変えることが出来なかった。振り出しに戻る?

原因不明

何が悪いのか。さあ

そもそもそれを突き詰める必要はあるのか?いや無い

クラスを指定して、装飾する方法を実行してみよう。一回の成功を使い回せるのもおトク

ムニャララコードの書き込み失敗した泣

で試してみる。

成功した!しかし、タイトル部分が■になっていた。

から、タイトルに短歌と入れてみた。

けれど、コードごと書いたら、丸々記載されてしまった。orz

迷走と代償

あれ。
タイトルは<title>の要素なのでは?つまり、title指定で、デザインシートの方で加工できる?

そう思いはてなブログのデザインを確認してみる。
心が折れそう。今まで試した残骸で、元がどのようになっていたかわからない。
そう思考した直後、はてなブログヘルプが答えを教えてくれた。
コピペして保存したら、ブログの見た目がすべて変わった。は?
一時しのぎで文字が読める背景を設定した。マジかよ
「ブログ名」と「ブログのひとこと説明」の文字が全て白くなった。もしかして、記事下方に「上部に戻るボタン」を付与するチャレンジで何かしてた?

結論

  • ちょっとした色替えなら出来る。
  • デザインコーナーを破茶滅茶に弄ると泣きをみる。