WordPressでサイドバーを削除する方法
公開: 2020-07-24サイドバーは、さまざまなページのコンテンツの右、左、または下部に表示できるウィジェットの場所です。 投稿やページにウィジェットが必要ない場合は、WordPress でサイドバーを削除する方法を学ぶ必要があります。 テーマによっては、簡単にサイドバーを削除するための設定も用意されています。 ただし、提供されていない場合は、このチュートリアルが役に立ちます。
WordPress でサイドバーを削除する理由
サイドバーに別のアイテムを表示する必要がある場合があります。 それらは広告、フォーム、ソーシャル共有などであり、ウィジェットを使用して追加できます。 デスクトップとモバイルのどちらからサイトを表示しているかによって、ユーザーのエクスペリエンスは異なります。 これは、サイドバーのオプションがモバイル デバイスによって異なる場合があるためです。 モバイル デバイスでは幅が狭くなるため、左右のサイドバーが下に表示される場合があります。
クライアントの要件に応じて、開発者はサイドバーを有効または無効にして、サイトのユーザー エクスペリエンスと生産性を向上させる必要があります。
WordPressでサイドバーを完全に削除する方法
この方法を開始する前に、サイトのバックアップを保持し、子テーマを使用して、後でテーマを更新するときに行った変更が失われないようにすることをお勧めします。
このメソッドは、サイドバーをテーマから完全に追い出します。 これを行うには、テーマ ファイルを編集する必要があります。 テーマ ファイルにアクセスするには、WordPress ダッシュボードに直接ログインするか、ホスティング プロバイダーからファイル マネージャーにログインするか、FTP クライアントを使用します。
テーマには複数のテンプレートが含まれているため、編集を開始する前にすべてのテンプレートをコピーする必要があります。 サイドバーが存在するテンプレート全体を編集する必要があります。 通常のテーマでは、index.php、home.php、archive.php、single.php、page.php などに存在する可能性があります。
テンプレート フォルダーがあるフォルダーを見つけます。 wp-content/themes/theme-folder を開きます。 編集するテンプレートを子テーマ フォルダーにコピーします。 次に、テンプレート ファイルで次の行を探します。
<?php get_sidebar(); ?>
この関数はサイドバーを呼び出します。 したがって、サイドバーからこのコードを削除します。
テーマに複数のサイドバーがある場合は、「サイドバー」という単語を含むコードを検索する必要があります。 例えば:
<?php get_sidebar('フッターウィジェットエリア'); ?>
上記のサイドバー コードは、フッター ウィジェットを表します。 このタイプのコードを見つけて削除します。
変更を保存すると、サイドバーが Web サイトから削除されていることがわかります。 さらに、サイドバーを削除した後でも、コンテンツの幅は同じままであることがわかります。
すべてのテーマには、表示される画像とテキストのデフォルトのコンテンツ幅が定義されているため、全幅のコンテンツ領域のコードを編集する必要があります。 これは、カスタム CSS をテーマに追加することで修正できます。 コンテンツ領域を調べて、その特定のコンテンツ領域を定義するために使用される CSS クラスを見つけます。

次に、その特定のクラスの CSS コードを指定する必要があります。 サンプル CSS の例を次に示します。
。コンテンツエリア { 幅: 100%; マージン: 0px; ボーダー: 0px; パディング: 0px; } .content-area .site { マージン: 0px; }
この追加の CSS をテーマに実装すると、サイドバーのない全幅のコンテンツ領域が表示されます。
個々のページから WordPress のサイドバーを削除する方法
サイドバーは別の場所に表示される場合があります。 他の場所のサイドバーの表示に影響を与えずに、特定のサイドバーを投稿またはページから削除する必要がある場合があります。 このプロセスは、上で説明した方法と似ています。 詳しく見てみましょう。
静的ページからサイドバーを削除する方法
ページを編集するときは、右下でページ属性設定を検索します。 静的ページには、デフォルトで全幅のページ テンプレートがあります。 ページにサイドバーを表示しません。 全幅のページ テンプレートを選択するのが解決策です。
ただし、全角属性の設定が表示されない場合は、テーマによって提供されていません。
このような場合は、全角のテンプレート ファイルを手動で追加する必要があります。 次の手順に従って作成してください。
- テキスト エディタを使用して、 full-width.phpという名前の新しいファイルを作成します。
- FTP クライアントでwp-content/themes/theme-nameフォルダーを見つけます。
- page.phpファイルからコードをコピーし、full-width.php ファイルに貼り付けます。
- <?phpタグを開き、次のようにテンプレート名フィールドに入力します。
/* テンプレート名: 全幅テンプレート */
- 検索<?php get_sidebar(); ?>削除します。
- 変更を保存し、 full-width.phpファイルを子テーマ フォルダーにアップロードします。 FTP クライアント。
これで、設定に全幅のページ テンプレートが表示されます。 これで、既存のページのいずれかに適用できます。
WordPress のサイドバーをブログページから削除する方法
WordPress テーマは、ブログ ページにサイドバーも提供します。 以下の手順で、ブログ ページからサイドバーを削除することもできます。
- まず、 Settings >> Readingに移動し、記載されている投稿ページを確認します。
- Pages >> All Pagesに移動し、前のステップで見つけたページを編集します。
- これらの変更を保存する前に、ページ属性を全角テンプレートに変更してください。
全幅テンプレートが見つからない場合は、静的ページについて上記で説明したように、手動で作成する必要があります。
単一の投稿からサイドバーを削除する方法
テーマが全幅の投稿テンプレートを提供している場合、投稿からサイドバーを簡単に削除できます。 このような場合は、古い投稿を編集するか、投稿属性を全角テンプレートとして新しい投稿を作成して、サイドバーを削除することができます。 ただし、欠落している場合は、静的ページ用のカスタム ページ テンプレートを作成する必要があります。
これは、静的ページやブログ ページからサイドバーを削除するのと似ています。 ただし、page.php ファイルではなく、single.php テンプレート ファイルからコンテンツをコピーして編集する必要があります。
プラグインを使用して WordPress のサイドバーを削除する方法
上記のプロセスを回避したい場合は、プラグインを使用して簡単に実行できます。 WordPress には、ページからすべてを削除して空白のテンプレートを作成できるさまざまなプラグインがあります。 サイドバー、ページ タイトルなどを削除したり、削除後に全幅のコンテンツ領域を取得したりすることもできます。 サイドバーを削除したいだけなら、プラグインもそれを行います。
WordPress プラグイン リポジトリから適切なプラグインを検索するだけです。 プラグインが見つからない場合は、コメントでお知らせください。プラグインをお勧めします。
結論
サイドバーは、WordPress の豊富な機能の 1 つです。 ただし、必要がなくなった場合もあります。 うまくいけば、WordPress でサイドバーを削除する方法を学びました。
参考文献
- WordPressでページを複製する方法
- HTMLファイルをWordPressにアップロードする方法
- 最新の WordPress ニュース
- WordPressサイトを非公開にする方法