サイトの特定のページやサイト全体からヘッダーやフッターを削除したい場合があります。 WordPressからアストラ(Astra)テーマを使用している場合は、いくつかの方法でヘッダーやフッターなどの要素を削除または非表示にすることができます。
参考までに アストラテーマは現在100万個を超えるサイトに設置され使用されている人気 WordPress テーマの一つです。 Astraは速いテーマで評価されています。 エレメンと一緒に使用してショッピングモールサイトを構築するためによく使用されます。
WordPress アストラテーマヘッダーを削除する
個々のページでヘッダー/フッターを無効にする
個々のページや投稿(投稿)でヘッダーやフッターなどの要素を無効にできます。
ページ編集画面で右上のアストラアイコン(①)をクリックし、右 Astra 設定 パネルから 要素を無効にする セクション(②)をクリックします。
Disable Elements (エレメントの無効化) セクションで次のオプションを選択できます。
- ヘッダーの無効化
- フッターを無効にする
- バナー領域の無効化
ヘッダーの無効化を選択するとヘッダー領域が削除され、 フッターを無効にするを選択するとフッタ領域が削除されます。
サイト全体からヘッダーを削除する
フィルタを使用してヘッダを削除する
サイト全体からヘッダーを削除する場合 チャイルドテーマ(存在しない場合はチャイルドテーマを作成します)の関数ファイルに次のコードを追加できます。
/* 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 他のテーマでも同様の方法で試すことができ、方法はテーマによって少しずつ異なります。
コメントを残す