記事タイトル行数変更
記事一覧で表示される記事タイトルは、デフォルトでは2行まで表示する設定がされてます。
設定は以下にて変更できます。
管理画面 > [デザイン] > [(1)デザインCSS] > [(2)CSS記述欄]に、行数設定のCSS記述が初期状態からあります。
各該当箇所のmax-height
と-webkit-line-clamp
部分を変更し文字数を制限します。
該当箇所 {
-webkit-line-clamp: X;
}
例:3行に制限する場合
該当箇所 {
-webkit-line-clamp: 3;
}
例:2行に制限する場合
該当箇所 {
-webkit-line-clamp: 2;
}
Xの部分は、表示する行数を入力します。
記事タイトル行数変更箇所
トップページメインカラム記事タイトル(デフォルトは2行制限)
/*メインカラム記事一覧タイトル行数設定(トップページ)*/
#main-inner .urllist-title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: X;
-webkit-box-orient: vertical;
}
トップページ以外のメインカラム記事タイトル(デフォルトは2行制限)
/*メインカラム記事一覧タイトル行数設定(トップページ以外)*/
#main-inner .archive-entries .entry-title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: X;
-webkit-box-orient: vertical;
}
全てのページのサイドバー記事タイトル(デフォルトは2行制限)
/*サブカラム 記事一覧タイトル行数設定*/
#box2-inner .urllist-title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: X;
-webkit-box-orient: vertical;
}
記事下のモジュールには対応していません。