読者です 読者をやめる 読者になる 読者になる

雄町くんが行く!

雄町米の日本酒を飲み現実逃避が得意技の中年サラリーマンの雑記

はてなブログのカスタマイズで一日が終わった…

カスタマイズ内容

GW初日は、はてなブログのカスタマイズだけで終了

文字を大きくした

※ちなみに、コピペ場所は「デザイン→スマホ→ヘッダ→タイトル下」

以前から、スマホの文字が小さくて自分でも読みにくかったので大きくしてみました。
 
 <style type="text/css">
 .entry-content {
 font-size:16px;
 }
 </style>

おおっ!これ一発で読みやすくなった!感激!

フッター部分のリストを消した

記事を書くとか記事の管理とかその他もろもろ。

 <style type="text/css">
  /* フッター部分のリストを消す */
  .touch-item-list {
   display: none;
  }
  .footer-action-wrapper {
   display: none;
  }
   </style>

おおっ!これ一発で消えてスッキリ!

フッター部分のメニューを消した

ダッシュボードとかPC版などの表示。

 <style type="text/css">
  /* フッターメニューを消す */
  #footer-menu {
   display: none;
  }
 </style>

素晴らしい!

ヘッダーの色とか文字サイズを変えた

 <style type="text/css">
  #header {
  background:#ee7674; /* 背景色 */
  }
  #header #title a {
  color:#fff; /* タイトルの文字色 */
  font-size:30px; /* タイトルの文字サイズ */
  }
  #header #blog-description {
  color:#fff; /* ブログの説明の文字色 */
   font-size:12px; /* ブログの説明の文字サイズ */
  }
 </style>


ちなみに「color:#」のあとが色の指定になりますが、何色がどんなアルファベットと数字の組み合わせになるかは以下を参照させて頂きました。
html-color-codes.info

どうも有難うございました!

なかなか色の組み合わせをどうするかで、かなり時間がかかりました。その割にイマイチな感じで、改善の余地ありですね。

その他、ちょこちょこといじりましたが、メニューの設置はよく分からず一旦断念…

大したことやっていないのに、もの凄く消耗したGWの初日でした。でも、これだけでも全然違う!やる価値ありだと思います。

 

 


ブログランキングに参加しました!
ポチッとして頂けますと嬉しいです!

にほんブログ村 サラリーマン日記ブログ 40代サラリーマンへ
にほんブログ村