まりふのひと

ブログのデザインを MINIM → Wideboardに変えてみた...

 はてなブログのデザインは、これまで MINIMだった。

  • 個人的には、検索ボックスをよく使うのでサイドバーが出ていた方が良かったが、
  • その分、本文の幅が狭くなり、それでも長い文章になることが多いのに、冗長になるのを気にしていた。

しかし、デザイン MINIMは、

  • ズームアップすれば、サイドバーがフッターに移動するし、
  • サイドバーが出ていいる状態で印刷すれば、サイドバーがフッターに移動する(ブラウザーの所為かも知れない)

ので、気に入っていた。f:id:ogohnohito:20200229181804j:plain:right:w200
 しかし、iPS会員の「見かた」を見る限りでは「考え過ぎ」だったようで‥‥ 非公開の第2のブログで探していて今日、デザインを思い切って「Wideboard」に変えた。

直後、

  • 背景色がグレーだったので、画像の背景色の白色が目立つ。で、デザイン ⇒ カスタマイズ ⇒ 背景色 から、白色薄いピンク色に変更した。

前述のように「検索ボックス」をよく使うので、

  • nyanco! ブログさんの記事

     肝はURLの末尾の「#box2-inner」です。
    chromeデベロッパーツールで「検索窓」がどこにあるのか確認したところ、この「div id=”box2-inner”」の中にあったので、単純にページ内リンクで「検索窓」のあるところまでジャンプさせよう!という単純な作戦です^^;
    を参考に、

今後は、

  • 2019-02-06 のブログ

     何時だったかわすれたが、公式テーマの「Report」を「MINIM」に変更した。
    1. 管理メニュー ⇒ デザイン ⇒ デザインテーマの
    2. [公式テーマ]の下にある「テーマストアでテーマを探す」から
    3. スタッフが選ぶ「白を基調としたシンプルなテーマ」6選 にある モダンな「MINIM」 をインストールした。
    4. 結果として[公式テーマ]のドロップダウンリスト ⇒ インストールしたテーマ に入った。
    変更して良かった点は、従来の HTMLタグが使えること。
    • 引用の <blockquote> が使え、四角で囲まれる。
    • 水平線も <hr width=60%> が使える‥‥ 等

の検証の他に、

  • ヘッダーの画像の入れ替え
  • 本文の幅が広くなったので、画像の幅も広げられるはず...
  • 選択範囲を印刷できるか...

等があり、ボチボチ進めたい。



≪追伸≫

  • 2020-02-29
    1. ヘッダーの画像を 600×100 で作成し直した。
      • 高さが低いので、幅も狭くせざるを得なかった。
      • 結果、高さは120px.までいけそうだ...
    2. <hr width=75%> は効くが、線が今までより太い。
    3. 箇条書きの下に番号付きリスト(++)は使えない。(箇条書きになる.チョッとやばいかも...
      番号付きリストの下は全て箇条書きになる。