こんにちは。
『やさしいブログの作り方』の松田です。
サイドバーにある最新の記事一覧には直近に更新された記事のタイトルが表示されますが、タイトルの文字数が長いと2行にわたってしまいます。
ガタガタ表示しているのが何となくすっきりしない、と前から思っていたのですが、CSSのカスタマイズで以下のような感じに表示にすることができました。
2行にわたる場合は、自動的に「...」で省略するという形です。
これならどんな記事のタイトルをつけていても最新の記事一覧のパーツの高さはいつも一定に保つことができます。^^
やり方はCSSの最後に以下の記述を追記すればOKです。.recentEntriesMenu li,
#recent_entries .menu_frame ul li {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
新旧両デザイン対応です。
最後までお読みいただきありがとうございました。6月1日、電子出版しました!