WordPressテーマ THE THOR(ザ・トール)
別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。
今回は、WordPressテーマ THE THOR(ザ・トール)での「エントリー記事カード内の本文抜粋を非表示にする」ためのカスタマイズについてまとめてみました。
なお、当方のZMASAa.blogでこのカスタマイズを使う予定は今のところありません。
WordPressテーマ THE THOR(ザ・トール) エントリー記事カード内の本文抜粋
WordPressテーマ THE THOR(ザ・トール)の設定で、エントリー記事カード内で表示している本文の抜粋文字数を指定することができます。
WordPressテーマ THE THOR(ザ・トール)でのエントリー記事カード内で表示している本文の抜粋文字数を設定方法は次の通りです。
但し、本文の抜粋文字数は、20~500文字以内と指定されているため全く非表示にすることはできません。
自分の場合は、【130文字】に設定しています。
WordPressテーマ THE THOR(ザ・トール)で本文の抜粋文字数を【0】に設定出来れば、「エントリー記事カード内の本文抜粋を非表示にする」に対して解決することができます。
そこで本文の抜粋文字数を【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; /*非表示*/ }
カスタマイズ後のアーカイブページの本文抜粋
今回のカスタマイズを行うことで、「エントリー記事カード内の本文抜粋を非表示にする」ことができます。
最後に
「ワイドレイアウト(default)」やZMASAa.blogで使っている「ノーマルレイアウト」の場合は、「エントリー記事カード内の本文抜粋を非表示にする」必要性はあまり感じられません。
このカスタマイズが必要となるのは「カードレイアウト」の場合で、そのレイアウト上からアイキャチとタイトルだけ表示した方がスッキリして見やすくなると思います。
コメント
「本文の抜粋文字数を指定」を設定しても全く文字数の表示が変わらず、全文が表示された後に「続きを読む」ボタンが表示されてしまいます。文字数を何文字にしてもいっこうに反応してくれません。。
何が原因だと考えられますでしょうか?
タイマエさん、初めまして
メッセージ拝見させて頂きました。
「本文の抜粋文字数を指定」を設定しても全く文字数の表示が変わらず、全文が表示された後に「続きを読む」ボタンが表示されてしまう件についてですが、
誠に申し訳ありませんが色々と調べて見たのですが原因不明です。
自分のTHE THORのサイトでも設定の組み合わせを色々確認したのですが「本文の抜粋文字数を指定」した分だけ正常に表示されてしまいました。
多分THE THORは最新バージョンになっていると思うのですが、バージョンについて改めてご確認頂き最新バージョンでご確認下さい。
また、プラグインもひょっとすると関係しているかもしれませんので、プラグインを外して確認されてみることをお勧めします。
そのweb相談.comを見ていて気になる点としては、記事のページ(https://web-soudan.com/2022/10/21/article006/)を確認した時に、いろいろカスタマイスされているように感じました。
記事のタイトルがバナーのようにグラフィカルな表示にされており、その下にパンくずリスト、更にその下に【Facebook】【Twitter】【Google+】【はてブ】のSNSボタンと言う構造になっているかと思います。
更にSNSボタンの下には、前置きの文章があって、その下に目次、その下に見出しと表示されているのですが、
SNSボタンの下にある前置きの文章などの影響により、THE THORが正常に文章の文字数が把握できていなくてひょっとすると全文が表示されている可能性があるかもしれません。
もしその辺りカスタマイスを行っている場合には、一度カスタマイズを白紙にして「本文の抜粋文字数を指定」の設定を確認してみては如何でしょうか?
取りあえずこれぐらいのアドバイスしか出来ませんが、以上よろしくお願い致します。