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

ケケンタ

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

この記事では

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

についてご紹介します。

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

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

ケケンタ

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

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

＼Web制作を仕事にしたいなら／

こちらの記事で

Web制作コース独学プラン

についてご紹介しています。

Web制作を10万円以下で学べるオンライン型プログラミングスクール｜忍者CODE

まずは無料相談してみる >>

￣￣￣

「仕事が忙しい」、「すぐに欲しい商品がある」という方、必見のサービス 

　Amazon Prime　

by Amazon

日時指定便が「無料」で使えるので不在で商品を受け取れないという心配が無くなる

最短で注文した「翌日」に商品が届くので欲しいものがすぐ手に入る　
※ご注文の時間帯やお住まいの地域によります。

Amazonプライムの無料体験は「何度でも」利用可能

Amazonプライムの無料体験を何度も利用する方法 

• Amazonのカート画面で表示される「Amazon Primeの無料体験の案内」をクリック
• 会員の自動更新を解除しておく＝期限が来たら自動解約
• １～３ヶ月ぐらいするとAmazonのカート画面で再度無料体験の案内が表示される

商品をカートに入れ、カート画面に行ったときに「無料体験の案内」が表示されていれば
1ヶ月間の無料体験を受け取ることが可能です。

ケケンタ

僕自身、過去に少なくとも３回は無料体験を利用しています。

※条件は不明ですが、解約後に一定期間が経過すると、再び「Amazon Prime無料体験の案内」が表示され、再度利用することが可能です。

Amazonで買い物をする　>>

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

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

/* 関連記事を丸々非表示にする */
.l-articleBottom__section.-related {
  display: none;
}

ケケンタ

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

まとめ

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

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

ケケンタ

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

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

 SWELL記事一覧

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

SWELLを見てみる　>>