WordPressサイトでチームメンバーページを作成する方法

公開: 2020-01-29

オンラインベースのビジネスでは、チームメンバーのページが必要です。 それはあなたのビジネスを顧客にとって信頼できるものにします。 その結果、あなたのビジネスは急速に成長し、次のレベルに到達します。 このため、WordPressWebサイトのチームメンバーページを作成する必要があります。

ただし、チームメンバーのショーケースは、顧客が各メンバーについて明確なアイデアを得ることができるように、各メンバーの完全な情報を備えたスマートな外観である必要があることを覚えておく必要があります。

今日は、チームメンバーページを作成するための最も簡単で簡単な方法を共有します。 この記事に続いて、コーディングのスキルがなくても、WordPressWebサイトにプロ並みのチームメンバーページを簡単に作成できます。 これは、チームメンバーページを作成するための完全なステップバイステップのガイドラインです。

記事の概要

完全なステップバイステップのガイドラインについてはすでに述べたように、すべてのステップの概要を理解して先に進むことができます。 従うべき簡単な手順は次のとおりです。

  • 最高のWordPressチームメンバーのショーケースプラグインを選択する
  • WPチームプラグインのインストールとアクティベーション
  • 単一のチームメンバーを追加する方法
  • チームを生成する方法
  • WordPressウェブサイトにチームを表示
  • チームメンバーをさまざまなスタイルで表示する
  • 限られた機能の拡張

最高のWordPressチームメンバーショーケースプラグインの選択

まず、チームメンバーを紹介するのに最適なプラグインの1つを見つける必要があります。 明らかに、それは時間に依存する難しいプロセスですが、動揺しないでください。 私はこのステップを終えて、最高のWordPressチームメンバーのショーケースプラグインを見つけたからです。

WPチームは最高のWordPressチームメンバーのショーケースプラグインの1つです。 目を引くチームメンバーのショーケースを作成するために更新され、便利です。 WPチームは、高度にカスタマイズ可能で、完全に応答性が高く、複数のレイアウトと無制限の色とカスタマイズオプションを備えています。 したがって、WPチームはチームメンバーのショーケースにとってこれまでで最高の選択です。

WPチームプラグインのインストールとアクティベーション

WPチームは無料のオープンソースプラグインです。 したがって、WPチームのインストールとアクティベーションは、他のプラグインと同様に非常にシンプルで簡単なプロセスです。 このため、この手順はスキップします。 結局のところ、混乱がある場合は、このリンクをたどってWPチームのインストールとアクティベーションについて詳しく知ることができます WPチームプラグインをインストールしてアクティブ化した場合、管理バーに次のようなメニューが表示されます。

WPチームバックエンド
WPチームバックエンド

単一のチームメンバーを追加する方法

WPチームプラグインのインストールとアクティブ化に成功したので、今度は新しいメンバーを追加します。 このため、[ WPチーム]メニューの[新しいメンバー追加]をクリックします。 スクリーンショットのように、次の入力フィールドが表示されます。

チームメンバーを追加する

ここにいくつかの入力フィールドが表示されます。 次に、これらすべてのフィールドにチームメンバーの情報を入力する必要があります。 下部に[メンバーのソーシャルプロファイル]領域が表示されます。ここから、チームメンバーのニーズに応じてソーシャルアイコンとリンクを追加できます。 最後に、単に公開します。

同様に、必要に応じてチームメンバーを追加します。 最後に、[すべてのメンバー]メニューをクリックすると、追加したすべてのメンバーが表示されます。 次のスクリーンショットのようになります。

すべてのチームメンバー
すべてのチームメンバー

チームを生成する方法

チームを生成するには、 WPチームの下の[チームジェネレータ]メニューをクリックして、チームジェネレータページにアクセスする必要があります

次のスクリーンショットは、いくつかの異なるセクション領域で見ることができます。 最初のセクションは、さまざまなレイアウト用です。 2番目のセクションには、さまざまなコントロール、オプション、および設定が含まれています。

チームメンバージェネレータ
チームメンバージェネレータ

まず、このチームのタイトルを入力し、必要なレイアウトを選択します。 カルーセルを作成したいとします。 そこで、カルーセルレイアウトを選択しました。 次に、2番目のセクションは、いくつかのカスタマイズフィールドを含むカスタマイズ領域です。 これらの設定は、必要に応じてカスタマイズできます。 これらの設定はすべてデフォルトのままにしておきます。

最後に、公開すると、チームを表示するためのショートコードを含む3番目のセクションが下部に表示されます。 だから、あなたが必要な場所にチームを表示する時が来ました。

WordPressサイトにチームを表示する

多数のチームメンバーでチームを作成することに成功しました。 私の指示に一つずつ従えば、あなたもあなた自身のチームメンバーでチームをうまく作ることができたと思います。 ここで、必要な場所にチームを表示する必要があります。

したがって、ショートコードをコピーして、チームを表示する場所に貼り付けます。 ショートコードをコピーしてページに貼り付けたところ、次の出力が見つかりました。 期待通りの結果が得られたと思います。

チームカルーセルレイアウト
チームカルーセルレイアウト

チームメンバーをさまざまなスタイルで表示する

チームメンバーを表示するための複数のレイアウトと膨大な数の設定オプションがあります。 したがって、チームメンバーの表示スタイルを簡単にカスタマイズして、必要に応じてスマートでプロフェッショナルなものにすることができます。 いくつかの異なるスタイルを見てみましょう。

チームメンバーを編集するには、WordPressダッシュボードに戻り、[チームジェネレータ]メニューをクリックします。 ここにすべてのチームがあります。 次に、編集するチームの編集オプションをクリックします。

レイアウトセクションから、グリッドレイアウトを選択して更新します。 次の結果が表示されます。

チームグリッドレイアウト
チームグリッドレイアウト

もう一度、チーム編集エリアに戻り、レイアウトを変更して、リストレイアウトを選択します。 最後に、それを更新すると、次の出力が表示されます。

チームリストのレイアウト
チームリストのレイアウト

詳細/ライブデモのダウンロード

限られた機能の拡張

限られたオプションとカスタマイズに悩まされていませんか? すべての制限を打ち破り、すべての機能を取得したいと考えています。 そう考えている場合は、WPTeamProプラグインを入手するだけで簡単に実行できます。

すべての優れた素晴らしい機能の概要を説明します。 すべての機能の概要を理解したら、プレミアムバージョンを見逃すことはありません。 始めましょう。

8つのユニークなチームレイアウト

WP Team Proには、8つのユニークなチームレイアウトが含まれています。 これらは、さまざまな外観やスタイルでチームメンバーを表現するのに役立ちます。 8つの異なるレイアウトは、カルーセル、グリッド、フィルター、リスト、モザイク、インライン、テーブル、サムネイルページャーです。

チームレイアウトプリセット
チームレイアウトプリセット

さまざまなチームをさまざまなスタイルと人目を引く外観で表示できるようになります。 驚異的な見通しを示しましょう。

カルーセルレイアウト

カルーセル-レイアウト
カルーセルレイアウト

グリッドレイアウト

グリッドレイアウト
グリッドレイアウト

レイアウトをフィルター処理すると、すべてのチームメンバーの外観が異なります。 フィルタレイアウトを選択したところ、次の結果が得られました。

フィルターレイアウト

フィルターレイアウト
フィルターレイアウト

リストのレイアウト

リストのレイアウト
リストのレイアウト

モザイクレイアウト

モザイクレイアウトは、もう1つの素晴らしい目を引くレイアウトです。 それはチームメンバーに素晴らしくてプロフェッショナルなルックアンドフィールを与えます。 それは本当に驚異的です。 モザイクレイアウトを選択してチェックアウトできます。 私はそれを作り、次のような見通しを得ました。

モザイクレイアウト
モザイクレイアウト

インラインレイアウト

インラインレイアウト
インラインレイアウト

テーブルレイアウト

テーブルレイアウト
テーブルレイアウト

サムネイルポケットベル

最後に、とてもクールな別の素晴らしいレイアウトを紹介したいと思います。 明らかに、私はサムネイルページャーのレイアウトについて言っています。 それはチームメンバーの並外れたプレゼンテーションを提供します。 次のサムネイルページャーのレイアウトの例を見てください。

サムネイルポケットベル
サムネイルポケットベル

900以上のGoogleFonts

WP Team Proは、タイポグラフィとカラーの場合に並外れた柔軟性を提供します。 それはあなたにすべてのバリエーションで900以上の利用可能なフォントから任意のグーグルフォントを選択する柔軟性を与えます。 また、タイポグラフィごとに異なる色を選択できます。

上のスクリーンショットは、チームメンバーが異なるルックアンドフィールを提供するための無制限のタイポグラフィと色の選択について明確な概念を示しています。

300以上の高度にカスタマイズ可能なオプション

WP Team Proは、高度にカスタマイズ可能なチームメンバーのショーケースプラグインであることはすでに説明しました。 必要に応じてカスタマイズできるように、カスタマイズ可能な膨大なオプションと設定が含まれています。 あなたはそれをカスタマイズするあなた自身のチームメンバーに簡単に異なった外観を与えることができます。

チームメンバーの各フィールドをカスタマイズする柔軟性を提供します。 必要なものはすべてカスタマイズできます。 レイアウトのカスタマイズだけでなく、レイアウトごとに異なる設定とカスタマイズオプションも提供します。 だから、あなたはあなたが考えることができるそれで何でもすることができます。

チームメンバーをフィルタリングする

WP Team Proのフィルターシステムは、最新、カテゴリまたはグループ、特定、除外などのさまざまな基準に基づいてチームメンバーをフィルター処理できるクールで興味深い機能です。

このフィルター機能を使用して、特定のカテゴリーまたはグループに基づいて、新しいチームメンバーまたはチームメンバーを表示することができます。 特定のチームメンバーを簡単に除外することもできます。

メンバーとその詳細をドラッグアンドドロップします

ドラッグアンドドロップは、チームメンバーの任意のフィールドを並べ替えることができるもう1つの優れた機能です。 任意のフィールドを簡単に並べ替えることができます。 それは時間とエネルギーを節約します。

メンバーコンテンツさまざまなポジション

WPTeamProでは5つの異なるコンテンツポジションを利用できます。 1.上の画像–下のコンテンツ、2。左の画像–右のコンテンツ、3。左のコンテンツ–右の画像、4。上のコンテンツ–下の画像、5。上の画像のようなさまざまな位置にコンテンツを表示できます。

1.上の画像–下のコンテンツ

上の画像-下のコンテンツ
上の画像–下のコンテンツ

2.左の画像–右のコンテンツ

左の画像右のコンテンツ
左の画像右のコンテンツ

3.左のコンテンツ–右の画像

左のコンテンツ-右の画像
左のコンテンツ–右の画像

4.上のコンテンツ–下の画像

上のコンテンツ-下の画像
上のコンテンツ–下の画像

5.画像上のコンテンツ

画像上のコンテンツ
画像上のコンテンツ

これらのさまざまなコンテンツの位置により、チームメンバーのプレゼンテーションにプロフェッショナルな外観が追加されます。 上の内容と下の画像で作ってみたところ、次のような結果になりました。

さまざまな画像の形

正方形、丸み、円形のこれら3つの異なる形状は、各チームメンバーが利用できます。 チームメンバーの写真をさまざまな角度から表示することは非常に柔軟性があります。 結果として、それはあなたのチームに特別なプロ意識を与えます。

チームメンバーごとに円の形を選択すると、外観が異なります。 私はその外観を紹介するために1つ行いました。

サムネイルポケットベル
メンバー画像の形状

画像ホバー効果

ズームイン、ズームアウト、グレースケールなど、さまざまな画像ホバー効果が含まれています。これらは、各チームメンバーによりプロフェッショナルな外観とスマートなプレゼンテーションを提供します。 これらの効果は、ユーザーがチームメンバーの写真にカーソルを合わせると表示されます。

画像のスタイリング

チームメンバーの写真には、いくつかのスタイリングオプションがあります。 チームメンバーの写真に境界線、ボックスシャドウ、およびパディングを追加できます。

画像のサイズ設定

さまざまな画像サイズが含まれています。 チームメンバーの写真にカスタムサイズを追加することもできます。

詳細ページのリンクタイプ

各チームメンバーには詳細ページがあります。 また、詳細ページの種類が異なるため、感動するでしょう。 モーダル、ドロワー、新しいページなど、3つの異なる詳細ページリンクタイプがあります。

メンバー詳細モーダル
メンバー詳細モーダル

さらに、モーダル詳細ページタイプには、クラシックモーダル、スライドイン左、スライドイン中央、スライドイン右などの4つの異なるレイアウトがあります。 さまざまな色でモーダル詳細ページをカスタマイズできます。 その結果、モーダルポップアップの見栄えが良くなります。 さらに、詳細ページにはさまざまなフィールドコントロールがあります。

詳細ページのリンクタイプ
詳細ページのリンクタイプ

35以上のソーシャルプロファイル

アイコン、図形、カスタムカラー、背景などのさまざまなオプションを使用して、35以上の異なるソーシャルプロファイルリンクを利用できます。 各チームメンバーのソーシャルプロファイルを簡単に表示できます。

スキルバーをカスタマイズする

スキルバーは、各チームメンバーがチームメンバーの専門知識を強調するための重要な機能です。 WP Team Proを使用すると、チームメンバーのスキルバーを追加およびカスタマイズできます。 チームメンバーごとに、人目を引く素晴らしいスキルバーを簡単に作成できます。

Ajaxページネーションタイプ

Ajax番号のページ付け、[より多くのボタンを読み込む](ajax)、スクロールでより多くまたは無限に読み込む(ajax)、ajaxなし(通常のページ付け)など、さまざまなajaxページ付けの種類。

無制限の色とスタイリング

WP Team Proは、高度にカスタマイズ可能な軽量のチームメンバープラグインです。 無制限の色とスタイリングのオプションが含まれています。 したがって、必要に応じて無限のスケールでカスタマイズできます。

15以上のカルーセルコントロール

カルーセルレイアウトには、カルーセルモード、自動再生、自動再生速度、カルーセル速度、ナビゲーション、自動高さなどの10以上のカルーセルコントロールが含まれています。その結果、必要に応じてチームメンバーごとに異なるコントロールを簡単に設定できます。

SEOフレンドリーで最適化

このプラグインはSEOに対応し、軽量です。 完全に最適化されています。

数え切れないほどのテーマとビルダーの互換性

WP Team Proは、最新のすべてのブラウザー、テーマ、およびプラグインと互換性があります。 さらに、WPBakery(以前のVisual Composer)、Divi Builder、Elementor / Pro、Genesis Framework、Beaver Builder、SiteOrigin、Live Composer、Cornerstone、Motopress、Themify Builder、FusionBuilderなどの一般的なすべてのページビルダーとも互換性があります。

多言語サポート

多言語対応には、WPML、Polylang、qTranslate-x、GTranslate、Google Language、Translator、WPGlobusが用意されています。

マルチサイトサポート

WPTeamProもマルチサイトでサポートされています。

高速で専用のサポート
24時間のライブサポートをご利用いただけます。 フレンドリーなサポートチームは常に献身的で、どんな場合や問題でもあなたを助ける準備ができています。 サポートシステムは高速です。

最後に、WordPress Webサイトにチームメンバーページを作成するには、オープンソースを使用したい場合はWPチームが最良の選択であることを願っています。 ただし、プレミアムプラグインを使用する場合は、WPTeamProが素晴らしいチームメンバーページを作成するための最良の選択です。

今すぐ入手ライブデモ