ホーム > よくあるご質問 > カスタマーポータルの記事一覧のリード文を非表示または短縮したい

カスタマーポータルの記事一覧のリード文を非表示または短縮したい

カスタマーポータルの「テーマ」に「Montana」を選択した場合のtipsです。

「カテゴリ」内の記事一覧を表示するときに、記事タイトルの下に表示されるリード文(記事本文の抜粋)を、タイトルだけの表示にしたい(リード文を完全に非表示にしたい)、または短縮して表示したい場合には「カスタムCSS」を使って調整可能です。以下に3つの例をご案内します。

 

※カスタムCSS
「カスタマーポータル」‐「設定」‐「デザインをカスタマイズ」‐「デザイン」‐「カスタムCSS」

 

 


それぞれ以下のCSSを追記します。

1) リード文をすべて非表示(記事タイトルのみ表示)

/*カテゴリーページのリード文を非表示にする*/
.article-preview {
display: none;
}


2) リード文を1行にして末尾に…あり

/*カテゴリーページのリード文を1行にする(…あり)*/
.article-preview {
word-wrap: break-word;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

3) リード文を2行にして末尾に…なし

/*カテゴリーページのリード文を2行にする(…なし)*/
.article-preview {
word-wrap: break-word;
overflow: hidden;
height: 3em;
}

 

 

デフォルト

 

タイトルのみ表示

 

リード文を一行表示

 

リード文を二行表示



 

<ご注意>
このCSSは「テーマ」が「Montana」の場合のみ有効です。
「テーマ」ごとに独自のカスタムCSSがあるため、別の「テーマ」に切り替えるときはコードを再適用する必要があります。