当サイトには広告が含まれております

【2019年後半版】WordPressでSNSサイトが作れるBuddyPress を試してみる その5 プロフィール項目の追加、サイドバーにウィジェット表示

この記事は最終更新日から5年経過しています。内容が古い可能性があります。

SNSサイトが作れるBuddyPressというプラグインについて書いていく第5弾、これで最終回となります。今までほぼSNSとしての機能は整ったと思いますが、SNSらしく「個人のプロフィール項目を充実させる」ことや「サイドバーにウィジェット表示」して、SNSの雰囲気を高めるということをしようと思います。

記事をざっと見る

個人のプロフィール項目を充実させる

SNSなので、参加者のプロフィールが充実するとよりいっそう交流が深まるかと思います。

通常、登録をするときは

アカウントを作成をクリックして、

この画面から登録をします。

ここで、さらに追加のプロフィールについて入力してもらえるようにしてみます。また最初から入っている項目名もラベルを修正します。

プロフィールには、「生まれ年」「自己紹介」を追加してみます。

Nameという項目の表示を「表示名」に変更する

ダッシュボード ユーザー>プロフィール欄をクリック

 

このような表示になります。既に表示されている、Name(メイン)(必須)が表示されています。表示用の名前を Name→表示名 に変更します。

編集をクリックして、

この画面が表示されるので、

表示名と変更して、更新をクリックします

これで、

入力するときにこのように見出しが変わりました。

「生まれ年」をドロップダウン選択ボックスで追加

 

次に項目を追加します。欄を追加をクリック、

ドロップダウン選択ボックスを選んで、選択肢を複数入力して、

保存をクリック

入力画面にこのように追加されました。

自己紹介欄を「複数行テキストエリア」で追加

自己紹介は、

欄を追加をクリック、

 このように入力して保存をクリック

登録時の画面を見てみる

これですべての修正が終わったので、登録画面を見ると

こんな感じになりました。

新しく追加された項目も入れて、登録をしてみます。

 

アカウントを有効化したあとは

このように表示されるので、どんな人かわかってお友達になりたいなぁ~と思うかもしれませんね!

サイドバーにウィジェットを配置してSNSっぽくする

BuddyPressは使うことのできるウィジェットがいくつかあるので、便利そうなウィジェットをサイドバーに配置してみます。

元々入っているもの

サイドバーの一番上には、

ログインしていないときは、「ログイン」欄

ログイン後は、「自分のプロフィールへのリンク」が表示されています。これはウィジェットではなく、テーマのテンプレートにじかがきされているもののようですので変更はできません。

この下に、ウィジェットを追加します。

ダッシュボード 外観>ウィジェットをクリックして操作します。

Sidebarにウィジェットを追加すると表示出来ます。最初から入っているウィジェットは不要なものがあれば、

削除します。

オンライン状況

SNSに現在オンラインで入っている人を表示させます。

利用できるウィジェットにある

このウィジェット(タイトルは途中で切れているので、説明を見てください)をクリックし、

Sidebarが選択されている上遺体でウィジェットを追加をクリック

※ 次のウィジェットからは同じ処理ですので、この手順は省略します。

Sidebarにこれが追加されます。この時点でウィジェットは表示されています。タイトルを、

このように変えれば、

このように、オンライン中のメンバーを見ることができるようになります。

その他のお勧めウィジェット

手順は先ほどと同じなので、お勧めウィジェットだけ紹介します。

メンバー
最近活動した、人気が高い、または新規参加したメンバーの動的リスト

グループ
アクティブ度、人気度、最新度、またはアルファベット順による動的なグループのリスト

などを追加すると、SNSっぽくなって良いかと思います。

他にもBuddyPressのウィジェットやbbPressを導入している場合はフォーラムのウィジェットも追加することができますので、色々試してウィジェットを設置すると良いと思います。

BuddyPressでSNSを作るまとめ

ということで、今回で**【2019年後半版】WordPressでSNSサイトが作れるBuddyPress を試してみる **が終わりました。1~5までを実行すれば、仲間やグループ内でのSNSが作成できると思います。

【2019年後半版】WordPressでSNSサイトが作れるBuddyPress を試してみる の一覧

あわせて読みたい
【2019年後半版】WordPressでSNSサイトが作れるBuddyPress を試してみる その1 インストール~設定~テ...   WordPressでSNSサイトが作れるBuddyPressというプラグインについて2019年後半版として書いていこうと思います。過去に何度か書いてはいるのですが、色々とアップ...

 

あわせて読みたい
【2019年後半版】WordPressでSNSサイトが作れるBuddyPress を試してみる その2 ユーザー登録、友達機能... SNSサイトが作れるBuddyPressというプラグインについて書いていく第2弾です。SNSなのでユーザー登録をしたり、参加した人同士で友だちになったり、メッセージを交換した...

 

あわせて読みたい
【2019年後半版】WordPressでSNSサイトが作れるBuddyPress を試してみる その3 投稿、グループ SNSサイトが作れるBuddyPressというプラグインについて書いていく第3弾です。今回はデフォルトの機能として備わっている「投稿」「グループ」「拡張プロフィール」につ...

 

あわせて読みたい
【2019年後半版】WordPressでSNSサイトが作れるBuddyPress を試してみる その4 bbPressでフォーラム機... SNSサイトが作れるBuddyPressというプラグインについて書いていく第4弾です。今回は掲示板のように話し合いができるフォーラムをbbPressというプラグインを使って実装し...

 

あわせて読みたい
【2019年後半版】WordPressでSNSサイトが作れるBuddyPress を試してみる その5 プロフィール項目の追加... SNSサイトが作れるBuddyPressというプラグインについて書いていく第5弾、これで最終回となります。今までほぼSNSとしての機能は整ったと思いますが、SNSらしく「個人の...

 

この記事が気に入ったら
いいね または フォローしてね!

あなたのシェアが励みになります!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントを残す

記事をざっと見る