WordPress アストラテーマヘッダーを削除する

Last Updated: 2024 年 08 月 23 日 댓글

サイトの特定のページやサイト全体からヘッダーやフッターを削除したい場合があります。 WordPressからアストラ(Astra)テーマを使用している場合は、いくつかの方法でヘッダーやフッターなどの要素を削除または非表示にすることができます。

参考までに アストラテーマは現在100万個を超えるサイトに設置され使用されている人気 WordPress テーマの一つです。 Astraは速いテーマで評価されています。 エレメンと一緒に使用してショッピングモールサイトを構築するためによく使用されます。

WordPress アストラテーマヘッダーを削除する

個々のページでヘッダー/フッターを無効にする

個々のページや投稿(投稿)でヘッダーやフッターなどの要素を無効にできます。

ページ編集画面で右上のアストラアイコン(①)をクリックし、右 Astra 設定 パネルから 要素を無効にする セクション(②)をクリックします。

Disable Elements (エレメントの無効化) セクションで次のオプションを選択できます。

  1. ヘッダーの無効化
  2. フッターを無効にする
  3. バナー領域の無効化

ヘッダーの無効化を選択するとヘッダー領域が削除され、 フッターを無効にするを選択するとフッタ領域が削除されます。

サイト全体からヘッダーを削除する

フィルタを使用してヘッダを削除する

サイト全体からヘッダーを削除する場合 チャイルドテーマ(存在しない場合はチャイルドテーマを作成します)の関数ファイルに次のコードを追加できます。

/* Remove the Astra Header From Entire Site */

add_action( 'wp', 'remove_astra_header_callback');
function remove_astra_header_callback(){
remove_action( 'astra_header', 'astra_header_markup' );
}

FTP / SFTPにアクセスして子テーマフォルダ(例: / WP-コンテンツ/themes/astra-child /)以下の関数ファイル(のfunctions.php)に上記のコードを追加してテストしてみてください。

ヘッダービルダーでヘッダーを無効にする

別の方法として、Astraテーマのヘッダービルダーでヘッダー要素を無効にすることも考えることができます。

모양 (WordPress バージョンに応じて「デザイン「または」ルックス") »カスタマイズする»ヘッダービルダーをクリックします。

次の図が表示されたら、ヘッダー要素を無効にする領域(例: Primary Header)左側の歯車のアイコンをクリックします。 (アストラテーマのヘッダービルダーには、「メインヘッダー」、「ヘッダーの上」、「ヘッダーの下」の3つのヘッダー領域があります。)

タブの 가시성 セクションでデスクトップ、タブレット、モバイル端末のすべてを無効にします。

上の図のように表示されると、すべてのデバイスで無効になります。各デバイスのアイコンをもう一度クリックすると、色が変わりながらアクティブになります。

すべてのデバイスでアクティブな状態。

公開 ボタンをクリックしてサイトを確認すると、サイトのすべてのページでヘッダーが無効になっていることを確認できます。 (ヘッダーがまだ表示されている場合 キャッシュプラグインのキャッシュを削除し、ブラウザのキャッシュも削除した後にもう一度見てください。)

フッタ領域をすべてのサイトから削除したい場合でも、同様の方法で可能です。 外観 » カスタマイズ » フッタービルダーに移動してフッターをデスクトップ、タブレット、モバイル端末で無効にすると、すべてのサイトでフッターが表示されなくなります。

CSSを使用してヘッダーを隠す

CSSを使用してヘッダーを隠すことも可能です。この場合、実際のヘッダーはロードされますが、ブラウザでユーザーには表示されません。

一部のページでのみヘッダーを非表示にしたい場合に便利です。また、特定の要素だけを非表示にしたい場合でもCSSが便利です。 基本的なCSSを理解すると、難しくない特定の要素を隠すことができます。例:

.site-header {
    display: none;
}

ただし、サイトのすべてのページでヘッダーを非表示にしたい場合は、上記の方法で試してみることをお勧めします。 CSSは実際に削除するのではなく、目に見えないように隠すだけです。

最後に、

以上で Astra テーマで特定のページまたはサイト全体からヘッダーを削除する方法について説明しました。

GeneratePress 他のテーマでも同様の方法で試すことができ、方法はテーマによって少しずつ異なります。

参照


コメントを残す

コメント