ケイデンス・フックド・エレメンツ Kadence Theme Proは、ウェブサイトの様々な位置にコンテンツモジュールを正確に挿入し、柔軟なレイアウトと動的なコンテンツ更新を実現する強力な機能です。この記事では、Kadence Hooked Elementsの役割と設定手順を紹介します。
![写真[1]-チュートリアルを使用したKadence Hooked Elements:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現。](https://www.361sale.com/wp-content/uploads/2025/07/20250709092345360-image.png)
I. ケイデンス・フックド・エレメンツとは?
Kadence Hooked Elementsは、例えばページ上のどこにでもコンテンツを追加することができます:
- ブラックフライデー・イベントの前にカウントダウンを追加し、イベントが始まると自動的に消えるようにする。
- 特定のページにニュースレター購読フォームを追加する
- 特定の製品ページ用のユニークなヘッダー
Kadenceのテーマ 4種類のフックド・エレメンツが用意されている:
- コンテンツ部門ページのさまざまなエリアに再利用可能なコンテンツを挿入します。
- 固定セクションページの上部、下部、サイドバーに固定され、ユーザーがスクロールしても表示されます。
- テンプレートヘッダー、フッター、記事レイアウトなど、ウェブサイトのテンプレートの一部を置き換える。
- HTMLエディタネイティブのHTMLコードを使用して要素を作成し、構造とスタイルを柔軟に制御できます。
Kadence Hooked Elementsの使い方は?
ステップ1: Kadence Proへのアップグレード
ケイデンス・フックド・エレメンツは ケイデンス・テーマ・プロ この専用機能を使用するには、Proバージョンが必要です:
- インタビュー ケイデンス 公式サイト
- 購入オプションの選択:
- エクスプレス(無料版のみ、フックド・エレメンツ・プロの機能は使用不可)
- プラス(テーマプロの機能を含む)
- アルティメット(最も汎用性が高く、コストパフォーマンスが高い)
![写真[2]-チュートリアルを使用したKadence Hooked Elements:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現。](https://www.361sale.com/wp-content/uploads/2025/07/20250709093158922-image.png)
- Kadence アカウントセンターに行き、Kadence Pro プラグイン zip ファイルをダウンロードしてください。
![写真[3]-チュートリアルを使用したKadence Hooked Elements:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現。](https://www.361sale.com/wp-content/uploads/2025/07/20250709093328338-image.png)
- WordPressのバックエンドで「プラグイン」>「プラグインのインストール」を選択し、zipファイルを選択してインストールし、「プラグインを有効にする」をクリックします。
![画像[4]-Kadence Hooked Elementsチュートリアル:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現](https://www.361sale.com/wp-content/uploads/2025/07/20250709093401820-image.png)
- ライセンスキーを入力してProの機能を有効にする
![画像[5]-Kadence Hooked Elementsチュートリアル:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現](https://www.361sale.com/wp-content/uploads/2025/07/20250709093526699-image.png)
ステップ2:フック・エレメント機能を有効にする
- ワードプレスのバックエンドへ
- 外観 > ケイデンス
![写真[6]-チュートリアルを使用したKadence Hooked Elements:コンテンツモジュールの正確な挿入とレイアウトが簡単に実現できる。](https://www.361sale.com/wp-content/uploads/2025/07/20250709093653794-image.png)
- Pro Addonsリストで、"Hooked Elements "をオンにする。
![写真[7]-チュートリアルを使用したKadence Hooked Elements:コンテンツモジュールの正確な挿入とレイアウトが簡単に実現できる。](https://www.361sale.com/wp-content/uploads/2025/07/20250709093722214-image.png)
ステップ3:新しいフック付きエレメントの作成
- アピアランス>ケイデンス>エレメントと進み、「新規追加」をクリックして新しいエレメントを作成します。
![画像[8]-Kadence Hooked Elementsチュートリアル:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現。](https://www.361sale.com/wp-content/uploads/2025/07/20250709093820760-image.png)
- 要素の種類を選択します(例:「コンテンツセクション」)。
![画像[9]-Kadence Hooked Elementsチュートリアル:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現。](https://www.361sale.com/wp-content/uploads/2025/07/20250709094228369-image.png)
ステップ4:エレメントをデザインする
- をクリックしてブロックを追加し、"目次 "を検索し、選択して追加する。
![写真[10]-チュートリアルを使用したKadence Hooked Elements:コンテンツモジュールの正確な挿入とレイアウトが簡単に実現できる。](https://www.361sale.com/wp-content/uploads/2025/07/20250709094425902-image.png)
- カタログブロックのスタイルと構成を設定します。 テンプレートが必要な場合は、Kadence 目次テンプレートライブラリから無料でダウンロードしてインポートできます。
![画像[11]-Kadence Hooked Elementsチュートリアル:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現](https://www.361sale.com/wp-content/uploads/2025/07/20250709094510460-image.png)
ステップ5:配置する要素を選択する(配置)
- 右上の「要素設定」をクリック。
- 配置のドロップダウンメニューで要素の位置を選択します。
![画像[12]-Kadence Hooked Elementsチュートリアル:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現](https://www.361sale.com/wp-content/uploads/2025/07/20250709094933164-image.png)
- 目次を記事の最初のH2タイトルの前に配置する。
![画像[13]-Kadence Hooked Elementsチュートリアル:コンテンツ・モジュールの正確な挿入とレイアウトを簡単に。](https://www.361sale.com/wp-content/uploads/2025/07/20250709095022428-image.png)
- 優先順位のデフォルトは10で、必要に応じて並び替えることができる。
![画像[14]-Kadence Hooked Elementsチュートリアル:コンテンツ・モジュールの正確な挿入とレイアウトを簡単に実現。](https://www.361sale.com/wp-content/uploads/2025/07/20250709095055595-image.png)
ステップ6:ディスプレイ設定(Display Settings)
- 表示」ドロップダウンメニューで、「投稿」>「単一の投稿」を選択します。
![画像[15]-Kadence Hooked Elementsチュートリアル:コンテンツモジュールの正確な挿入とレイアウトを簡単に。](https://www.361sale.com/wp-content/uploads/2025/07/20250709095818584-image.png)
- Select Post Byで、All(すべての投稿)を選択する。
![画像[16]-Kadence Hooked Elementsチュートリアル:コンテンツ・モジュールの正確な挿入とレイアウトを簡単に実現。](https://www.361sale.com/wp-content/uploads/2025/07/20250709095934316-image.png)
- 非表示にする必要がある場合は、「Exclude Settings(除外設定)」>「Hide On(非表示にする)」を使用して非表示条件を設定します。
![画像 [17]-Kadence Hooked Elements Tutorial: コンテンツモジュールの正確な挿入とレイアウトが簡単に。](https://www.361sale.com/wp-content/uploads/2025/07/20250709100030919-image.png)
ステップ 7: ユーザーの可視性の設定
Visible to ドロップダウンメニューで表示ユーザーを設定する: All Users
![画像[18]-Kadence Hooked Elementsチュートリアル:コンテンツモジュールの正確な挿入とレイアウトを簡単に実現](https://www.361sale.com/wp-content/uploads/2025/07/20250709100248188-image.png)
ステップ8:要素を公開する
クリック "出版" ボタンをクリックして公開する
![画像[19]-Kadence Hooked Elementsチュートリアル:コンテンツ・モジュールの正確な挿入とレイアウトを簡単に。](https://www.361sale.com/wp-content/uploads/2025/07/20250709100453807-image.png)
要約
ケイデンス・フックド・エレメンツ さまざまなユーザーの役割、デバイスの種類、表示条件に基づいて正確に配置し、サイト上の任意の場所に希望のコンテンツブロックを追加するための強力でプロフェッショナルグレードの機能を提供します。ウェブサイトのレイアウトコンテンツ表示でメンテナンス時間を節約し、全体的な運用効率とユーザーエクスペリエンスを向上させます。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/66425この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[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)

コメントなし