WordPressページテンプレートに全幅レイアウトを実装する方法

このチュートリアルは、WordPressで全幅ページテンプレートを作成して、予期しないサイドバーディスプレイの問題を解決できるように設計されています。テンプレートコードを確認し、サイドバーの呼び出し方法を確認し、重複したサイドバーディスプレイを避けるためのソリューションを提供し、ページに予想される全幅の効果が表示されるようにします。

WordPressで完全な幅ページテンプレートを作成することは、通常、ページ上のサイドバーを削除して、コンテンツがページ全体を引き受けるようにすることを意味します。ただし、テンプレートに明示的な呼び出しがない場合でも、サイドバーが表示される場合があります。これは、テンプレートファイルまたはテーマのデフォルト設定によって引き起こされる場合があります。

テンプレートファイルを確認します

まず、全幅ページテンプレートファイルを再確認します。サンプルテンプレートコードは次のとおりです。

 


<div id="プライマリ" class="content-area">
    <main id="main" class="site-main" role="main">

        

            <article id="post- <？php the_id（）;？>" post_class>>
                <header class="entry-header">
                    <h1 class="entry-title">  </h1>
                </header> 

                <div class="entry-content">
                    
                </div> 
            </article>   - >

            

    </main> 
</div> 

重要なのは、get_sidebar（）関数を呼び出していないことを確認することです。 get_sidebar（ 'サイドバーバー'）などの特定のサイドバーのみを呼び出す場合でも、他のサイドバーが予期せず表示される可能性があります。

サイドバーを繰り返し表示する理由のトラブルシューティング

• SideBar-Bas.phpファイルコンテンツ：これが最も一般的な理由です。 SideBar-Bas.phpファイルを確認して、get_sidebar（ 'Sidebar-droite'）または他のサイドバーへの呼び出しが含まれているかどうかを確認します。その場合、これらの呼び出しを削除します。

• テーマのデフォルト：一部のテーマには、サイドバーがfunctions.phpファイルまたはテーマの他のファイルに含めることを強制する場合があります。トピックファイルを確認して、get_sidebar（）のような呼び出しがあるかどうかを確認し、それらを削除またはコメントしてみてください（注意してトピックファイルをバックアップしてください）。

• フック機能：一部のプラグインまたはテーマには、WordPressのフック関数（アクションとフィルター）を使用してサイドバーを追加できます。プラグインを無効にし、プラグインが問題を引き起こしているかどうかを1つずつ有効にします。

解決策と予防策

1. 冗長なサイドバーコールを削除： SideBar-Bas.phpファイルで、不必要なget_sidebar（）呼び出しを削除します。

2. トピックの設定を確認してください：トピック設定でサイドバーを強制的に有効にするオプションがないことを確認してください。

3. 条件付き判断の使用：場合によってはサイドバーを表示する必要がある場合は、条件付き判断ステートメントを使用して、サイドバーの表示を制御できます。例えば：

   このコードは、「連絡先」ページにContact-SideBarのみを表示します。

4. CSSスタイルの調整：サイドバーコールを削除したとしても、ページレイアウトが依然として間違っている可能性があります。 CSSスタイルを使用してページ幅を調整して、コンテンツがページ全体を占めるようにします。たとえば、次のCSSルールを追加できます。

    ＃主要な {
       幅：100％;
       フロート：なし; /* floatを取り外します*/
   }

5. バックアップ：問題が発生した場合にテーマファイルを変更する前に、必ずファイルをバックアップしてください。

要約します

完全な幅ページテンプレートを作成する鍵は、テンプレートファイルとテーマ設定を再確認して、不必要なサイドバーコールがないことを確認することです。不必要な通話を削除し、条件を使用し、CSSスタイルを調整することで、完全な幅ページレイアウトを簡単に実現できます。トピックファイルを変更するときは、常にファイルをバックアップすることを忘れないでください。

以上がWordPressページテンプレートに全幅レイアウトを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。