【THE THOR】エントリー記事カード内の本文抜粋を非表示にする

アイキャッチ画像 THE THOR(ザ・トール)
スポンサーリンク

WordPressテーマ THE THOR(ザ・トール)

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

ZMASAa.blog│購入品やイベントなどの記事を掲載するmasaaのWordPressブログサイト③
購入品やイベントなどの記事を掲載するmasaaのWordPressブログサイト③

今回は、WordPressテーマ THE THOR(ザ・トール)での「エントリー記事カード内の本文抜粋を非表示にする」ためのカスタマイズについてまとめてみました。

なお、当方のZMASAa.blogでこのカスタマイズを使う予定は今のところありません。

WordPressテーマ THE THOR(ザ・トール) エントリー記事カード内の本文抜粋

WordPressテーマ THE THOR(ザ・トール)の設定で、エントリー記事カード内で表示している本文の抜粋文字数を指定することができます。

WordPressテーマ THE THOR(ザ・トール)でのエントリー記事カード内で表示している本文の抜粋文字数を設定方法は次の通りです。

WordPressテーマ THE THOR(ザ・トール)設定で、「アーカイブページ設定[THE]」ー「記事一覧リスト設定」ー「■本文の抜粋文字数を指定(20~500文字以内)」

【THE THOR】エントリー記事カード内の本文抜粋を非表示にする

但し、本文の抜粋文字数は、20~500文字以内と指定されているため全く非表示にすることはできません。

自分の場合は、【130文字】に設定しています。

【THE THOR】エントリー記事カード内の本文抜粋を非表示にする

WordPressテーマ THE THOR(ザ・トール)で本文の抜粋文字数を【0文字】に設定出来ればそれで解決なのですが、それが出来ないため「エントリー記事カード内の本文抜粋を非表示にする」ためのカスタマイズを行いたいと思います。

エントリー記事カード内の本文抜粋を非表示にするためのカスタマイズ

WordPressテーマ THE THOR(ザ・トール)での「エントリー記事カード内の本文抜粋を非表示にする」ためのカスタマイズを行います。

カスタマイズ内容

WordPressテーマ THE THOR(ザ・トール)は、レイアウトを【ワイドレイアウト(default)】【カードレイアウト】【ノーマルレイアウト】の3種類から選ぶことができます。

レウアウトによってカスタマイズ内容が違ってきます。

ワイドレイアウト(default)

【ワイドレイアウト(default)】の「アーカイブページの本文抜粋を非表示にする」カスタマイズの内容は、下記の通りです。

「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。

/************************************
** ■アーカイブページの本文抜粋を非表示(ワイドレイアウト)
************************************/
#viewWide:checked~.archive .archive__item-infeedPc1 {
	display: none; /*非表示*/
}

カードレイアウト

【カードレイアウト】の「アーカイブページの本文抜粋を非表示にする」カスタマイズの内容は、下記の通りです。

「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。

/************************************
** ■アーカイブページの本文抜粋を非表示(カードレイアウト)
************************************/
#viewCard:checked~.archive .archive__contents .phrase {
	display: none; /*非表示*/
}

ノーマルレイアウト

【ノーマルレイアウト】の「アーカイブページの本文抜粋を非表示にする」カスタマイズの内容は、下記の通りです。

「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。

/************************************
** ■アーカイブページの本文抜粋を非表示(ノーマルレイアウト)
************************************/
#viewNormal:checked~.archive .archive__contents .phrase
	display: none; /*非表示*/
}

カスタマイズ後のアーカイブページの本文抜粋

今回のカスタマイズを行うことで、「エントリー記事カード内の本文抜粋を非表示にする」ことができます。

【THE THOR】エントリー記事カード内の本文抜粋を非表示にする

最後に

「ワイドレイアウト(default)」やZMASAa.blogで使っている「ノーマルレイアウト」の場合は、「エントリー記事カード内の本文抜粋を非表示にする」必要性はあまり感じられません。

このカスタマイズが必要となるのは「カードレイアウト」の場合で、そのレイアウト上からアイキャチとタイトルだけ表示した方がスッキリして見やすくなると思います。

コメント