ブロックシー パワフルでフレキシブルな ワードプレス テーマは、そのヘッダービルダー(ヘッダービルダー)機能が特に優れています。Eコマース、ブログ、企業の公式サイト、コンテンツベースのウェブサイトなど、豊富なヘッダーエレメントの組み合わせにより、プロフェッショナルで明確かつインタラクティブなナビゲーションデザインを簡単に実現することができます。
この記事では、Blocksyヘッダービルダーのよく使われる各要素とその機能設定を紹介し、カスタマイズしたヘッダーを作る方法をすぐにマスターできるようにします。
![画像[1]-Blocksyヘッダー・ビルダー・ユーザーガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508114021283-image.png)
アカウント要素(Account)
このエレメントは、訪問者にアカウント関連のアクションへのアクセスを提供します:
未登録ステータスログイン/登録ポップアップを表示
![画像[2]-Blocksyヘッダー・ビルダー・ユーザーガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508135314625-image.png)
ログイン状態プロフィールページ、ダッシュボード、その他のバックエンドページへのアクセス
![画像[3] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック](https://www.361sale.com/wp-content/uploads/2025/05/20250508135231955-image.png)
アイコン、ラベルの追加、デバイス側の可視性の制御をサポートしています。プロバージョンは、CAPTCHA、セキュリティプラグインの統合もサポートしています。 WooCommerce 登録フォーム
ボタン要素(Button)
今すぐ購入"、"カスタマーサービスに連絡 "などのアクション可能なボタンを追加するのに最適です:
![画像[4] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック](https://www.361sale.com/wp-content/uploads/2025/05/20250508135505232-image.png)
- アイコン、サイズ、テキストのカスタマイズをサポート
- カスタマイズが可能 カスケーディングスタイルシート クラスにリンクされている。
![画像[5] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする](https://www.361sale.com/wp-content/uploads/2025/05/20250508135558486-image.png)
- バインド可能なトリガーは、コンテンツブロックによって作成されたポップアップです。
![画像[6] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508135656181-image.png)
ショッピングカート要素(カート)
サイトが有効な場合 WooCommerce エレメントは
- 複数のショッピングカートスタイルの提供(アイコンスタイル・サイドバーポップアップを含む)
![画像 [7] - Blocksy Header Builder ユーザーガイド:ヘッダーエレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508135822201-image.png)
- 商品の数量調整に対応(プロユーザー向け)
- すべての設定がデザインパネルに集約され、素早くカスタマイズできる
![画像[8] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする](https://www.361sale.com/wp-content/uploads/2025/05/20250508135931982-image.png)
コンタクト要素
会社の住所、電話番号、電子メールアドレスなどの基本情報を表示するために使用されます。
![画像[9] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック](https://www.361sale.com/wp-content/uploads/2025/05/20250508140053769-image.png)
ディバイダエレメント(ディバイダ)
メニューやヘッダーで機能モジュールを分離し、ページに階層的な感じを与えるために使用される、純粋に視覚的な補助要素。
![画像[10]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508140153931-image.png)
HTMLブロック
インサートのカスタマイズ HTMLCSS、ジャバスクリプト 特別なタイポグラフィ、ボタン、埋め込みが必要なユーザーのためのコードまたはショートコード。
![画像[11]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508140324603-image.png)
多言語切り替え(言語)
多言語プラグインが検出された場合のみ(例えば WPML もしかしたら ポリラン)が表示され、言語切り替えドロップダウンメニューを提供し、アイコン表示とスタイル切り替えをサポートする。
![画像[12]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508140429242-image.png)
ロゴ・エレメント(ロゴ)
ウェブサイトのロゴを表示する:
- マルチステートロゴのアップロードに対応(デフォルト、スティッキー、透明など)
![画像[13] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック](https://www.361sale.com/wp-content/uploads/2025/05/20250508140624173-image.png)
- ロゴサイズのコントロール、スティッキー・ステート・スケーリングのサポート
![画像[14] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする](https://www.361sale.com/wp-content/uploads/2025/05/20250508140720494-image.png)
- ロゴを非表示にすることができます。
メニュー要素(Menu)
ナビゲーターメニューのコア・コンポーネントである。
- 4つのスタイルと豊富なドロップダウンメニューのデザイン
![画像[15] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする](https://www.361sale.com/wp-content/uploads/2025/05/20250508140853209-image.png)
- クリックトゥエクスパンド、アニメーションエフェクト、ホバー動作の設定に対応
![画像[16]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508141129921-image.png)
- プロバージョンでは、複雑なヘッダーレイアウトやモバイルメニューの切り替えのために、複数のメニューモジュールの共存をサポートしています。
![画像[17] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック](https://www.361sale.com/wp-content/uploads/2025/05/20250508141209972-image.png)
検索要素(サーチ)
2種類の検索プレゼンテーションをサポート:
シンプルな検索アイコンクリックすると検索ボックスが表示されます。
入力ボックスのスタイル検索バー
限られた検索タイプ(記事、商品など)をサポートし、リアルタイム検索機能(ライブ検索)を備えています。
![画像[18] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする](https://www.361sale.com/wp-content/uploads/2025/05/20250508141520173-image.png)
ソーシャル
ソーシャルメディアリンクの表示、アイコンのカスタムソート、プラットフォームの選択に使用。多様な接続ニーズを満たすために、カスタマイズされたソーシャルプラットフォームを追加することができます。
![画像[19] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする](https://www.361sale.com/wp-content/uploads/2025/05/20250508141646175-image.png)
メニュートリガー
主にモバイルメニュー(Off-canvasスタイル)に使用され、クリックすると折りたたまれたメニューが開き、ウィジェットを埋め込むことができます。
![画像[20] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508141817797-image.png)
ウィジェット・エリア
あらゆることを実証する ワードプレス ウィジェットコンテンツ、サポート グーテンベルク ウィジェットシステム。フォーム、カテゴリー、タグクラウドなどを埋め込むことができます。
![画像[21]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除](https://www.361sale.com/wp-content/uploads/2025/05/20250508141923212-image.png)
ウィッシュリスト要素 (Wishlist)
結合 WooCommerce Wishlistプラグインと一緒に使用することで、eコマースタイプのウェブサイトで商品を素早くブックマークすることができます。
![画像[22] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック](https://www.361sale.com/wp-content/uploads/2025/05/20250508142009362-image.png)
概要
ブロックシー Blocksyのヘッダービルダーは、すべての要素が高度にカスタマイズ可能な、ヘッダーソリューション一式を提供します。ブランディング、ナビゲーション、インタラクティブ機能など、Blocksyなら適切な組み合わせが見つかります。これらの要素を賢く使うことで、プログラミングの基礎知識がなくても、美しく機能的なサイトヘッダーを構築することができます。
最近の更新
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/53229この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。




















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし