当サイトは、アフィリエイト・アドセンス広告を掲載しています。消費者庁が、2023年10月1日から施行予定である景品表示法の規制対象(通称:ステマ規制)にならないよう、配慮して記事を作成しています(記事はこちら、消す方法はこちら

参考:令和5年10月1日からステルスマーケティングは景品表示法違反となります。 | 消費者庁

【Bing】トップの背景画像、ニュースなどを非表示にする方法

2022年11月3日豆知識系

Microsoft Bingのアイコン

この記事では、PCウェブサイト版「Microsoft Bing」のトップページにあるヘッダー、背景画像、ニュースを非表示にして、検索ボックスだけの綺麗なページにする方法について書きます。

PCウェブサイト版「Microsoft Bing」のトップページのスクリーンショット1

「Bing」のトップページ→右上のハンバーガーメニュー(三本線アイコン)→「自分のホームページをカスタマイズ」にある3つの項目を全部オフにすることで、シンプルなトップページにできます。

通常、「Bingのトップページ」は、世界のどこかの美しい壁紙(背景)、ページ下から顔をのぞかせるニュースウィジェットと、かなりごちゃごちゃしています。

PCウェブサイト版「Microsoft Bing」のトップページのスクリーンショット2

美しい壁紙を堪能したり、世間のニュースをサクっと読んだりするのもいいんですが、「Google」みたいな単色壁紙に、検索ボックスだけというシンプルなページもいいですよね。

「Bing」では、いつでもオンオフできるように、設定項目が用意されています。「Google」みたいなシンプルな状態にできます。

Microsoft Rewards」のポイント稼ぎのために、「Google」から「Bing」に移行した方や、単純にシンプルが好きな方、参考にしてみてください。

Bingのごちゃごちゃしたトップページを綺麗にする手順

Bingのトップページ」にアクセスします。右上の「三本線アイコン」ボタンをクリックします。「自分のホームページをカスタマイズ」という部分をクリックして展開します。以下の3つの項目が表示されるので、全部オフにします。

  • メニューバーを表示
  • ニュースと関心事項を表示
  • ホームページの画像を表示
PCウェブサイト版「Microsoft Bing」のトップページの背景画像やニュースを非表示にする手順画像

表示したい項目があれば、オンのままにしておきます。

設定画面からでもオンオフできる

綺麗な状態になります。Google検索と同じで、検索ボックスだけになります。背景は白です。

PCウェブサイト版「Microsoft Bing」のトップページを検索ボックスだけにした画像

メニューバーについて

メニューバーとは、上部の「画像」、「動画」、「地図」などの項目のことです。この項目をオフにしても、左上のBingロゴ、右上のリワードとプロフィールアイコンは非表示になりません。

ニュースと関心について

ちょっと残念なんですが、「ニュースと関心事項を表示」をオフにしても、完全に消えるわけではありません。

ファーストビュー(最初に目に入る部分)に表示されなくなるだけで、ページを下にスクロールすると表示されます。後述する方法で完全削除することは、いちお可能です。

PCウェブサイト版「Microsoft Bing」のトップページのスクリーンショット3

背景画像について

「ホームページの画像を表示」をオフにすると、白色の単色背景画像になります。設定からダークモードにしている場合は、黒に近い灰色になります。

PCウェブサイト版「Microsoft Bing」をダークモードにしたスクリーンショット

ダークモードは、「外観」設定から調整できます。詳しくは、下記記事を参考にしてみてください。

【応用】CSSを使って、もっとスッキリ化

ウェブサイトにCSSを適用できるChrome拡張機能「Stylebot(スタイルボット)」や「Stylus(スタイラス)」などを利用することで、もっと「Bing」のトップページをスッキリできます。

例えば、以下のCSSを適用することで、完全にニュースと関心を非表示にして、その他の細々した部分を削除します。

/*トップページのニュースと関心を完全排除*/
div#scroll_cont {
  display: none;
}

/*トップページのマイクボタン削除*/
.hpl .mic_cont.icon {
  display: none;
}

/*トップページの画像検索ボタン削除*/
.hpl .camera.icon {
  display: none;
}

/*トップページの検索ボタン削除*/
.hpl label#search_icon svg {
    display: none !important;
}

/*トップページのMicrosoft Bingロゴ削除*/
.hpl svg#bLogo {
  display: none;
}

/*トップページ右上の「English」削除*/
.hpl span.sw_mktsw {
  display: none !important;
}

/*トップページ右上の「English」削除*/
.hpl span.sw_mktsw {
  display: none;
}

左上のロゴや、検索ボックス内の不要なボタンが全部消えて、スッキリします。CSSは自身の環境上だけですが、好きなようにウェブサイトの外観を改造できます。

PCウェブサイト版「Microsoft Bing」のトップページをCSSでカスタマイズした画像

適用方法などについては、「Stylebot」拡張機能の記事を参考にしてみてください。

検索結果の余計な項目を消したい場合

「Bing」の検索結果の余計な項目を排除する記事を書いています。

関連キーワード、結果を見る、Bingチャットに質問する、広告、レシピ、ビデオ(動画)、〇〇を見る、他の人はこちらも質問、話題のコンテンツ、マップ(地図)などの不要な項目は、CSSを使うことで削除できます。

詳しくは、下記記事を参考にしてみてください。

感想

以上、PCウェブサイト版「Microsoft Bing」のトップページの背景画像やニュースを非表示にして、シンプルな画面にする方法でした。

Microsoft Rewards」のポイントが貯まるので、一時的に「Google」から「Bing」に移行しています。ちょろい人間だぜ…。

2022年11月3日豆知識系