WordPressウィジェットをウェブサイトのヘッダーに追加する方法
WordPressウィジェットをWebサイトのヘッダー領域に追加しますか?ウィジェットを使用すると、テーマの指定したセクションにコンテンツブロックを簡単に追加できます。この記事では、WordPressウィジェットをサイトのヘッダーに簡単に追加する方法を説明します. 注意: これは中級レベルのチュートリアルです。 WordPressテーマファイルにコードを追加し、CSSを記述する必要があります. サイトにヘッダーウィジェットが必要な理由とタイミング? ウィジェットを使用すると、WordPressテーマの指定した領域にコンテンツブロックを簡単に追加できます。これらの指定された領域は、サイドバーまたはウィジェット対応領域と呼ばれます. ヘッダーのウィジェット準備領域、またはコンテンツが広告、最近の記事、または必要なものを表示するために使用される前. この特定の領域は「スクロールせずに見える範囲」と呼ばれ、すべての人気のあるサイトがこれを使用して非常に重要なものを表示します. 通常、WordPressテーマは、コンテンツの横またはフッター領域にサイドバーを追加します。多くのWordPressテーマは、コンテンツの上またはヘッダーにウィジェット対応領域を追加しません. そのため、この記事では、WordPress Webサイトのヘッダーにウィジェット領域を追加する方法を説明します. ステップ1.ヘッダーウィジェット領域を作成する まず、カスタムウィジェット領域を作成する必要があります。この手順により、カスタムウィジェット領域を表示できます 外観»ウィジェット WordPressダッシュボードのページ. このコードをテーマのfunctions.phpファイルに追加する必要があります. function wpb_widgets_init(){ register_sidebar(array( ‘名前’ => 「カスタムヘッダーウィジェット領域」, ‘id’ => 「カスタムヘッダーウィジェット」, ‘before_widget’ => 」, ‘after_widget’ => 」, ‘before_title’ => 」 」, ‘after_title’ => 」 」, )); } add_action( ‘widgets_init’、 ‘wpb_widgets_init’); このコードは、テーマの新しいサイドバーまたはウィジェット準備領域を登録します. あなたは今行くことができます 外観»ウィジェット ページに移動すると、「カスタムヘッダーウィジェット領域」という新しいウィジェット領域が表示されます. 先に進み、この新しく作成されたウィジェット領域にテキストウィジェットを追加して保存します。ウィジェットの追加の詳細な手順については、WordPressでウィジェットを追加して使用する方法に関するガイドを参照してください. ステップ2:カスタムヘッダーウィジェットを表示する 今ウェブサイトにアクセスすると、新しく作成したヘッダーウィジェットに追加したばかりのテキストウィジェットが表示されなくなります. これは、このウィジェット領域を表示する場所をWordPressにまだ伝えていないためです. このステップでそれをしましょう. テーマのheader.phpファイルを編集し、カスタムウィジェット領域を表示する場所にこのコードを追加する必要があります. <?php […]