Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法

美しく機能的な著者インフォボックスは、ブログサイトのプロフェッショナルなイメージを高めるだけでなく、コンテンツ作成者に対する読者の理解を深め、信頼を高めることができます。今日、私たちはあなたに ケイデンス・テーマ・プロ エレメンツ機能では、ブログ記事のサイドバーに挿入するオーサーボックスを簡単にカスタマイズすることができ、ステップバイステップでオーサーボックスの作成、デザイン、表示を行い、パーソナライズされたサイドバーのオーサー情報モジュールを作成することができます。

画像 [1] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法

Kadence Theme Proとは?

ケイデンス テーマ・プロ は、プロフェッショナルな外観と深いカスタマイズ性を求めるウェブサイトユーザーのために設計された、フル機能を備えた柔軟性の高いWordPressプレミアムテーマ拡張プラグインです。無料版Kadenceの軽量でレスポンシブな性質を受け継いでいます、SEO 親しみやすい機能は機能面でも飛躍的に強化され、ウェブサイト構築においてより大きなコントロールと表現力を提供します。

カデンス・プロの最も象徴的な特徴のひとつは、次のようなものだ。 フックド・エレメンツ ヘッダー、フッター、ナビゲーションバー、記事の上部、下部、サイドバー、商品詳細ページなど、サイトのあらゆる領域にコンテンツを挿入するようにカスタマイズできます。

画像[2] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法

II.ブログ記事のサイドバーレイアウトを有効にする

  • WordPressバックエンドにログイン
  • 外観 > カスタマイズ」をクリックする。
画像[3] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法

単一記事」のレイアウト設定

  • メニューの「投稿/ページレイアウト」をクリックする。
  • シングル投稿レイアウト」を選択する
画像[4] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法
  • デフォルトの投稿レイアウト」をクリックし、「サイドバー」を選択する。
画像[5] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法

III.カスタム著者情報ボックスの作成とデザイン

3.1 新しいKadenceエレメントの作成

  • 外観 > ケイデンス
画像[6] - Kadence Theme Proでサイドバーに著者情報ボックスを追加する方法
  • Pro Addonsリストで、"Hooked Elements "をオンにする。
画像[7] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法
  • アピアランス>ケイデンス>エレメントと進み、「新規追加」をクリックして新しいエレメントを作成します。
画像 [8] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法
  • 要素タイプ「コンテンツセクション」を選択します。
画像[9] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法

3.2 著者情報ボックスの内容をデザインする

  • 画像ブロックを使った著者アバターの追加
  • 著者名を表示するタイトルブロックを追加
  • 段落ブロックを使って短い紹介文を表示する
  • ソーシャル・アイコン・ブロックを挿入し、ソーシャルメディア・リンクに直接アクセスできる。
画像[10] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法

IV.サイドバーの著者ボックスの位置を設定する

オーサーボックスのデザインが完成したら、サイドバーに表示される正確な位置を設定する必要があります:

  • プレースメント」オプションを見つける。
  • ドロップダウンメニューから「コンテンツとサイドバー > サイドバーの後」を選択します。
画像[11] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法

V. 表示条件の設定

  • Show On」から選択:シングルポストすべてのブログ記事に著者欄を表示させることができます。
  • Select Post By」から選択する:著者(著者)
  • 著者名John Dorianを選択すると、その著者の投稿にのみ著者欄が表示されます。
画像 [12] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法

VI.著者情報ボックスの発行

  • コンテンツのデザイン、配置、表示ルールがすべて正しく設定されていることを確認する。
  • 右上の "Publish "ボタンをクリックします。
画像[13] - Kadence Theme Proを使ってサイドバーに著者情報ボックスを追加する方法

まとめ

ケイデンス・テーマ・プロ経由 フックド・エレメンツ この機能により、ブログ記事を柔軟にパーソナライズされたサイドバーの著者情報モジュールこのモジュールは審美的に美しく、レスポンシブです。このモジュールは審美的でレスポンシブであり、また、作者に基づいて異なるコンテンツを自動的に表示し、サイトのブランディングとプロフェッショナリズムを大幅に向上させます。


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

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

    コメントなし