美しく機能的な著者インフォボックスは、ブログサイトのプロフェッショナルなイメージを高めるだけでなく、コンテンツ作成者に対する読者の理解を深め、信頼を高めることができます。今日、私たちはあなたに ケイデンス・テーマ・プロ エレメンツ機能では、ブログ記事のサイドバーに挿入するオーサーボックスを簡単にカスタマイズすることができ、ステップバイステップでオーサーボックスの作成、デザイン、表示を行い、パーソナライズされたサイドバーのオーサー情報モジュールを作成することができます。
![画像 [1] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718134727457-image.png)
Kadence Theme Proとは?
ケイデンス テーマ・プロ は、プロフェッショナルな外観と深いカスタマイズ性を求めるウェブサイトユーザーのために設計された、フル機能を備えた柔軟性の高いWordPressプレミアムテーマ拡張プラグインです。無料版Kadenceの軽量でレスポンシブな性質を受け継いでいます、SEO 親しみやすい機能は機能面でも飛躍的に強化され、ウェブサイト構築においてより大きなコントロールと表現力を提供します。
カデンス・プロの最も象徴的な特徴のひとつは、次のようなものだ。 フックド・エレメンツ ヘッダー、フッター、ナビゲーションバー、記事の上部、下部、サイドバー、商品詳細ページなど、サイトのあらゆる領域にコンテンツを挿入するようにカスタマイズできます。
![画像[2] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718134942534-image.png)
II.ブログ記事のサイドバーレイアウトを有効にする
- WordPressバックエンドにログイン
- 外観 > カスタマイズ」をクリックする。
![画像[3] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718111617374-image.png)
単一記事」のレイアウト設定
- メニューの「投稿/ページレイアウト」をクリックする。
- シングル投稿レイアウト」を選択する
![画像[4] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718111821785-image.png)
- デフォルトの投稿レイアウト」をクリックし、「サイドバー」を選択する。
![画像[5] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718111957520-image.png)
III.カスタム著者情報ボックスの作成とデザイン
3.1 新しいKadenceエレメントの作成
- 外観 > ケイデンス
![画像[6] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250709093653794-image.png)
- Pro Addonsリストで、"Hooked Elements "をオンにする。
![画像[7] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250709093722214-image.png)
- アピアランス>ケイデンス>エレメントと進み、「新規追加」をクリックして新しいエレメントを作成します。
![画像 [8] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250709093820760-image.png)
- 要素タイプ「コンテンツセクション」を選択します。
![画像[9] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250709094228369-image.png)
3.2 著者情報ボックスの内容をデザインする
- 画像ブロックを使った著者アバターの追加
- 著者名を表示するタイトルブロックを追加
- 段落ブロックを使って短い紹介文を表示する
- ソーシャル・アイコン・ブロックを挿入し、ソーシャルメディア・リンクに直接アクセスできる。
![画像[10] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718112736788-image.png)
IV.サイドバーの著者ボックスの位置を設定する
オーサーボックスのデザインが完成したら、サイドバーに表示される正確な位置を設定する必要があります:
- プレースメント」オプションを見つける。
- ドロップダウンメニューから「コンテンツとサイドバー > サイドバーの後」を選択します。
![画像[11] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718112825877-image.png)
V. 表示条件の設定
- Show On」から選択:シングルポストすべてのブログ記事に著者欄を表示させることができます。
- Select Post By」から選択する:著者(著者)
- 著者名John Dorianを選択すると、その著者の投稿にのみ著者欄が表示されます。
![画像 [12] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718113435495-image.png)
VI.著者情報ボックスの発行
- コンテンツのデザイン、配置、表示ルールがすべて正しく設定されていることを確認する。
- 右上の "Publish "ボタンをクリックします。
![画像[13] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法](https://www.361sale.com/wp-content/uploads/2025/07/20250718113135745-image.png)
まとめ
ケイデンス・テーマ・プロ経由 フックド・エレメンツ この機能により、ブログ記事を柔軟にパーソナライズされたサイドバーの著者情報モジュールこのモジュールは審美的に美しく、レスポンシブです。このモジュールは審美的でレスポンシブであり、また、作者に基づいて異なるコンテンツを自動的に表示し、サイトのブランディングとプロフェッショナリズムを大幅に向上させます。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/68276この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















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

コメントなし