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

WordPressサイトからサイドバーを削除しますか?サイドバーは、WordPressテーマのウィジェット対応領域です。多くの場合、すべてのページのコンテンツ領域の右側、左側、または下に表示されます。この記事では、WordPressでサイドバーを簡単に削除する方法を紹介します.


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

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

ほとんどの無料および有料のWordPressテーマには、複数のサイドバーまたはウィジェット対応領域が付属しています.

WordPressのサイドバーの目的は、投稿またはページコンテンツの一部ではないアイテムを表示することです。通常、これらはWebサイトのさまざまな領域へのリンク、広告、メーリングリストの登録フォーム、ソーシャルメディアのプロファイルなどです。これらのアイテムは、WordPressウィジェットを使用してテーマのサイドバーに簡単に追加できます.

WordPressベースのWebサイトのサイドバー

ほとんどのWordPressテーマでは、ユーザーがモバイルデバイスからサイトを表示しているときのサイドバーの表示が異なります。画面サイズの幅が小さくなるため、デスクトップの右側または左側に表示されるサイドバーがモバイル画面の下部に移動されます.

サイドバーは非常に役立ち、ビジネスの成長に役立ちます。最大の結果については、これらのWordPressサイドバートリックを参照してください.

ただし、一部のWebサイト所有者は、サイドバーを削除するとユーザーエクスペリエンスが向上すると感じています。 WordPressサイトのサイドバーを削除する場合は、このチュートリアルが最適です.

ビデオチュートリアル

WPBeginnerを購読

ビデオが気に入らない、またはさらに説明が必要な場合は、読み続けてください.

WordPressのどこからでもサイドバーを削除する

この方法では、すべてのページからサイドバーを削除して、WordPressサイトに投稿するだけです。 WordPressテーマファイルを編集する必要があります。これまでに行ったことがない場合は、WordPressでコードをコピーして貼り付ける方法に関するガイドを参照してください。.

まずFTPクライアントを使用してWordPressサイトに接続し、次に/ wp-content / themes / your-current-theme /フォルダーに移動する必要があります.

WordPressテーマはさまざまなテンプレートで構成されているため、サイドバーが表示されているすべてのテンプレートを編集する必要があります.

たとえば、一般的なWordPressテーマでは、index.php、page.php、single.php、archive.php、home.phpなどを編集する必要がある場合があります。.

テンプレートファイルを開いて編集し、次のような行を見つけます。

<?php get_sidebar(); ?>

テーマに複数のサイドバーが付属している場合、関数内にサイドバー名を持つこのコードの異なるインスタンスが表示されます。例えば:

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

表示したくないサイドバーを表す線を削除します.

次に、ファイルを保存してWebサイトにアップロードします。 Webサイトにさまざまなページを表示するすべてのテンプレートファイルについて、このプロセスを繰り返します。.

終了したら、あなたはあなたのウェブサイトに行き、実際にそれを見ることができます.

サイドバーがなくなっても、コンテンツ領域が同じ幅で表示され、サイドバー領域が空のままであることに気付くでしょう.

WordPressテーマの空白のサイドバー領域

これは、テーマによってコンテンツ領域の幅が定義されているためです。サイドバーがなくなったので、カスタムCSSをテーマに追加してコンテンツ領域の幅を調整する必要があります.

まず、コンテンツ領域の幅を定義するために、テーマで使用されるCSSクラスを理解する必要があります。これは、ブラウザーの検査ツールを使用して行うことができます.

これは、Twenty Sixteenテーマを使用してデモサイトで使用したサンプルCSSです。.

.コンテンツエリア {
幅:100%;
マージン:0px;
ボーダー:0px;
パディング:0px;
}

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

サイドバーなしでの外観は次のとおりです。

WordPressテーマから削除されたサイドバー

WordPressの個々のページからサイドバーを削除する

特定のページのサイドバーのみを削除し、ウェブサイトの他のセクションに表示したい場合があります。.

たとえば、多くのWebサイトでは、ブログページにサイドバーが表示されますが、個々のブログ投稿には表示されません。静的ページを除くすべての場所にサイドバーを表示することを好む人もいます.

さまざまなシナリオと、さまざまな領域からサイドバーを削除する方法を見てみましょう.

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

多くのWordPressテーマには、すぐに使用できる全幅のページテンプレートが付属しています。これらのテンプレートはWordPressの任意の静的ページで使用でき、コンテンツのどちらの側にもサイドバーを表示しません.

サイドバーを削除するページを編集し、[ページ属性]メタボックスで全幅テンプレートを選択するだけです.

サイドバーのない全幅のページテンプレート

テンプレートを選択するオプションが表示されない場合、これはテーマに全幅のページテンプレートが付属していないことを意味します.

その場合は、全幅のページテンプレートを手動で作成する必要があります。メモ帳などのプレーンテキストエディターを開き、次のコードを空のファイルに貼り付けます。

<?php
/ *
*
テンプレート名:全幅
* /
get_header(); ?>

このファイルをデスクトップにfull-width.phpとして保存します.

FTPクライアントを使用してWordPressサイトに接続し、/ wp-content / themes / your-current-theme /フォルダーに移動します。 page.phpというファイルを編集し、その後に表示されるすべてのものをコピーします <?php get_header(); ?> ライン.

次に、このコードをfull-width.phpファイルに貼り付けます。その後、次のような行を見つけて削除する必要があります。

<?php get_sidebar(); ?>

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

WordPressサイトの任意のページを編集できるようになり、全幅のページテンプレートを選択できるようになります.

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

WordPressのブログ投稿ページからサイドバーを削除する

WordPressでは、ブログの投稿に静的なフロントページと別のページを使用できます。通常、ほとんどのWordPressテーマはブログ投稿ページにサイドバーを表示します.

ブログの投稿ページにサイドバーを表示したくない場合は、 設定»読書 ページ。ブログ投稿ページとして使用しているページの名前に注意してください.

WordPressブログページを見つける

次に行きます ページ»すべてのページ ブログ投稿の表示に使用するページを編集します。ページ属性セクションで全幅テンプレートを選択して、変更を保存します.

サイドバーのない全幅のページテンプレート

全幅テンプレートオプションが表示されない場合は、全幅テンプレートを手動で作成する必要があります。詳細な手順については、この記事の前のセクションを参照してください.

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

特定の単一投稿からサイドバーを削除する場合は、カスタムの単一投稿テンプレートを作成できます.

WordPress 4.7には、投稿テンプレートのサポートが組み込まれています。 WordPressでカスタムの単一投稿テンプレートを作成する方法に関するガイドの手順の概要に従う必要があります.

カスタムの単一投稿テンプレートでは、コードのサイドバー部分を必ず削除する必要があります.

この記事が、WordPressテーマのサイドバーを簡単に削除する方法を学習するのに役立つことを願っています。 WordPressの速度とパフォーマンスを向上させる方法について、ステップバイステップガイドをご覧になることもできます。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me