使い方など【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれていますWordPressのテーマで一番気に入って使わせていただいている「Simplicity2」。いろいろなところをカスタマイズしているので、原型をとどめておらず、骨格??位しか分からない感じにはなっていますが、当然当サイトもこのテーマを使用しています。今回のお題は「テキスト主体のサイトなので関連記事の表示からアイキャッチ画像を削除したい」ということ。Simplicity2のいいところである、ビジュアル的な部分をまたまた破壊してしまう行為なのですが、このサイトのようにアイキャッチ画像を使っているけどあまり意味がないという感じのサイトでは、逆にアイキャッチ画像が表示されることでごちゃごちゃ感が出てしまう、そんな場合のカスタマイズです。ここまで読んで、「そんなのカスタマイザーでできるでしょ!!」と思った方は正解ですもともとこのテーマでは、カスタマイザーでアイキャッチ画像を非表示にするためのオプションが備わっていますので、そこでサムネイル表示の項目のチェックを外せば、すぐにアイキャッチ画像を非表示にできます。それだと共通コードで呼び出しているのでアーカイブ一覧からもアイキャッチ画像が非表示になってしまいます。今回はアーカイブ一覧ではアイキャッチ画像を表示したいけど各投稿に表示する関連記事はアイキャッチなしにしたいという大変身勝手なカスタマイズです。該当するPHPファイルをカスタマイズする該当しそうなファイルは「related-entries.php」「related-entry-thumbnail-card.php」「related-entry-card.php」の3つ動作としては、カスタマイザーの設定により、「related-entries.php」から「related-entry-thumbnail-card.php」か「related-entry-card.php」のどちらを呼び出すかの忖度選択がされています。ファイル名からも想像できるように、「related-entry-card.php」がリスト表示になりますから、こちらをカスタマイズします。-->ここで、サムネイルがあるかどうか(あれば表示、なければ代替の画像を表示)の判断をしつつ画像を表示するようにしています。これで簡単にサムネイル画像は非表示にできます。0px;}としてやれば、右に寄った部分がなくなります、至って簡単!!ただこれだけでは芸がないのでもう少しカスタマイズします。#000000;}というふうにすると、関連記事ごとに1ピクセルの黒色の破線を入れなさいよ!!というのを追加することができます。サムネイルがあったときは何となくサムネイルの右がタイトルなどなのでリスト的に見えましたが、サムネイルがなくなると殺風景なのでこのようにするといいと思います。何もカスタマイズしていないと、タイトルの文字と抜粋の文字の大きさが似ていてちょっと区別しにくく見えるので、抜粋(記事の内容)の部分の文字サイズを小さくします。この部分の文字の大きさは通常はカスタマイザーの文字の大きさに準拠しますが、ここもカスタマイズしやすいようにセレクタを設けてもらえてますので.related-entry-snippet{font-size:14px;}を子テーマのCSSへ追記すれば完了です。14pxとなっている文字の大きさは適当に変更しましょう。最後に「Simplicity2」をカスタマイズしていて本当に感心するのは、「ここを変えたいなぁ」と思ったものが部品化(ファイル化)されていること、ここのデザインだけ変えたいなぁと思うところへきちんとCSSセレクタが入っているところですね。作者のブログや「Simplicity2」のサイトを見ると作者自身が使うときにこうなってれば・・・と思うところをどんどん盛り込んで作られているからこういう気の利いたテーマができるんですね。私がWordPressのテーマで「Simplicity2」をお勧めするワケというどれだけ「Simplicity2」が使いやすいかを勝手に書いた記事がありますからついでに読んでみてくださいね。