WordPressでサイドバーを削除する方法（簡単な6つの方法）

サイドバーは、WordPressテーマのウィジェット対応エリアであり、メインのページコンテンツの一部ではない情報を表示できます。ただし、サイドバーは気を散らしたり、貴重なスペースを占めたりする可能性があります。

WPBeginnerでは、何千ものユーザーのWordPressサイトのデザインを支援してきました。私たちの経験では、サイドバーを削除する方法はいくつかあります。テーマ設定から非表示にしたり、個々のページや投稿から削除したり、フルサイトエディターを使用したりできます。

この記事では、WordPress でサイドバーを簡単に削除する方法をご紹介します。

WordPressでサイドバーを削除する理由

ほとんどのWordPressテーマには、複数のサイドバーまたはウィジェット対応エリアが付属しています。

サイドバーを使用して、最近の投稿のリスト、広告、メールリスト登録フォーム、またはメインのページや投稿の一部ではないその他のコンテンツを表示できます。

WPBeginnerでは、サイドバーを使用してソーシャルメディアページを宣伝し、最も人気のある投稿を表示しています。

WordPressウィジェットを使用すると、テーマのサイドバーにアイテムを簡単に追加できます。

ほとんどのWordPressテーマでは、訪問者がデスクトップまたはモバイルデバイスを使用しているかによって、サイドバーの外観が異なります。スマートフォンやタブレットは画面が小さいため、WordPressは通常、サイドバーを画面の下部に移動させます。

サイトのセットアップ方法によっては、奇妙に見える場合があります。モバイルユーザーは、サイドバーのコンテンツを表示するために画面の最下部までスクロールする必要があり、ユーザーエクスペリエンスに影響を与える可能性があります。詳細については、デスクトップからWordPressサイトのモバイルバージョンを表示する方法に関するガイドを参照してください。

デスクトップ上でも、サイドバーはページのコールトゥアクションなど、最も重要なコンテンツから注意をそらす可能性があります。

それでは、WordPressでサイドバーを削除する方法を見てみましょう。サイト全体からサイドバーを削除する方法と、特定のページまたは投稿のみでサイドバーを非表示にする方法を説明します。

• 方法1. WordPressテーマの設定を使用してサイドバーを削除する
• 方法2.フルサイト編集を使用してサイドバーを削除する（ブロックベースのテーマのみ）
• 方法3. WordPressウェブサイト全体からサイドバーを削除する（上級）
• 方法4. WordPressで個々のページからサイドバーを削除する
• 方法5. WordPressで静的ページからサイドバーを削除する
• 方法6. WordPressで個別の投稿からサイドバーを削除する
• 動画チュートリアル

特定の方法に直接ジャンプしたい場合は、上記のリンクを使用できます。

方法1. WordPressテーマの設定を使用してサイドバーを削除する

最高のWordPressテーマの多くには、サイドバーを削除するための組み込み設定が付属しています。テーマによっては、個々の投稿やページ、またはサイト全体からサイドバーを削除できる場合があります。

テーマにこのオプションがあるかどうかを確認するには、外観 » カスタマイズに移動します。

左側のメニューで、「サイドバー」またはそれに類する設定を探してください。

次の画像では、人気のAstra WordPressテーマのオプションを確認できます。

「サイドバー」またはそれに類するオプションが表示された場合は、それを選択し、サイドバーを削除する設定を探してください。

これはドロップダウンメニュー、さまざまなサイドバーレイアウトを示すサムネイル、またはその他の設定である可能性があります。

テーマに「サイドバー」オプションがない場合は、「ページ」または類似のセクションを選択することでサイドバーを削除できる場合があります。

次の画像でご覧いただけるように、Astra には「ページ」設定もあります。

ここでは、サイドバーを削除するいくつかのレイアウトを含む、さまざまなレイアウトが表示されます。「サイドバーなし」や「フル幅/ストレッチ」などです。

サムネイルをクリックするだけで、そのレイアウトをサイトに適用できます。

どのようにサイドバーを削除しても、「公開」をクリックすることを忘れないでください。

一部のテーマでは、個々の投稿や固定ページからサイドバーを削除することもできます。これは、ランディングページやセールスページなどのカスタムページをデザインする際に役立ちます。

テーマにこれらの設定があるかどうかを確認するには、サイドバーを非表示にしたいページまたは投稿を開きます。右側のメニューで、「投稿」または「ページ」のいずれかを選択し、「投稿設定」または「ページ設定」オプションを探します。

テーマにこのセクションがある場合は、クリックして展開します。サイドバーを削除できる設定を探します。

次の画像では、人気のThemeIsle Hestiaテーマの投稿設定を確認できます。

一部のWordPressテーマでは、カスタマイザーやページエディターを使用してサイドバーを削除できない場合があります。この場合、読み進めて、WordPressでサイドバーを削除する他の方法をご紹介します。

方法2.フルサイト編集を使用してサイドバーを削除する（ブロックベースのテーマのみ）

ブロックテーマ（例：Divi）を使用している場合は、フルサイト編集（FSE）とブロックエディターを使用してサイドバーを削除できます。

これは、サイト全体からサイドバーを削除する迅速かつ簡単な方法ですが、すべてのテーマで機能するわけではありません。

エディターを起動するには、外観 » エディター に移動します。

デフォルトでは、フルサイトエディターはテーマのホームページテンプレートを表示しますが、どのページからでもサイドバーを削除できます。

利用可能なすべてのオプションを表示するには、「テンプレート」、「パターン」、または「ページ」のいずれかを選択してください。

サイドバーを削除したいテンプレートまたはページをクリックできるようになりました。

WordPressはデザインのプレビューを表示します。このテンプレートを編集するには、小さな鉛筆アイコンをクリックします。

これで、サイドバーを選択してクリックできるようになります。

表示される小さなツールバーで、点線のアイコンをクリックします。

「列を削除」または同様の設定をクリックして、サイドバーを削除できるようになりました。

それが完了したら、「保存」ボタンをクリックして進めることができます。

これで、WordPressウェブサイトにアクセスすると、ツールバーが消えていることがわかります。

WordPressのフルサイト編集に関するガイドも参照してください。

方法3. WordPressウェブサイト全体からサイドバーを削除する（上級）

この方法を使用すると、WordPressブログまたはウェブサイトのすべてのページと投稿からサイドバーを削除できます。

テーマファイルを編集する必要があるため、初心者には最も簡単なオプションではありません。ただし、この方法は、サイドバーを非表示にする組み込みの方法がないテーマを含め、ほとんどのWordPressテーマで機能するはずです。

WordPressのテーマファイルを直接編集すると、テーマを更新したときにその変更が失われることに注意してください。

それを踏まえた上で、子テーマを作成することをお勧めします。これにより、カスタマイズを失わずにWordPressテーマを更新することができます。

まず、FileZillaなどのFTPクライアントを使用してWordPressサイトに接続する必要があります。または、WordPressホスティングのcPanelのファイルマネージャーを使用することもできます。 SiteGroundユーザーの場合は、代わりにSite Toolsダッシュボードを使用できます。

FTPを初めてご利用になる場合は、FTPを使用してサイトに接続する方法に関する完全なガイドをご覧ください。

接続したら、/wp-content/themes/に移動し、現在のWordPressテーマのフォルダを開きます。

WordPressのテーマはさまざまなテンプレートで構成されているため、サイドバーを含むすべてのテンプレートを編集する必要があります。編集する必要があるファイルを確認するには、WordPressテンプレート階層に関するガイドを参照してください。

例えば、index.php、page.php、single.php、archive.php、home.phpなどを編集する必要があるかもしれません。

ファイルを編集するには、Notepadのようなテキストエディタで開きます。次に、次のような行を見つけます。

<?php get_sidebar(); ?>

テーマに複数のサイドバーがある場合、コードは少し異なり、複数のサイドバーコードが存在する可能性があります。通常、このコードの関数内には「sidebar」という単語が含まれています。例：

<?php get_sidebar('footer-widget-area'); ?>

削除したいサイドバーの行を削除するだけです。

次に、ファイルを保存してWordPressホスティングアカウントに再度アップロードします。これで、サイドバーがあるすべてのテンプレートファイルに対してこのプロセスを繰り返すことができます。

終了したら、オンラインストア、ブログ、またはウェブサイトにアクセスして、変更が適用されていることを確認してください。

サイドバーはなくなったものの、コンテンツエリアの幅は変わらず、サイドバーエリアが空いたままになっていることに気づくかもしれません。

これは、テーマのコンテンツ領域に定義済みの幅がある場合に発生します。サイドバーを削除した後、WordPressテーマにカスタムCSSを追加することで、コンテンツ領域の幅を調整する必要がある場合があります。

これを行うには、テーマ » カスタマイズに移動します。左側のメニューで、追加CSSをクリックします。

次に、次のコードを小さなコードエディターに貼り付けます。

.content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.content-area .site {
margin:0px;
}

これで完了です。「公開」ボタンをクリックします。次に、サイトにアクセスすると、コンテンツエリアが利用可能なスペースの100%を占めていることがわかります。

方法4. WordPressで個々のページからサイドバーを削除する

サイトの他の領域ではサイドバーを表示したまま、特定のページでのみサイドバーを削除したい場合があります。たとえば、多くのウェブサイトでは、チェックアウトページでサイドバーを表示しません。これは、買い物客の注意をそらし、購入を完了できなくする可能性があるためです。

特定のページからサイドバーを削除したいだけであれば、ページビルダープラグインのSeedProdのようなものを使用することをお勧めします。

SeedProdを使用すると、シンプルなドラッグアンドドロップエディターを使用して、あらゆる種類のページをデザインできます。これにより、どのページからでもサイドバーの追加と削除が簡単になります。

SeedProdエディターで、削除したいサイドバーをクリックして選択します。次に、ゴミ箱アイコンをクリックします。

サイト全体からサイドバーを削除したい場合は、SeedProdを使用して、サイドバーのないカスタムテーマを簡単に作成することもできます。

詳細な手順については、SeedProdを使用してWordPressでカスタムページを作成する方法に関するガイドを参照してください。

方法5. WordPressで静的ページからサイドバーを削除する

一部のWordPressテーマには複数のテンプレートが用意されており、サイドバーをコンテンツの両側に表示しないフル幅ページテンプレートが含まれています。これらのテンプレートを使用して、任意のページからサイドバーを削除できます。

テーマに全幅テンプレートがあるかどうかを確認するには、任意のページを開くだけです。右側のメニューで、「テンプレート」の隣にあるリンクをクリックします。

表示されるポップアップで、ドロップダウンメニューを開き、フル幅テンプレートを探します。

見つかった場合は、クリックしてそのページにテンプレートを適用してください。

テーマにフル幅テンプレートがない場合は、手動で作成できます。

メモ帳のようなプレーンテキストエディタを開き、以下のコードを空のファイルに貼り付けます。

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

このファイルを full-width.php という名前で保存できるようになりました。

その後、FTPクライアントまたはWordPressホスティングプロバイダーが提供するファイルマネージャーを使用してサイトに接続します。

次に、/wp-content/themes/に移動し、現在のテーマのフォルダを開きます。このフォルダ内で、page.phpファイルを見つけて、任意のテキストエディタで開きます。

次に、<?php get_header(); ?> の行以降に表示されるすべてをコピーし、full-width.php ファイルに貼り付けます。

それが完了したら、次のような行を探して削除します。

<?php get_sidebar(); ?>

これで変更を保存し、full-width.phpファイルをテーマフォルダにアップロードできます。

これで、上記と同じ手順に従って、このテンプレートを任意のページで使用できます。

注意:フル幅.phpファイルを新規作成中にコンテンツエディタでページを開いている場合は、新しいテンプレートがドロップダウンメニューに表示される前にエディタをリフレッシュする必要があります。

詳細については、WordPressでフル幅のページを作成する方法に関するガイドをご覧ください。WordPressでフル幅のページテンプレートを作成する方法

方法6. WordPressで個別の投稿からサイドバーを削除する

WordPressには、ページテンプレートと同様に機能する投稿テンプレートもあります。

特定の個別投稿からサイドバーを削除したい場合は、カスタムの個別投稿テンプレートを作成できます。これは、全幅ページテンプレートを作成するのと似ています。

まず、メモ帳のようなテキストエディタを使用して新しいテンプレートファイルを作成する必要があります。それが完了したら、次のコードをそのファイルにコピーして貼り付けることができます。

<?php
/*
 * Template Name: Featured Article
 * Template Post Type: post, page, product
 */

 get_header();  ?>

このコードは、「注目の記事」という新しいテンプレートを作成し、オンラインストアの任意のページまたは投稿、および製品投稿タイプで利用できるようにします。

カスタムシングル投稿テンプレートでは、コードのサイドバー部分を削除するだけで済みます。詳細については、WordPressでカスタムシングル投稿テンプレートを作成する方法に関するガイドに記載されている手順に従ってください。

完了したら、このファイルをfull-width.phpとして保存します。

次に、FTPクライアントまたはファイルマネージャーを使用して、ファイルを現在のWordPressテーマフォルダーにアップロードする必要があります。

これが完了したら、このテンプレートを任意の投稿に適用できます。右側のメニューで、「テンプレート」の横にあるリンクをクリックするだけです。

表示されるポップアップで、ドロップダウンメニューを開き、作成したフル幅テンプレートを選択します。

その後、「更新」または「公開」をクリックして、変更をライブにします。

動画チュートリアル

視覚的に学びたいですか？ WordPressでサイドバーを簡単に削除する方法に関するYouTubeチュートリアルをご覧ください。

この記事がWordPressテーマのサイドバーを簡単に削除する方法を学ぶのに役立ったことを願っています。また、WordPressにカスタム投稿後ウィジェットを追加する方法のステップバイステップガイドや、最高のGutenberg対応WordPressテーマも参照することをお勧めします。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。