北と日記

大学院生の多趣味奮闘日記

ブログのコンテンツを色々増やしました

 これまでの作業で一番時間がかかりました。正直むっちゃ疲れた……。cssの勉強をしたことのないやつが、全くの手探りでブログカスタマイズするもんだから、不具合が生じないか心配。自分のパソコンからは正常に見れているのだけども。

 特に最近では、スマートホンやタブレットしか持ってないという人がいる。パソコンのスクリーンとは画面サイズが違うので、フレキブルに対応できるようにcssで指定しなきゃいけない。クッソ大変。

 いろいろ調べた結果、コンテンツ一覧をつくるのにflexboxを利用しました。が、htmlを記事本文に貼り付ける段階でおかしなことが起きるようで、例えば改行なんかがそのまま反映されてしまうんですが、それに気がつくのに3時間くらいかかりました。


 今回も外部サイトのお世話になりました。ありがとうございます……! ありがとうございます……!


web-bruno.com


 と、いうわけで今回は大幅にサイトを見やすくしました。閲覧できる記事は少ないのにカッコばかりがよくなっていきます。カッコから入る人です。今回手を加えたのは下記になります。

  • border(見出し線)の色をオレンジからネイビーに変更
  • flexboxでトップページにコンテンツ一覧をつくった
  • flexboxを利用し登山のまとめページをつくった
  • リンクのデザインをボタン風にした
  • トップページに最新記事一覧を表示できるようにした
  • パンくずリストを利用してカテゴリーを階層化
  • サイドメニューに注目記事を追加した
  • トップページではサイドメニューにカテゴリー一覧を表示しないようにした
  • トップページに今月の写真コーナーを追加した
  • 埋め込みリンクの幅を100%表示にした(上の埋め込み)


 トップページに最新記事一覧を貼り付けるやり方は簡単で、下記サイトを参考にしました。


design.syofuso.com


 ブログをカスタマイズする際にcssの書き方などいつも参考にさせていただいてます。

 それぞれのcssはまた別の記事にでもつくってそこで紹介しようかな。cssやhtmlの勉強を始めようと思うんだけど、時間がないので手を出せないでいます。

広告を非表示にする
Copyright © 2017 pliocene All rights reserved.