Blocksyチュートリアル:各ヘッダー要素の使用方法と設定の包括的な分析

ブロックシー パワフルでフレキシブルな ワードプレス テーマは、そのヘッダービルダー(ヘッダービルダー)機能が特に優れています。Eコマース、ブログ、企業の公式サイト、コンテンツベースのウェブサイトなど、豊富なヘッダーエレメントの組み合わせにより、プロフェッショナルで明確かつインタラクティブなナビゲーションデザインを簡単に実現することができます。

この記事では、Blocksyヘッダービルダーのよく使われる各要素とその機能設定を紹介し、カスタマイズしたヘッダーを作る方法をすぐにマスターできるようにします。

画像[1]-Blocksyヘッダー・ビルダー・ユーザーガイド:ヘッダー・エレメント機能の完全ロック解除

アカウント要素(Account)

このエレメントは、訪問者にアカウント関連のアクションへのアクセスを提供します:

未登録ステータスログイン/登録ポップアップを表示

画像[2]-Blocksyヘッダー・ビルダー・ユーザーガイド:ヘッダー・エレメント機能の完全ロック解除

ログイン状態プロフィールページ、ダッシュボード、その他のバックエンドページへのアクセス

画像[3] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック

アイコン、ラベルの追加、デバイス側の可視性の制御をサポートしています。プロバージョンは、CAPTCHA、セキュリティプラグインの統合もサポートしています。 WooCommerce 登録フォーム

ボタン要素(Button)

今すぐ購入"、"カスタマーサービスに連絡 "などのアクション可能なボタンを追加するのに最適です:

画像[4] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック
画像[5] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする
  • バインド可能なトリガーは、コンテンツブロックによって作成されたポップアップです。
画像[6] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除

ショッピングカート要素(カート)

サイトが有効な場合 WooCommerce エレメントは

  • 複数のショッピングカートスタイルの提供(アイコンスタイル・サイドバーポップアップを含む)
画像 [7] - Blocksy Header Builder ユーザーガイド:ヘッダーエレメント機能の完全ロック解除
  • 商品の数量調整に対応(プロユーザー向け)
  • すべての設定がデザインパネルに集約され、素早くカスタマイズできる
画像[8] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする

コンタクト要素

会社の住所、電話番号、電子メールアドレスなどの基本情報を表示するために使用されます。

画像[9] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック

ディバイダエレメント(ディバイダ)

メニューやヘッダーで機能モジュールを分離し、ページに階層的な感じを与えるために使用される、純粋に視覚的な補助要素。

画像[10]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除

HTMLブロック

インサートのカスタマイズ HTMLCSS、ジャバスクリプト 特別なタイポグラフィ、ボタン、埋め込みが必要なユーザーのためのコードまたはショートコード。

画像[11]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除

多言語切り替え(言語)

多言語プラグインが検出された場合のみ(例えば WPML もしかしたら ポリラン)が表示され、言語切り替えドロップダウンメニューを提供し、アイコン表示とスタイル切り替えをサポートする。

画像[12]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除

ロゴ・エレメント(ロゴ)

ウェブサイトのロゴを表示する:

  • マルチステートロゴのアップロードに対応(デフォルト、スティッキー、透明など)
画像[13] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック
  • ロゴサイズのコントロール、スティッキー・ステート・スケーリングのサポート
画像[14] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする
  • ロゴを非表示にすることができます。

メニュー要素(Menu)

ナビゲーターメニューのコア・コンポーネントである。

  • 4つのスタイルと豊富なドロップダウンメニューのデザイン
画像[15] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする
  • クリックトゥエクスパンド、アニメーションエフェクト、ホバー動作の設定に対応
画像[16]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除
  • プロバージョンでは、複雑なヘッダーレイアウトやモバイルメニューの切り替えのために、複数のメニューモジュールの共存をサポートしています。
画像[17] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック

検索要素(サーチ)

2種類の検索プレゼンテーションをサポート:

シンプルな検索アイコンクリックすると検索ボックスが表示されます。
入力ボックスのスタイル検索バー

限られた検索タイプ(記事、商品など)をサポートし、リアルタイム検索機能(ライブ検索)を備えています。

画像[18] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする

ソーシャル

ソーシャルメディアリンクの表示、アイコンのカスタムソート、プラットフォームの選択に使用。多様な接続ニーズを満たすために、カスタマイズされたソーシャルプラットフォームを追加することができます。

画像[19] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメントの機能を完全にアンロックする

メニュートリガー

主にモバイルメニュー(Off-canvasスタイル)に使用され、クリックすると折りたたまれたメニューが開き、ウィジェットを埋め込むことができます。

画像[20] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除

ウィジェット・エリア

あらゆることを実証する ワードプレス ウィジェットコンテンツ、サポート グーテンベルク ウィジェットシステム。フォーム、カテゴリー、タグクラウドなどを埋め込むことができます。

画像[21]-Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全ロック解除

ウィッシュリスト要素 (Wishlist)

結合 WooCommerce Wishlistプラグインと一緒に使用することで、eコマースタイプのウェブサイトで商品を素早くブックマークすることができます。

画像[22] - Blocksyヘッダー・ビルダー・ユーザー・ガイド:ヘッダー・エレメント機能の完全アンロック

概要

ブロックシー Blocksyのヘッダービルダーは、すべての要素が高度にカスタマイズ可能な、ヘッダーソリューション一式を提供します。ブランディング、ナビゲーション、インタラクティブ機能など、Blocksyなら適切な組み合わせが見つかります。これらの要素を賢く使うことで、プログラミングの基礎知識がなくても、美しく機能的なサイトヘッダーを構築することができます。

最近の更新


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス1323 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし