でチームメンバーセクションを作成する必要があります Elementor ?

ビジネスの成功の背後には、常に強力なチームがあります。 する予定がある場合 ウェブサイトを作成する あなたのビジネスのために Elementor、チーム メンバー セクションをページに簡単に追加できます。

ホームページ、概要ページ、またはチームメンバーに表示させたいページのいずれであっても。 Elementor それ自体には、チームメンバーセクションの作成専用の特定のウィジェットはありません。 画像ウィジェット、タイトルウィジェット、テキストエディターウィジェット、およびソーシャルアイコンウィジェットの組み合わせを使用して、チームメンバーセクションを作成できます。

補完的な拡張機能を使用することもできます。

XNUMX つのアドオン Elementor チームメンバーセクションを作成するために推奨するのは次のとおりです。 エッセンシャルアドオンハッピーアドオン et JetElements。 これらのアドオンには、それぞれ、チームメンバーセクションを作成するための専用ウィジェットが付属しています。

この記事では、チームメンバーセクションを作成する方法を紹介します。 ハッピーアドオン。

ハッピーアドオンを使用してElementorでチームメンバーセクションを作成する方法

開始する前に、HappyAddonsアドオンをインストールしてアクティブ化したことを確認してください。 あなたはできる HappyAddonsの無料バージョンをダウンロードする のディレクトリに WordPressのプラグイン. 準備ができたら、チーム メンバー セクションを追加するページまたはテンプレートを作成し、Elementor で編集します。

また発見: Elementor PopupBuilderを使用する7つのクリエイティブな方法

Elementorの編集ボックスのプラスボタンをクリックして、新しいセクションを追加します。 追加するチームメンバーに基づいて列構造を選択します。 この例では、XNUMX列構造を使用します。

ウィジェットをドラッグします チームメンバー チームから、上記で追加したセクションの列のXNUMXつに移動します。

次に、左側のパネルに移動してコンテンツを編集します。 タブの下でコンテンツを編集できます コンテンツ。 コンテンツを編集するために開くことができる3つのブロックがあります。

  • 情報

これは、チームメンバーのメインコンテンツを編集するために開くことができるブロックです。 チームメンバーの写真、名前、役職、説明を追加できます。 ちょっとしたアドバイス。 チームメンバーの写真を丸みを帯びた形で表示したい場合は、長方形の代わりに正方形の写真をアップロードできます。

  • ソーシャル·プロファイル

このブロックを開いて、チームメンバーのソーシャルメディアアカウントを追加できます。 既存のソーシャルメディアプロファイルを(クリックして)開くだけで編集できます。 新しいものを追加するには、ボタンをクリックしてください 要素を追加します。 ソーシャルメディアプロファイルをオフにしたい場合は、オプションをオフにすることができます プロファイルを表示します。

  • 詳細ボタン

詳細リンクをアクティブにする場合は、このブロックを開くことができます。 それ以外の場合は、無視してかまいません。

チームメンバープロファイルのカスタマイズ

コンテンツの編集が完了したら、タブに切り替えることができます 形式 チームメンバーのプロファイルをカスタマイズします。 Happy Addonsのプロバージョンを使用している場合は、プリセットを選択して、人目を引くチームメンバーのプロファイルを即座に取得できます。

また読みます:  Elementorに紹介文スライダーを追加する方法

Happy Addonsの無料バージョンを使用している場合は、チームメンバーのプロファイルを自分でカスタマイズする必要があります。 これを行うために開くことができる4つのブロックがあります。

  • 写真

このブロックを開いて、チームメンバーの写真のサイズ(幅と高さ)を設定したり、塗りつぶし、境界線の種類、境界線の幅、領域の影を設定したりできます。 参考までに、デフォルトでは写真に青い境界線が含まれています。 これを削除するには、境界線の幅を0に設定します。

  • 名前、役職、経歴

このブロックを開いて、チームメンバーの名前、役職、説明(経歴)のタイポグラフィ(フォントファミリ、フォントスタイル、フォントサイズなど)を設定できます。 これらの属性のテキストの色を設定することもできます。

  • 社会のアイコン

このブロックを開いて、ソーシャルメディアアイコンのサイズ、塗りつぶし、間隔、色、境界線の半径、背景色などを設定できます。

チームメンバーセクションを作成する

  • 詳細ボタン

タブの下にある詳細リンク(ボタン)をアクティブにした場合 コンテンツ、 このブロックを開いてカスタマイズできます。 ボタンのテキストのタイポグラフィ、マージン、パディング、境界線の半径、ボタンのテキストの色、ボタンの背景色などを設定できます。 状態(通常およびポインティング)ごとに異なるスタイルを使用できます。

チームメンバーセクションを作成する

最初の列のチームメンバーのプロファイルが完成したら、それを他の列にコピーして、コンテンツ(写真とテキスト)を置き換えることができます。 それはあなたに多くの時間を節約します。 他のチームメンバーを追加する場合は、セクションを複製することもできます。

Elementor Proを今すぐ入手!

まとめ

Elementorでチームメンバーセクションを作成する方法について質問がある場合は、でお知らせください commentaires.

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

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

...