はてなブログのデザインは、これまで MINIMだった。
- 個人的には、検索ボックスをよく使うのでサイドバーが出ていた方が良かったが、
- その分、本文の幅が狭くなり、それでも長い文章になることが多いのに、冗長になるのを気にしていた。
しかし、デザイン MINIMは、
- ズームアップすれば、サイドバーがフッターに移動するし、
- サイドバーが出ていいる状態で印刷すれば、サイドバーがフッターに移動する(ブラウザーの所為かも知れない)
ので、気に入っていた。
しかし、iPS会員の「見かた」を見る限りでは「考え過ぎ」だったようで‥‥ 非公開の第2のブログで探していて今日、デザインを思い切って「Wideboard」に変えた。
直後、
- 背景色がグレーだったので、画像の背景色の白色が目立つ。で、デザイン ⇒ カスタマイズ ⇒ 背景色 から、
白色薄いピンク色に変更した。
前述のように「検索ボックス」をよく使うので、
- nyanco! ブログさんの記事
肝はURLの末尾の「#box2-inner」です。
を参考に、
chromeのデベロッパーツールで「検索窓」がどこにあるのか確認したところ、この「div id=”box2-inner”」の中にあったので、単純にページ内リンクで「検索窓」のあるところまでジャンプさせよう!という単純な作戦です^^;- KKDで URLに https://ogohnohito.hatenablog.jp/#box2-inner を入力したら‥‥
- フッターにある 検索ボックスにジャンプした のでシメシメ‥‥
- とりあえず、ヘッダーにリンクを張った。
今後は、
- 2019-02-06 のブログ
何時だったかわすれたが、公式テーマの「Report」を「MINIM」に変更した。
- 管理メニュー ⇒ デザイン ⇒ デザインテーマの
- [公式テーマ]の下にある「テーマストアでテーマを探す」から
- スタッフが選ぶ「白を基調としたシンプルなテーマ」6選 にある モダンな「MINIM」 をインストールした。
- 結果として[公式テーマ]のドロップダウンリスト ⇒ インストールしたテーマ に入った。
- 引用の <blockquote> が使え、四角で囲まれる。
- 水平線も <hr width=60%> が使える‥‥ 等
の検証の他に、
- ヘッダーの画像の入れ替え
- 本文の幅が広くなったので、画像の幅も広げられるはず...
- 選択範囲を印刷できるか...
等があり、ボチボチ進めたい。
≪追伸≫
- 2020-02-29
- ヘッダーの画像を 600×100 で作成し直した。
- 高さが低いので、幅も狭くせざるを得なかった。
- 結果、高さは120px.までいけそうだ...
- <hr width=75%> は効くが、線が今までより太い。
- 箇条書きの下に番号付きリスト(++)は使えない。(箇条書きになる.チョッとやばいかも...)
番号付きリストの下は全て箇条書きになる。
- ヘッダーの画像を 600×100 で作成し直した。