リンクの先頭に画像を挿入、新着記事のデザインにより、新着記事は次のように表示されます。
(04/19)のように記事タイトルが長い場合、表示途中で改行が入ってしまいます。本来ならば短くて的確なタイトルをつけるべきなのですが、ここでは表示する記事タイトルの文字数を制限してこの問題を解消しました。
このカスタマイズは新着記事コンテンツの編集です。マイブログメニューの［デザイン］⇒［コンテンツ］の［新着記事］から編集を行います。ソース中段あたりに次の記述があります。
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
※各カスタマイズの紹介を独立させるために、初期状態のソースで説明します。
これが新着記事に関する記述です。
次の赤文字のように、byte指定で文字数を制限する shorten( ) 関数を挿入します。
次の赤文字のように、byte指定で文字数を制限する shorten( ) 関数を挿入します。
(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break | shorten(20) %></a><br />
以上で作業は完了です。カスタマイズ後は次のように表示されます。
