キンドル本をKindle Unlimited で読んでいただけます

Amazonで販売している電子書籍「三十一郎(みそいちろう)」を、KDPセレクトに登録しました。
Kindle Unlimited にて、無料でお読みいただけます!

商品ページはこちら

seesaaブログでページング機能を有効にする

季節感のないデザインですみません。
ここさいきん自分のブログを見ると気持ちがどーんと沈むので、新年から悲惨な話を書いたせいなのかつまらぬ思い出を連ねたせいなのか、それともページがあまりにも地味なせいなのか、ちょっとデザイン替えてみようかな、などと気まぐれを起こしまして。
それですんなりクリックひとつで済めばよかったのですが、、、

昨年5月、seesaaブログにページを順番に見られる機能(次の5件、とか↑)が標準装備されたとき「やった!」と思ったのですが、但し書きに

(1)マイ・ブログ>デザイン>HTMLにて、ブログのHTML編集を行っているブログ
(2)マイ・ブログ>デザイン>コンテンツにて、記事コンテンツのコンテンツHTML編集を行っているブログ
上記に該当するブログにつきましては、弊社にて該当HTMLを今回機能追加の対象としておりません。
今回追加された「記事ページのページング機能」をご利用いただくには、上記(1)、(2)のHTML編集をデフォルト設定に戻してから再度編集を行っていただく必要がございます。

えーと、両方やっちゃってますけど、、

なのでそのときは面倒でやめました。しかしもう面倒ついでにページング機能も入れちゃえってことでポチッとデフォルトに。おお、次の5件に移動できる!順番に読んでいくという必要最低限の事がやっとできるようになった!これでやっと一人前だ、すごいぞseesaa!
とか思ったんですけどね。新機能との折り合い(?)が悪いのか、以前やってたカテゴリページの一覧表示と管理人コメントの見栄えの変更ができなくなっちゃいました。はい、もう諦めます。で、h2とh3のSEO対策とかもやめました(こっちはただ面倒くさいだけ)。

そしてひとつ、前からseesaaのデザインで気になっていた文字色の微妙さ。デザインした人には悪いのだけど、実年齢以上に老眼が進んでいる私には、コントラストの少ない文字色が読みにくくて仕方がないのでして、、
今日思い切ってスタイルシートの文字色設定のところを全部消去して、文字は黒、リンクは青、訪問済みリンクは紫に(ブラウザのデフォルト設定?)なるようにしました。もうカレンダー部分も何もかもこうなっちゃったけどさ、、
「あ、見やすい♪」
この色気のない文字色にけっこう満足しておる私でした。

しかしせっかくの休みが潰れた・・・人生は短いのに、ううう(泣

– – – メモ – – –
ブログのHTML、記事コンテンツHTMLをデフォルトに戻し、記事ページのページング機能を取り入れてから再度行ったカスタマイズ

・カテゴリのツリー化(カテゴリコンテンツ編集で挿入テキスト(下部)にタグを書く):「Des notes de KOHtan」の”ツリー化カテゴリ”、「んー?( ̄ー ̄;)」の記事”カテゴリのツリー化(seesaa)をスピードアップ“を参考にさせていただきました

・記事から直接編集ページへ(記事コンテンツHTML編集)、タイトルバーの表示内容を変更(ブログHTML編集):「ブログ?カスタマイズ?アフィリエイト?」の記事”ブログの記事から直接編集ページへ“”タイトルバーの表示内容を変更“を参考にさせていただきました

・全ての記事に日付を表示(記事コンテンツの編集):「ブログカスタマイズ」の記事”全ての記事に日付を表示“を参考にさせていただきました

・ブログHTMLにコピーライトを追加(参考にさせていただいたサイトさんがなくなっちゃったので以前のHTMLを見ながら。フッター部分に赤の一行を追加):
<div id=”footer”>
<% content_footer -%>
<div class=”copyright”>Copyright (C) 2009 by <a href=”ブログのURL” target=”_self”><% blog.title %></a> All rights reserved.</div>
</div>
そんで、スタイルシート(テンプレート)の変更箇所

・テンプレート中の文字色設定をすべてリセット。全部黒でいいじゃん的な面倒がりさんにおすすめ。(でも黒だから濃い背景には向かない)
color:#726602;
の色番号部分を消去
color:#;
(background-color:#EEE;とか、border:1px solid #999;とか、色番号の指定個所がたくさんあるのですが、消去していいのは「color:#色番号;」のところだけ。背景色でもボーダーでもなく、ただ単にcolorと書いてあるところ)
新しめのテンプレートはこれでだいたい気が済むのですが、古めのやつ(ホワイトとかルーズリーフとか)だと行間が狭くてちょっと読みにくいのでそのへんを変更。

・本文テキストの行間変更(line-heightの設定がないときは追加する)
.text{
line-height:1.8em;
}

・サイドバーの文字の大きさと行間変更(12を11に変更)
.side {
line-height:2em;
font-size:11px;
}
.side a{
font-size:11px;
}

(.side aはない場合もあり。そのときは.sideの変更でリンク文字も変更される)

・テンプレート中のフォントをすべて変更(英数が小さくても読みやすい)
font-family:Verdana;

・ほったらかしでもよかったんだけど、ついでだからPowered By seesaaのバナーをセンター配置にしてみました
.powered {
padding:20px 0px 20px 0px;
text-align:center;
}
.powered table{
margin:0px auto;
}
– – – メモ終わり – – –

コメント