Team Membersの使い方とメリット

 
 お店や会社、スポーツチームや部活動などで色々なスタッフ・仲間たちと運営・経営していこうとする方々、ホームページで紹介ページを作ろうとして方法がよくわからない事がありませんか?

 お店を運営してる方でスタッフの紹介ページを作りたいけどプラグインが見つからなかったり(本当に少ないです)、プラグインじゃなくて自分で作った人もいたけど手間が多すぎて(PHPまでいじりたい訳じゃない…)移られたのではないかな、と思います。

 安心してください、今回紹介するプラグインは本当に超簡単で設定できるプラグインです。その超簡単なプラグインの名前は「Team Members」です!

↑の画像をクリックすると紹介ページにいきます。


 ちなみにこちらのプラグイン、2019年5月31日現在日本語化はされていません
 そうなると操作がわからないじゃないか!という方、今いたと思います。

 しかし、翻訳が必要なの?と思うぐらいに操作が簡単なのでとりあえずインストールして触ってみましょう。

メリット

・超簡単にスタッフ紹介ページが作成できる

各スタッフのTwitter,Facebookなどのソーシャルボタンを簡単に設置できる


 超簡単に、というのは当然で全体的の機能要素は少ないですが、今の時代SNS(Twitter、Facebook、You TubeやInstagramまでもが!)の紹介されるのはスタッフの方もかなり喜ぶし、閲覧者の興味を引けるではないでしょうか。

 大まかな工程で言うと3工程で済みます!ついでによりかっこよい見せ方を④にてご紹介いたします。

①インストール手順

 

 ダッシュボードより『プラグイン』→『新規追加』の順に選択します。


 プラグインを追加ページの右枠「プラグインの検索」に『Team Members』と入力。

 
 一番最初にTeam Membersのアイコンが現れますので、『今すぐインストール』→『有効化』と進めましょう。


 これでインストール作業は終了です。設定専用画面はありませんので早速作ってみましょう!

②作成する

 

  次は実際に作成します!
 あらかじめ顔写真などについては撮影しといてくださいね(笑)

 ダッシュボード→『Teams』→『Add New』の順に選択します。


 『Add New』をクリックしたら『Add New Team』のページが表示されます。
 このページで紹介するチームを作ることが出来ます。
 

簡単に説明いたします。

 ①タイトルを追加 : 自分で管理するためのタイトル

 ②Team Editor : 作成画面

 ③Settings : 表示する際の設定

 ④shortcode : 作ったチームの画面を呼び出すショートコード

 ⑤Get PRO : 課金ページ(このページでは触れません)

 ⑥公開 : 作ったチームを公開するかの設定

 実際に操作する時になりましたら操作方法についてご紹介いたします。

 タイトルは自分が使いやすいように入力してもらい、『Add New Member』をクリックして、スタッフを追加してみましょう。


  入力画面が出てきます。

 ①Member details : 姓、名、職/役割 の入力。

 ②Description/biography : 紹介文の入力欄

 ③Social links 
  『Link type』  :設置するSNSボタンの選択
  『Title attribute』:クリックする時に出るタイトル(なんでもいいです)
  『Link URL』  :自分のSNSのアドレス(※e.g.は入力不要です)

 ④Photo : 掲載する写真

 触っていただければどのように入力すればいいかわかると思いますが、例として私が入力したものを掲載いたします。

 

 
 あくまで参考程度にご参照ください笑
 ご自身のSNSのURLの確認方法については他記事にてまとめるようにいたします。
 スタッフの作成が終わりましたら表示の設定に移ります。


 Members per line ; 一列に何人記載するかの設定。1〜5人の設定が出来ます。

 Desc. alignment; 紹介文の文字位置を選択できます。
 Left(左寄せ)、Center(中央寄せ)、right(右寄せ)、justify(均等間隔)

 Photo link behavior ; 顔写真クリック時に同ページor新しいページで表示するかの設定です

 Font to use : 使用するフォントの設定です。

 


 設定が終了押したら公開タブより公開ボタンをクリックします。

  公開後。ショートカットが有効になりますのでショートカットをコピーします。

 

 [tmm より始まる文を全てコピーします。これで設定は終了です。

 

③固定記事に貼り付ける

 

  次は固定記事を作成し、スタッフ紹介ページを作成しましょう。ダッシュボードより『固定記事』→『新規追加』の順に進みます。


 新規作成した固定ページにタイトルを好きに入力し、本文に先ほどコピーしたショートコードを入力します。


 これで固定ページの作成は終了です、試しに下書きとして保存し、プレビューをクリックし、どのようにアップされてるか確認しましょう。

 
 このように表示されていることが確認できました。
 作成方法は以上になりますが、どうせならもっとかっこよく作成してみましょう。

 

④かっこよく魅せるコツ

 

 【1】 紹介文をしっかり書く。

  紹介文の入力フォームは新規作成時はデフォルトで『テキスト』で開かれるが、『ビジュアル』で文書を作成し、文書のレイアウト・配色に気をつかいましょう。


 ビジュアルで書いた方が普段の記事作成で使用しているためわかりやすく、かつ編集しやすいですね。
 ほかにも画像を載せたり、htmlにてデザインすれば更に独創性を高められます。

 【2】 全体の見せ方を考える。

 まず考えたいのはあなたが紹介したいスタッフは何人いらっしゃるでしょうか?2~5人ならば一つの行に詰め込んでしまうとせっかく広くページを使えるのに勿体なく、20人以上もいる場合はそんなにスタッフ紹介が長いページを確認するでしょうか?
 これについてはページのバランスもありますので、一概にこれが良い!とは言えませんが、その部分については『Settings』を何回か調整して確認しましょう。

Members per line:1行に1人を表示
Main color:「3aebff」に選択


 一番最初に作ったものよりは断然興味を引けるコンテンツになりました。

 スタッフ紹介ページをしっかり作ればスタッフの方も自分を紹介してくれること・SNSも紹介可能してくれていることに喜び閲覧者もよりスタッフについて知ることが出来ます!

 

 いかがでしたでしょうか。

 『Team Members』はあまり日本では知られておりませんが簡単にスタッフ紹介ページを作成でき、工夫すればよりスタッフ、閲覧者ともに喜ぶコンテンツを作成することが出来るプラグインです。

 興味を惹かれましたら是非こちらのプラグインをインストールし、使ってみてください。なお、作成したスタッフ紹介ページをよかったらご参照ください。

 こちらの記事が皆様の少しでもお役に立てば幸いです。

 

 著者 マエヒロ

画像を押して、質問に来てね!

タイトルとURLをコピーしました