GutenKit Global Header & Footer lets you build and assign custom site-wide headers and footers を使用して WordPress Full Site Editor (FSE) and Gutenberg blocks. GutenKit adds pre-designed patterns and extra block features to help you design professional global header and footer layouts without coding. Once created, your header and footer appear across your entire site unless disabled on specific pages.
Watch the video guide –
Check the quick steps:
- Have a block theme active (required for Full Site Editing).
- In the WP dashboard, go to 出演→編集者 (Full Site Editor).
- 開く List View → select ヘッダ.
- Design your header with Gutenberg blocks or import a pre-designed header pattern from the GutenKit library.
- Next, select フッター in the List View.
- Design your footer or insert a footer pattern from GutenKit’s templates.
- Save/Publish — your global header/footer now applies across the whole site.
For a detailed process, follow the instructions below.
必須： #
WordPress の Gutenberg を使用してカスタム ヘッダー フッターを作成する方法 #
ブロック テーマをインストールしたら、WordPress にアクセスして次の場所に移動します。
外観 > エディター
すると、フルサイト エディターに入ります。編集セクションをクリックし、上部のツールバーからリスト ビュー (ハンバーガー アイコン) を開きます。
Gutenberg で WordPress ヘッダーを作成する #
その後、 ヘッダ リスト ビューでは、ブロックを使用してカスタム ヘッダーをデザインできます。
Alternatively, you can also use the pre-designed patterns from GutenKit to streamline the process. To use the pre-designed patterns:
- 選択する ヘッダ エディターで。
- 開く GutenKit テンプレートライブラリ.
- パターンタブでスクロールして ヘッダー パターン。
- その後、事前にデザインされたヘッダー パターンを選択し、ページにインポートします。
ここで作成したヘッダーはグローバル ヘッダーであり、特定のページで無効にしない限り、Web サイト全体で使用できます。
Gutenberg で WordPress フッターを作成する #
グローバル フッターを作成するには、リスト ビューでフッターを選択し、ヘッダーと同様に、Gutenberg ブロックを使用して Web サイトのカスタム フッターをデザインします。
ヘッダーと同様に、GutenKit にはフッター用のパターンがあらかじめ用意されています。ヘッダーのプロセスを繰り返しますが、今回はフッターで行います。
- エディターでフッターを選択します。
- GutenKit テンプレートライブラリを開く
- [パターン] タブで、フッター パターンを入力します。
- 好きなパターンを選択してインポートします。
As this is a global Footer, it will be shown on all of your website pages, including headers and footers.
GutenKitには 500+ ready designs to help you build professional-looking websites in minutes. Also, it offers 68+ blocks, 18+ modules, and tons of advanced features for the block editor. Install GutenKit and experience the page builder features in your website built with Gutenberg.
