【Instagram】スマホ版検索タブのおすすめ投稿を非表示にするCSS

2025年1月12日Android

この記事では、Androidスマホで「Kiwi Browser」を使ってウェブサイト版からアクセスする「Instagram」の検索タブ内にあるおすすめ投稿を非表示にするCSSを書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。コードはこちらです。

Androidスマホで拡張機能を導入できるブラウザアプリ「Kiwi Browser」を使っていて、ウェブサイト版「Instagram」にアクセスした時、検索（発見）タブを開くと検索ボックスだけでなく大量のおすすめ投稿・動画などがタイル状で表示されます。

「Kiwi Browser」で開いたウェブ版「Instagram」に表示される検索ページのおすすめ投稿画像

「Kiwi Browser」は拡張機能を導入できるため「Stylebot」や「Stylus」などのCSS適用拡張機能もインストールできます。その拡張機能に本記事で紹介するCSSを書き込むことで、検索タブを検索ボックスだけにしておすすめ投稿を表示させないようにできます。

「Kiwi Browser」を使ってウェブサイト版の「Instagram」を利用している方向けというかなりニッチな内容ですが、読者さんから要望をいただいたので記事にします。

スマホのFirefoxブラウザアプリは拡張機能を導入できるみたいな話も聞いたのでそっちでもできるかもです。僕はスマホでFirefox使っておらず確かめる気がないので分かりません。

あくまでブラウザ版だけでアプリ版ではできません。あんまり大きな声では言えませんが、MODを使ってうんぬんで色々できるみたいですが、当サイトではそういうの紹介しない方針でいるので気になる方は各自調べてみてください。

本記事にたどり着くような方はある程度ITに詳しいと判断してあんまり詳しくは書いていません。

1. 前提
2. スマホで開いたウェブ版インスタの検索ページのおすすめを非表示にするCSS
3. 感想

前提

以下です。

拡張機能を導入できるスマホのブラウザアプリをインストールしている
CSSを適用できる拡張機能を導入している
CSSを書き込む場所などが分かっている

スマホで開いたウェブ版インスタの検索ページのおすすめを非表示にするCSS

スタイルシートを開く

Androidスマホにインストールした「Kiwi Browser」アプリで「Instagram」にアクセスします。開けたらインストールしたCSSを適用できる拡張機能の設定ページ（スタイルシート）を開きます。僕は「Stylus」を使っています。

「Kiwi Browser」にインストールした「Stylus」の設定ページを開く手順画像

CSSを書き込む

以下のCSSを書き込みます。

CSS

/*【モバイル版】検索タブのおすすめ投稿一覧非表示*/
body:has(a[href="/explore/"] svg[aria-label="発見"][fill="currentColor"]>[d="M18.5 10.5a8 8 0 1 1-8-8 8 8 0 0 1 8 8Z"]) main>div>div:nth-of-type(1)>div {
    display: none !important;
}