採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマSKIN:お客様の声アーカイブで記事本文の抜粋を非表示にする方法

Q.お客様の声一覧ページで本文を表示せずにボタンリンクから詳細を見れるようにしたいです。

カスタム投稿「お客様の声」で記事数が多い場合や本文のボリュームが多い場合に、詳細ページでのみ本文を表示したい(アーカイブでは画像とお客様名だけを表示したい)ことがあります。

▼変更後のイメージ    ※変更前:SKINデモサイト「お客様の声」アーカイブ
変更箇所イメージ

補足記事内容とは逆に、「アーカイブページにすべての記事本文内容のみ表示したい(詳細ページへのリンクボタンを表示させたくない)」場合は、お客様の声記事編集画面で「記事詳細ページへのリンクボタンに表示する文字」を空欄(未入力)にすることでボタンを非表示に出来ます。

A.下記の方法でご対応ください。

以下を外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。

.post-type-archive-voice ol#voice_list .info p:first-of-type {
    display: none; }
.post-type-archive-voice ol#voice_list .info .voice_name {
    margin: 0 0 1em 0;
}
@media only screen and (max-width: 767px) {
  .post-type-archive-voice ol#voice_list .has_post_thumbnail .info {
    float: right; }
  .post-type-archive-voice ol#voice_list .info .voice_name {
    margin: 1.5em 0 0 0; }
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事