WordPressでサイドバーを削除する方法

公開: 2023-12-04

視聴者の注目を集め、優れたユーザー エクスペリエンスを提供する Web サイトをデザインする場合、ページ上のすべての要素が重要になります。

そのような要素の 1 つはユニバーサル サイドバーであり、多くの場合、ウィジェット、ナビゲーション メニュー、およびサイト訪問者を支援するために設計されたその他のコンポーネントが含まれています。

ただし、Web サイトのデザインやコンテンツには、サイドバーに邪魔されないすっきりとした広々としたレイアウトの方がメリットがある場合があります。

この包括的な投稿では、WordPress ウェブサイトのサイドバーを削除する方法を説明します。 テーマ ファイルの編集やカスタム ページ テンプレートの使用など、さまざまな方法を検討して、ニーズに最も適した方法を選択してください。

Web サイトのレイアウトとデザインをコントロールする準備ができたら、WordPress サイドバー削除の世界に飛び込んで、より視覚的に魅力的でユーザーフレンドリーなオンライン プレゼンスの可能性を解き放ちましょう。

目次

  1. WordPress でサイドバーを削除する理由
  2. WordPressでサイドバーを削除する方法
    • WordPress テーマ設定を使用してサイドバーを削除する
    • フルサイト編集を使用してサイドバーを削除する
    • WordPress サイト全体からサイドバーを削除する
    • WordPress の静的ページからサイドバーを削除する
    • WordPress の単一投稿からサイドバーを削除する
  3. 結論

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

サイドバーは、最近の投稿、カテゴリ、タグ、ソーシャル メディア リンクなどのウィジェットを表示するための追加スペースを提供します。 ソーシャル メディア ページを宣伝するために、ブログ ページのサイドバーを使用します。

サイドバーの例

WordPress でサイドバーを削除すると、Web サイトにさまざまな面で大きなメリットがもたらされます。

まず、コンテンツにクリーンで気を散らすことのない環境を提供することで、読みやすさとユーザー エンゲージメントを強化し、視聴者が最も重要なことに集中できるようにします。

さらに、サイドバーのない全幅デザインは、多くの場合、より美しくモダンな外観を生み出し、より大きく、より視覚的に魅力的なマルチメディア要素を可能にします。 また、モバイルの応答性も向上し、 サイトはどのデバイスでも見栄えがよくなります。

さらに、サイドバーを削除すると、さまざまなレイアウトを再設計して試すことができるため、クリエイティブな Web サイトやポートフォリオ Web サイトにとって特に有利です。 また、ページの読み込み速度も向上し、 SEO とユーザー エクスペリエンスにプラスの影響を与える可能性があります。

最終的には、ブランド アイデンティティを伝え、Web サイトの効果を高めるための、カスタマイズされた整然としたスペースが提供されます。

2 WordPressのサイドバーを削除する方法

WordPress でサイドバーを削除するさまざまな方法について説明します。

注:変更を加える前に、サイトのバックアップを作成することをお勧めします。 そうすることで、何か問題が発生した場合に元に戻すことができます。

2.1 WordPress テーマ設定を使用してサイドバーを削除する

すべての WordPress テーマがサイドバーを削除するための組み込み設定を提供しているわけではありません。 ただし、最新のテーマの多くには、サイドバーの削除など、個々のページまたは投稿のレイアウトをカスタマイズするためのオプションが用意されています。

WordPress ダッシュボードから「外観」→「カスタマイズ」に移動します。

「設定のカスタマイズ」に移動してサイドバーを削除します

次に、テーマ設定で、たとえば Astra テーマで提供されているサイドバーオプションを探します。

Astraテーマ設定のサイドバーオプション

サイドバーなし/左サイドバー/右サイドバーなどのサイドバーを削除するオプションを含む、さまざまなレイアウトを探索できるようになりました。 以下に示すように、サムネイルをクリックしてサイトにレイアウトを適用します。

サイドバーレイアウトを適用する

完了したら、 「公開/更新」をクリックして変更を保存します。

2.2フルサイト編集を使用してサイドバーを削除する

フルサイト編集を使用してサイドバーを削除すると、特にブロックベースのテーマで、WordPress サイトのレイアウトとデザインをカスタマイズするシームレスかつ直感的な方法が提供されます。

たとえば、Twenty Twenty Three テーマを使用している場合は、WordPress ダッシュボードから「外観」→「エディター」に移動します。

エディターに移動します

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

利用可能なすべてのオプションを調べるには、「テンプレート」、「パターン」、または「ページ」に移動します。

ブロックテーマのデザイン

サイドバーを削除したいテンプレートまたはページをクリックします。 WordPress はデザインのプレビューを表示します。 テンプレートを編集するには、以下に示すように、小さな鉛筆アイコンをクリックします。

テンプレートを編集する

以下に示すように、サイドバーを選択し、三点アイコンをクリックして、 [削除]をクリックします。

サイドバーを削除する

完了したら、変更を保存すると、サイドバーが消えます。

2.3 WordPress サイト全体からサイドバーを削除する

高度なレベルで WordPress Web サイト全体からサイドバーを削除するには、テーマ ファイルの変更が必要です。 このプロセスには、WordPress テーマ、PHP、HTML についての十分な理解が必要です。

変更を加える前に、WordPress Web サイト全体のバックアップを作成することが重要です。 これにより、何か問題が発生した場合でも、確実に前の状態に戻すことができます。

FTP (ファイル転送プロトコル) またはホスティングプロバイダーが提供するファイルマネージャーを使用して、WordPress ホスティングサーバーにログインします。

wp-content/themes/ディレクトリに移動し、現在アクティブなテーマのフォルダーを見つけます。

テーマフォルダーに移動します

テーマが異なれば、テンプレート ファイルの構成も異なります。 一般的に、 page.phpsingle.php 、またはindex.phpのようなテンプレートが見つかります。 これらのファイルは、さまざまな種類のページのレイアウトを制御します。

テキスト エディタを使用して、関連するテンプレート ファイル (例: page.php ) を開きます。

サイドバーを生成する以下のコードを探してください。

 <?php get_sidebar(); ?>

サイドバーに関連するコードを削除またはコメントアウトします。

テーマの構造に応じて、 single.phpindex.phpなどの他の関連テンプレート ファイルに対してこのプロセスを繰り返します。 テンプレート ファイルに加えた変更を保存します。

次に、Web サイトにアクセスし、さまざまなページを徹底的にテストして、サイドバーが正常に削除されたことを確認します。

2.4 WordPress の静的ページからサイドバーを削除する

静的ページからサイドバーを削除するには、WordPress ダッシュボードから「ページ」セクションに移動します。

ページ エディターに入ったら、多くの場合エディターの右側にある[ページ]セクションを探します。

ここには、 「テンプレート」または同様のオプションというラベルのドロップダウン メニューがあります。 全幅として設計されたテンプレート、またはサイドバーがないことを明示したテンプレートを選択してください。

全幅テンプレート

目的のテンプレートを選択した後、 「更新/公開」ボタンをクリックして変更を保存します。

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

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

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

ファイルを full-width.php などの名前で保存します。 次に、FTP クライアントまたは WordPress ホスティングが提供するファイル マネージャーを使用してサイトに接続します。

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

page.php ファイルを編集する

<?php get_header(); ?>行以降をすべてコピーします。 <?php get_header(); ?>選択し、full-width.php ファイルに貼り付けます。 この手順を完了したら、次のような行を見つけて削除します。

 <?php get_sidebar(); ?>

変更を保存し、full-width.php ファイルをテーマ フォルダーにアップロードできます。 上記のプロセスに従って、このテンプレートを任意のページに適用できます。

2.5 WordPress の単一投稿からサイドバーを削除する

すべてのブログ投稿からサイドバーを削除せず、代わりに 1 つの投稿をカスタマイズしてサイドバーを持たない場合は、次の手順に従います。

WordPress ダッシュボードの左側にある「投稿」セクションに移動し、目的の投稿を選択します。 以下に示すように、右側で[テンプレート]を見つけて[全幅]を選択します。

全角テンプレートを選択

「更新/公開」をクリックして変更を保存します。

全幅オプションが見つからない場合は、サイドバーのないカスタム ページ テンプレートを作成できます。 この手順は、前述の静的ページのテンプレートを変更する手順と似ています。

3結論

WordPress でサイドバーを非表示にすると、Web サイトを思いどおりにデザインできるようになります。

テンプレートを使用してシンプルな外観にする場合でも、サイト全体の編集などのより高度なオプションを検討する場合でも、重要なのはサイトを独自のものにすることです。 これは、テーマの設定や手動調整によって簡単に行うことができます。

選択する方法は、テクノロジーに対する快適さのレベルと、どの程度のカスタマイズを求めているかによって異なります。 WordPress は常に進化しているので、サイトの外観を調整するためのより良い方法を提供する可能性のある新しい更新に常に注目することをお勧めします。

サイドバーを非表示にできると、WordPress サイトの主役となり、サイトの見栄えを良くし、訪問者の関心を維持することができます。 この投稿が気に入ったら、 @rankmathseo をツイートしてお知らせください。