ブログデザインの変更点(2014)

このページはこのブログのデザイン変更の履歴を記録しておくページになります。随時編集中。

一応2014年の分ということで残していくつもり。


ちょこちょこイジってるんですよ。seesaa独自のものに関して特に情報は過去にやってこられた先輩方のブログから、学んで直したり変えたりっていうことがあるので、できたら私もそういった方から得た分くらいはせめて返せたらなと思って残しておこうと。ブログが日本で広まり始める頃の情報なんかも見ると、感慨深いものがあったり。そういった頃のseesaaブログ同士で情報を共有しあってる様子はなんかいいなあと思う一方で、情報元としてリンクされてるブログが既になくなっていることも稀ではなくあって、ちゃんと残さないと消えてしまうんだよなあと儚さを知ることもありました。ですから自分用に残すという意味も込めて、とりあえず私のブログでも公開して残していきます。

HTMLとCSSの両方についてです。デザイン変更はCSSだけでできることからHTMLよりもCSSの話が多めになると思う。HTMLを変える場合はSeesaaブログにのみ適用できる話になると思う。おそらく。

seesaaにのみ適用できる話は半分も行かないくらいだと思うので、seesaaブログ用のものに関しては「seesaaブログ用」と書くようにする。

趣味のブログなのでブラウザの互換性に関しては大して気を遣っていないので注意されたし。

スマートフォン版の表示は個別記事で書くかな。ほかにも個別記事で書く場合があると思う。

2月


CSS preとbrのCSS編集(21日)

preに外側の枠線
border:1px solid #CCCCCC
これやるとぼやーっとしないで決まる。背景については白のままでもいいかな。

preに
white-space: pre-wrap;を追加

jsのコードが、改行やスペースが含まれていないので、1行でものすごく長くなってしまうのを折り返す。完全には幅が収まるわけではないけど、見易くはなった。
折り返さないほうがきれいな場合もある気もする。htmlで、右に20%ぐらい隠れてるような場合。まあ難しいね。


brの高さを抑える。行の高さを。
.text > br {
line-height: 80%;
を追加。

日付をすべての記事に表示 HTML(12日)

seesaaブログは同じ日に投稿された記事が同じページに並ぶ時にひとつの記事にのみ日付を表示するようになっています。それをすべての記事に表示するようにします。

コンテンツ-記事のHTML編集から
naviやrdfの直後

<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
から

<% if:with_date %>

<% /if %>
を削除

<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>
<div class="blogbody">


日付をh2タグで囲んでるのってseo的にうんたらかんたらってのは、別に無視していいかなと思ってるのでこれまでずっと放置

参考ページ:
全ての記事に日付を表示 - ブログカスタマイズ
http://www.blogcustomize.com/customize_print_article_date.html

日付の形式を変更(12日)

2014年2月12日という形式から2014-02-12と表示するように変更。
編集する箇所は上の項目とほぼ同じ。
<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>
のdate_formatを
date_format("%Y-%m-%d") 
に変更

はてなブログから。真似してみることに。

ハイフンに変えた部分をピリオドやスラッシュにしてみるのもあり。
2014.02.12 2014/02/12 2014-02-12

フォントについては悩むところだけど、とりあえずそのまま。

参考:
日付について: ブログ・よくある質問と回答 http://blog-faq.seesaa.net/article/146522064.html

変更内容のタイトル


1月


なし

ほか


よくお世話になるサイト群
ブログ・よくある質問と回答
http://blog-faq.seesaa.net/
CSS、HTML編集に関する質問: ブログ・よくある質問と回答
http://blog-faq.seesaa.net/category/7936439-1.html
ブログカスタマイズ :
http://www.blogcustomize.com/
seesaa カスタマイズ 無料ブログパーツナビ Blogparts-NAVI :
http://blog-parts-navi.seesaa.net/category/6473657-1.html


2013年の分はどうしようかな。一応メモは残ってるけど、公開するために整える手間をかける程でもないような。


この記事へのコメント