トグルメニュー

Beaver Themer を使用して WordPress 作成者ページを作成する方法 (5 ステップ)

公開: 2022-12-23

ページ ビルダー テンプレートとデザイン アセットをクラウドに保存します。 Assistant.Proを始めましょう

How to create a WordPress Author Page with Beaver Themer
  • ビーバー・テマー

Beaver Themer を使用して WordPress 作成者ページを作成する方法 (5 ステップ)

ブログに複数の寄稿者がいる場合、読者は特定のライターによる投稿の完全なリストを見つけたいと思うかもしれません。 デフォルトでは、WordPress には著者のアーカイブ ページが付属していますが、レイアウトは非常に基本的なものにすることができます。 幸いなことに、Beaver Themer を使用して WordPress 作成者ページを完全にカスタマイズできます。

この投稿では、サイトで著者ページ アーカイブを使用する利点について説明します。 次に、Beaver Themer を使用して WordPress の作成者ページを作成する方法を紹介します。 仕事に取り掛かりましょう!

目次:

  • 著者のアーカイブ ページの紹介 (およびそれらを使用する理由)
  • Beaver Themer で作成者ページを作成する方法 (5 ステップ)
    1. 作成者のユーザー プロファイルを作成する
    2. 1 つ以上の投稿をユーザーに関連付ける
    3. 著者アーカイブのアーカイブ Themer レイアウトを作成する
    4. レイアウトをカスタマイズ
    5. 変更を保存して作成者ページを確認する
  • 結論
  • 関連する質問

WordPress オーサーページの紹介 (およびなぜそれらを使用する必要があるのか​​)

著者のアーカイブ ページは、記事内の著者の名前をクリックすると表示されるもので、その著者の投稿のリストが表示されます。

マット・サイモンの作者ページ。

Web サイトに著者ページを表示することには、いくつかの利点があります。 例えば:

  • SEOランキングを上げることができます。 著者のアーカイブ ページでは、主要な情報が強調表示されます。 これにより、検索エンジンがコンテンツからキーワードを探して関連データを見つけ出し、結果として検索結果でのサイトのランキングを上げることができます。
  • サイトの信頼性を高めることができます。 著者による複数の作品を表示すると、そのユーザーはより知識が豊富で信頼できるように見えます。 著者ごとに多数の記事がある場合、読者はあなたのページを信頼できるソースとして見る可能性が高くなります。
  • 寄稿者は、過去の作品をより簡単に見つけることができます。 著者のアーカイブ ページは、関連するすべての記事を一覧表示することでナビゲーション プロセスを合理化し、著者と読者の両方が探しているものを見つけるのに役立ちます。

デフォルトでは、WordPress は投稿のアーカイブ ページを作成します。 ただし、パーソナライゼーションに関して限定的なサポートしか提供していません。 Beaver Themer を使用すると、カスタム アーカイブ レイアウトを作成できます。

ビーバー・テマーのホームページ。

当社のツールを使用すると、このページにパーソナライズされた詳細を追加して、より魅力的なものにすることができます。 これにより、直帰率を減らし、訪問者がブログの他の記事をチェックするように促すことができます。

Beaver Themer を使用して WordPress 作成者ページを作成する方法 (5 ステップ)

著者のアーカイブ ページとは何か、そしてそれが WordPress サイトにどのように役立つかがわかったので、このページをカスタマイズする方法を見てみましょう。

このチュートリアルでは、WordPress Web サイトに Beaver Builder と Beaver Themer がインストールされている必要があります。 これら 2 つのツールがあれば、すぐに始めることができます。

ステップ 1: 作成者のユーザー プロファイルを作成する

まず、略歴と画像を含む著者プロファイルが必要です。 WordPress ダッシュボードに移動し、[ユーザー] をクリックします。

ユーザーが強調表示された WordPress ダッシュボード。

ここから、既存のユーザーを選択するか、新しいユーザーを作成できます。

WordPress のユーザーページ。

このチュートリアル用にテスト ユーザーを作成します。 [新規追加] をクリックすると、ユーザーに関するいくつかの情報を提供するよう求められます。

WordPress に新しいユーザーを追加します。

たとえば、ユーザー名と電子メールを追加する必要があります。 ユーザーの役割も選択する必要があります。 ドロップダウン メニューを使用して、ロールをAuthorに設定します。

新しいユーザーと作成者の役割を追加します。

次に、[新しいユーザーの追加] をクリックします。 新しいプロファイルが[ユーザー]ページに追加されます。

WordPress のユーザーページ。

次に、ユーザー名にカーソルを合わせて [編集] をクリックします。

[ユーザー] ページで強調表示されている [編集] ボタン。

次のページでは、表示名を選択して略歴を書くことができます。

ユーザーにバイオを追加します。

また、Gravatar を使用してプロフィール写真をアップロードすることもできます。 準備ができたら、 Update Userをクリックします。 これにより、変更がユーザー プロファイルに保存されます。

ステップ 2: 1 つ以上の投稿をユーザーに関連付ける

次に、ユーザー用のテスト投稿を作成します。 著者に関連付けられた投稿が既にある場合は、この手順を完了する必要はありません。

テスト投稿は、著者のアーカイブがどのようになるかを確認するのに役立ちます。 まず、[投稿] に移動し、[新規追加] をクリックします。 投稿にタイトルとテキストを追加します。

次に、設定に移動し、 Authorの下のドロップダウン メニューをクリックします。

作成者ドロップダウン メニュー。

作成したテスト プロファイルを選択し、[発行] をクリックします。

投稿で強調表示された公開。

これにより、著者のアーカイブ ページのテスト投稿が提供されます。

ステップ 3: 著者アーカイブの Themer レイアウトを作成する

ユーザーと新しい投稿を作成したので、Themer レイアウトを作成します。 WordPress ダッシュボードに移動し、 Beaver Builder > Themer Layoutsに移動します。

新しい Themer レイアウトを追加します。

[新規追加] をクリックします。 [タイトル]フィールドにAuthor Archiveと入力します。 次に、[レイアウト] フィールドで、[アーカイブ] オプションを選択します。

Themer レイアウトの追加。

Add Themer Layout をクリックします。 これにより、Themer レイアウトを変更できるページが表示されます。

Locationフィールドの横にあるドロップダウン メニューをクリックし、 Author Archivesを選択します。

[著者アーカイブ] オプションを選択します。

次に、 Launch Beaver Builderをクリックします。

[Beaver Builder の起動] ボタンが強調表示されています。

エディタで、 Preview AsAuthor Archivesに設定します。

[Preview As] ドロップダウンで [Author Archives] オプションを選択します。

この設定は、現在ログインしているユーザーに自動的にデフォルト設定され、そのユーザーによる投稿のみが表示されます。

ステップ 4: レイアウトをカスタマイズする

Beaver Themer を使用すると、レイアウトを簡単にカスタマイズできます。 無限のデザイン オプションが用意されているため、デザインをブランドに完全に適合させることができます。 開始するための例を次に示します。 見出しから始めましょう。

見出しを含む行にカーソルを合わせます。 次に、ツールバーの 2 番目のアイコンを選択して、行の設定を開きます。

Beaver Builder エディターの行設定。

[スタイル] タブで、テキストの色を白に変更します。

行設定でテキストの色を白に変更します。

次に、[背景] セクションに移動し、[タイプ] を [写真] に変更します。

背景の種類を写真に変更します。

[背景写真] セクションで、[写真] フィールドの横にあるプラス記号をクリックし、[作成者の写真] を選択します。

[背景写真] で [作成者の写真] オプションを選択します。

[作成者の画像] ボックスで、画像のサイズをカスタマイズできます。

Author Picture 画像サイズのカスタマイズ。

[既定の画像]で、写真を選択します。 これは、作成者の顔写真にすることができます。

次に、背景セクションで画像のオーバーレイをカスタマイズできます。

オーバーレイの色と不透明度を変更します。

完了したら、[保存] をクリックします

では、作者名を編集してみましょう。 見出しモジュールを選択して、その設定を開きます。 次に、見出しフィールドに移動し、プラス記号をクリックします。

見出しモジュールの編集。

[作成者名]を選択します。 次に、名前の表示方法を選択します。 これは、名前、表示名、またはユーザー プロファイルに入力したニックネームのいずれかです。

著者名タイプの選択。

完了したら、[保存] をクリックします

このセクションでは、著者のプロフィールを表示することもできます。 これを行うには、テキスト エディターモジュールを行に追加します。

Beaver Builder で強調表示されているテキスト エディター モジュール。

[全般] タブにあるWYSIWYGエディターで簡単な自己紹介を作成します。

Beaver Builder にバイオを追加します。

または、入力した著者略歴をユーザー プロファイルに簡単に追加することもできます。 これを行うには、プラス記号をクリックし、 Author Bioを見つけて、 Connectをクリックします。

著者略歴を追加します。

次に、[保存] をクリックします。

Beaver Builder でハイライト表示されたものを保存します。

投稿の表示方法を変更することもできます。 投稿モジュールをクリックして設定を開きます。

投稿設定オプション。

[レイアウト] ドロップダウン メニューで、好みのレイアウトを選択します。 たとえば、 Masonryオプションでは、行の高さが固定されていない列で記事が表示されます。

レイアウトで組積造オプションを選択します。

変更に満足したら、[公開] をクリックします。

Beaver Builder で強調表示されたパブリッシュ。

これで、カスタマイズされた著者のアーカイブ ページが作成されました。

利用可能なさまざまな設定を試して楽しんでください。 たとえば、ヘッダーに無地の背景を使用したい場合があります。 または、その作成者による投稿を、ブロックではなくきちんとしたリストに表示したい場合があります。

ステップ 5: 変更を保存して作成者ページを確認する

作成者ページが完成したら、それを見直して、すべてが適切に見えるかどうかを確認できます。 これを行うには、著者が書いた投稿に移動し、その名前をクリックします。

テスト投稿です。

これにより、作成した著者のアーカイブ ページが表示されます。

著者のアーカイブ ページの GIF。

現在、新しい作成者ページにより、読者は特定のユーザーによって書かれたコンテンツを見つけることができ、より優れたユーザー エクスペリエンスが提供されます。

結論

ブログに多数の寄稿者がいる場合は、さまざまな作成者による投稿を簡単に参照する方法が必要になります。 著者のアーカイブ ページを使用すると、ユーザーは特定の寄稿者によるすべての記事を 1 か所で見つけることができます。

要約すると、Beaver Themer で作成者ページを作成する方法は次のとおりです。

  1. 作成者のユーザー プロファイルを作成するか、既存のものを使用します。
  2. ページに表示できるように、少なくとも 1 つの投稿をユーザーに関連付けます。
  3. 著者アーカイブ ページのアーカイブ Themer レイアウトを作成します。
  4. 経歴と著者の画像を追加し、投稿のレイアウトを編集して、テンプレートをカスタマイズします。
  5. 変更を保存し、作成者ページを確認します。

関連する質問

ビーバー・テマーは何をしますか?

Beaver Themer は、ヘッダー、フッター、WooCommerce ページなど、Web サイトのカスタム動的レイアウトを構築できるアドオン プラグインです。 Beaver Builder の直感的なドラッグ アンド ドロップ エディターを使用し、プロがデザインしたテンプレートのライブラリが付属しています。

Beaver Themer を使用するには、Beaver Builder ページビルダーが必要ですか?

Beaver Themer を使用するには、Web サイトに Beaver Builder プラグインをインストールして有効にする必要があります。 これら 2 つのツールを使用すると、アーカイブ、投稿、WooCommerce 製品、404 ページなどのレイアウトを作成できます。