ボタンへ移動
disable.page

最初 sidebar

横の列なしで読む

関連記事や広告、登録フォームが本文の横に並ぶと、読む場所が狭くなります。このショートカットはサイドバーを隠そうとします。

パソコンで下のボタンをブックマークバーにドラッグします。その後、対象のページを開いてブックマークを使ってください。

サイドバーを外す

スマートフォンをお使いですか? 下に別の使い方をまとめています。

仕組みと使いどころ

スマートフォンではどう使いますか?

コードをブックマークのアドレスとして保存する方法を試せます。まず下のコードをコピーしてください。

iPhone(Safari): 適当なページをブックマークし、そのブックマークを長押しして「編集」を選び、アドレスをコピーしたコードに置き換えます。

Android(Chrome): ページをブックマークします。ブックマーク一覧で横の三点メニューから「編集」を選び、アドレスをコピーしたコードに置き換えます。

変更したいページを開いて、そのブックマークを選びます。メニューから動かない場合は、アドレスバーにブックマーク名を入力し、表示された候補を選んでください。

動作はブラウザーやバージョンによって異なります。ページ側でこの方法がブロックされることもあります。

iPhoneでは「ショートカット」アプリも使えます

「ショートカット」アプリで「WebページでJavaScriptを実行」アクションを追加し、下のコードを貼り付けます。SafariのWebページ用に共有シートへの表示を有効にします。求められた場合は、ショートカットの設定でスクリプトの実行を許可してください。次にSafariで対象のページを開き、共有から作成したショートカットを選びます。

パソコンのコンソールではどう使いますか?

変更したいページを開きます。Chromeで Ctrl + Shift + J(Windows/Linux)または ⌘ + Option + J(Mac)を押し、下のコードをコンソールに貼り付けて Enter を押します。

効果は開いているページに適用されます。コンソールで実行する前にコードの内容を確認してください。ブラウザーが安全上の警告を表示する場合もあります。

ボタンは aside、補足と印の付いた領域、名前に sidebar を含む塊を隠します。main と印の付いた中核は対象にしません。

サイドバーをどう見分けますか?

横の列には、別の記事、広告、サイト内検索、ニュースレターの箱がよく入ります。文章と競います。

ボタンは aside、補足と印の付いたもの、名前に sidebar を含む要素を隠します。main は残ります。

サイトからその列は消えません。あなたの画面では、読み込み直すまで出ません。

内容だけ

横が広い帯を占めていて、その幅を文章に使いたいときに使います。

aside も sidebar という語もない、別名の列は残ることがあります。

そのあとの配置

ページが固い格子でその場所を確保していると、列を隠したあとに隙間が残ることがあります。文章自体は残ります。

ヘッダーとコメントは別のツールです。こちらが見るのは横です。