この記事にはプロモーションが含まれています。

【SWELL】特定のページで関連記事を丸々非表示にする方法

【SWELL】特定のページで関連記事を丸々非表示にする方法

ケケンタ

こんにちは! ケケンタです。

この記事では

SWELLで特定のページで関連記事を丸々非表示にする方法

についてご紹介します。

Cocoonを使用していたときは、例えば特定のカスタム投稿タイプは関連記事に表示させないという設定が可能だったのですが、SWELLではどうやらその設定が用意されていないようでした。

ただ、僕のブログにあるPHP練習問題の各ジャンル別ページでは関連記事を表示させたくなかったため、今回ご紹介する方法で丸々非表示にしました。

ケケンタ

このページには「関連記事」は表示したくないんだよな……

というときに活用できる方法です。




ケケンタ

ケケンタのITブログでは、WebアプリPHPLaravel)やWeb制作WordPressコーディング)について情報を発信しています。
学習中の方や実務をされている方など多くの方にアクセスいただいていますので、ぜひほかの記事も参考にしてみてください!


運動不足、気になっていませんか?

もしプログラミング学習やお仕事で運動不足が気になっているなら
連続屈伸運動がおすすめです!

ボタンにカーソルを合わせるだけ
カウントダウンが始まるタイマーをご用意してみました!

ケケンタ

無理のない範囲で、ぜひ隙間時間に屈伸運動を取り入れてみて下さい!

タイマースタート

3:00

※運動不足だと連続3分で取り組んでもかなり息が切れます
(僕は加えて気分もちょっと悪くなりました……)
絶対にご無理の無い範囲でお取り組みください!


目次

特定のページで関連記事を丸々非表示にする方法

以下のコードを、関連記事を表示したくない投稿・固定ページの「CSS用コード」に記述します。

/* 関連記事を丸々非表示にする */
.l-articleBottom__section.-related {
  display: none;
}
CSS用コードに記述した様子
CSS用コードに記述した様子
ケケンタ

こうするだけで、そのページ内では関連記事が表示されなくなります。

まとめ

以上が、「SWELLで特定のページで関連記事を丸々非表示にする方法」でした。

関連記事を非表示にしたい場面がどれぐらいあるのかは分かりませんが、この記事が少しでも多くの方の役に立ったなら何よりです。

ケケンタ

最後までご覧いただきありがとうございました!

SWELLのその他の記事はこちら

SWELL記事一覧

今回ご紹介した内容のテーマ

SWELLで特定のページで関連記事を丸々非表示にする方法のアイキャッチ

この記事が気に入ったら
フォローしてね!

この記事が良いと思ったらシェアしてね!

コメント

コメントする

CAPTCHA


目次