で著者のアーカイブ ページを作成する方法を学びたいですか。 Elementor ?

ありますか ウェブサイト マルチオーサーで、新しいデザインにしますか? Elementor ?

もしそうなら、それは素晴らしいアイデアです。 Elementor CSS のスキルがなくても、誰でも Web デザイナーになれます。 関して ウェブサイト 複数の著者がいる場合、再考したいものの XNUMX つは、著者のアーカイブ ページです。

この記事では、WordPress でカスタム著者アーカイブ ページを作成する方法を説明します。Elementor.

また読みます: Elementorでグローバルカラーを使用する方法

Elementorには、ご存知かもしれませんが、作成者のアーカイブページなど、テーマのカスタムパーツを作成できるテーマビルダー機能が付属しています。 Elementorを使用してカスタム作成者アーカイブページを作成するために使用できるXNUMXつの主要なウィジェットは次のとおりです。

  • 著者ボックス
  • 投稿アーカイブ

作成者ボックスウィジェットは、現在の作成者のプロファイルをロードします。 入力された作成者のメタフィールド(名前、プロフィール写真、経歴など)に従って情報をロードします。 Archives Postsウィジェットには、関連付けられた作成者によって作成された投稿が表示されます。

もちろん、上記のXNUMXつのウィジェットに加えて、他のウィジェットを好みに追加して、カスタム作成者のアーカイブページを目立たせることもできます。

Elementorを使用してWordPressでカスタム作成者アーカイブページを作成する方法

このテーマビルダー機能はElementorProでのみ利用可能であるため、開始する前に、Elementorをプロバージョンにアップグレードしていないことを確認してください。

参照してください: Elementorでグローバルフォントを使用する方法

準備ができたら、WordPressダッシュボードにログインして、に移動します。 テンプレート->テーマビルダー。 Elementorのテーマビルダーページにリダイレクトされます。 クリック [アーカイブ]タブ 左側のパネルで、次に 引っ越し先 右上隅にあるアーカイブテンプレートを作成します。

Elementorで著者アーカイブページを作成する方法

Elementorは、数十の既製のアーカイブテンプレートから選択できるように提供しています。 好きなモデルを選択するだけです。 アーカイブテンプレートを最初から作成する場合は、テンプレートライブラリを閉じるだけです。 この例では、アーカイブテンプレートを最初から作成します。 テンプレートライブラリを閉じます。

この例では、XNUMXつのウィジェットのみで構成される単純な作成者アーカイブページを作成します。 繰り返しになりますが、好みに合わせて任意の要素を追加して、パーソナライズされた作成者のアーカイブページをより魅力的にすることができます。

また読みます: Elementorで登録ページを作成する方法

キャンバス領域のプラスボタンをクリックして、新しいセクションを追加することから始めます。

著者ボックスウィジェット

作成者ボックスウィジェットを左側のパネルから編集ボックスにドラッグして追加します。

左側のパネルに移動して、ウィジェットをカスタマイズします。 オプションで ソース ブロックの下 著者情報、 デフォルトのままにします。 一部のメタ情報(プロフィール写真、表示名、略歴など)をオフ/オンにするには、トグルをドラッグするだけです。

このブロックから、作成者情報のレイアウトと配置を変更できます。

また読む: Elementorモデルをエクスポートおよびインポートする方法

ウィジェットのスタイルを設定するには、タブにアクセスできます スタイル。 開くことができるパラメータブロックは3つあります。

  • 画像

このブロックを開いて、プロフィール写真の配置、サイズ、プロフィール写真と作成者の略歴のギャップ、境界線の半径、ボックスの影を設定できます。

  • テキスト

このブロックを開いて、著者の名前と経歴のタイポグラフィを定義できます。 フォントサイズ、フォントファミリ、フォントスタイル、テキストの色などを設定できます。 著者の名前と著者の経歴の間にギャップを設定することもできます。

  • ボタン

アーカイブボタンをアクティブにすると、このブロックを開いてカスタマイズできます。 背景色、ボタンテキストの色、境界線の半径、塗りつぶしなどを設定できます。

Elementorで著者アーカイブページを作成する方法

ウィジェットアーカイブの投稿

アーカイブ投稿ウィジェットを左側のパネルから編集ボックスにドラッグして追加します。 追加したら、左側のパネルに移動してウィジェットをカスタマイズできます。 ブロック内 レイアウト タブの下 中身, スキン、列数、画像の位置、画像のサイズ、アスペクト比、抽出物の長さなどを定義できます。

Elementorで著者アーカイブページを作成する方法

あなたはブロックを開くことができます ページネーション ページネーションとブロックを定義する 上級 アーカイブに何も含まれていない場合にカスタム メッセージを定義するには コンテンツ.

アーカイブ投稿ウィジェットをカスタマイズするには、タブを開きます スタイル。 操作できるパラメータブロックは5つあります。

  • レイアウト

このブロックを開いて行と列の間隔を設定できます。 の配置を設定することもできます。 コンテンツ.

  • 画像

このブロックを開いて、メッセージの画像をカスタマイズできます。 境界線の半径と、画像とコンテンツの間のスペースを設定できます。 必要に応じて、CSSフィルターを適用することもできます。 通常の状態とホバー状態にCSSフィルターを適用できます。

  • コンテンツ

このブロックを開いて、投稿のタイトル、メタ、スニペットなどのタイポグラフィを設定できます。 各要素間の間隔を設定することもできます。

  • ページネーション

このブロックを開いて、タイポグラフィとページネーションテキストの色を定義できます。 通常、ホバー、アクティブのXNUMXつの異なる状態で、異なるタイポグラフィとテキスト設定を使用できます。 ページング番号間のスペースを設定することもできます。

  • 何も見つかりませんメッセージ

このブロックを開いて、アーカイブページが空のときにメッセージテキストのタイポグラフィと色を設定できます。

テンプレートの編集が完了したら、ボタンをクリックします PUBLISH 左パネルの下部にあります。 次に、表示条件を定義するように求められます。 ボタンをクリックするだけ 条件を追加します。

ドロップダウンメニューから、 著者アーカイブ。 カスタム著者アーカイブ テンプレートをすべての著者に適用したい場合は、 ウェブサイト、設定できます すべて XNUMX番目のドロップダウンメニューで。

逆に、カスタム作成者アーカイブテンプレートを特定のユーザーに適用する場合は、XNUMX番目のドロップダウンメニューから優先作成者を選択するだけです。

カスタム作成者アーカイブテンプレートをXNUMX人以上の作成者に適用する場合は、複数の表示条件を追加できます。 クリック 保存して閉じる 変更を適用します。

ここに。 Elementorを使用して、WordPressWebサイトにカスタム作成者アーカイブページを正常に作成しました。

Elementor Proを今すぐ入手!

まとめ

ここは ! Elementorで著者アーカイブページを作成する方法を示すこの記事は以上です。 そこへの行き方に不安がある場合fでお知らせください commentaires.

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.

しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.

...