新着記事の記事タイトル文字数を制限する

リンクの先頭に画像を挿入新着記事のデザインにより、新着記事は次のように表示されます。

新着記事

(04/19)のように記事タイトルが長い場合、表示途中で改行が入ってしまいます。本来ならば短くて的確なタイトルをつけるべきなのですが、ここでは表示する記事タイトルの文字数を制限してこの問題を解消しました。

このカスタマイズは新着記事コンテンツの編集です。マイブログメニューの[デザイン]⇒[コンテンツ]の[新着記事]から編集を行います。ソース中段あたりに次の記述があります。

(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
※各カスタマイズの紹介を独立させるために、初期状態のソースで説明します。

これが新着記事に関する記述です。
次の赤文字のように、byte指定で文字数を制限する shorten( ) 関数を挿入します。

(<% article.createstamp | date_format("%m/%d") %>)<a href="<% article.page_url %>"><% article.subject | tag_break | shorten(20) %></a><br />

以上で作業は完了です。カスタマイズ後は次のように表示されます。

新着記事

関連記事:箇条書きリンクの補完1箇条書きリンクの補完2新着記事のデザイン
トップページへ戻る

サイトマップ

Seesaaブログのカスタマイズ > 新着記事 > 文字数を制限する
スタイルシート カスタマイズ

スタイルシート作成ツール

HTMLカスタマイズ
サイト全体

記事コンテンツ

コメント、トラックバック
新着記事

カテゴリ

最近のコメント、トラックバック

検索ページ

その他