フロントエンドから書き込んだり、評価したりのサイトを作るには

質問や口コミなどを書き込むためのカスタム投稿タイプを用意して、ログインしたユーザーが、フロントエンドから投稿できるようにする。

投稿を見たゲストは、コメントしたり、いいねしたりできる。

質問や口コミは、投稿者のみが削除や編集できる。

こんなサイトを作りたいときに全ての機能を自作するという人はほとんどいないでしょう。

いや、いるのかもしれないけれど、そういう人はこのサイトなんか見てないはず(笑)

 

このサイトを見ている人たちはどうするかというと…

プラグインを使うか、または、プラグインをベースに若干のカスタマイズを行うという人ではないかと思います。

では上のような機能を実現するには、どのようなプラグインを使って、どのようなカスタマイズをすれば良いのでしょうか。

 

まず、それらのことを実現するためのベースをどうするか?

  1. Advanced Custom Field の acf_form() 関数を使って作り込む
  2. AnsPress のカスタマイズで実現する
  3. BBPress のカスタマイズで実現する
  4. BuddyPress のカスタマイズで実現する

他にもいろいろ考えられるとは思いますが、いつもどのパターンでいこうか悩むのは、この4パターンかなぁ

それぞれのベースのできることできないこと

それぞれのパターンで、どんなことが既に用意されていて、どんなことは出来ないとか、他のプラグインと組み合わせたり、作り込んだりする必要があるのかっていうと…

 

Advanced Custom Field の acf_form() 関数を使う

このパターンで作るのが最も自由度が高いとは思われます。

Advanced Custom Field は、日本語化も完璧でメッチャ使いやすいし、機能も豊富。

しかし、自分で作り込む分も多い。上級者向けの選択か。

最も気になっているのは、ユーザーIDと自身の投稿との紐付けがどのようにされているのか。そして、自身の投稿については編集できるようにできるかということ?

Advanced Custom Fields の詳細は、私が解説するよりも他の方たちがとっても詳しく解説されています。

例えば…

KOTORI Blog さん「Advanced Custom Fieldsの使い方」

MPCブログ さん 「私が愛してやまない、Advanced Custom Fields の使い方を詳細解説」

 

AnsPress のカスタマイズ

AnsPressはもともと質問回答掲示板プラグインですが、基本的な機能の他に、フォロー機能、お気に入り機能投票機能、注目の質問機能、ベストアンサー機能、質メール通知機能など実に様々な機能を持っています。

これらの機能で作りたいサイトが実現できるのであれば、このプラグインを使うのが手っ取り早いと思います。

しかし、あくまでも質問と回答のためのプラグインなので、カスタムフィールドに対応できるかというあたりがキモでしょうか。

AnsPressの詳細はこちら「Anspress – WordPressをベースにQAサイトが作れるプラグイン」に書きました。

 

BBPress のカスタマイズ

BBPressももともと確立された掲示板プラグイン。

掲示板として使用するなら必要十分な機能は持っています。

  • 一般的な掲示板機能
  • グループフォーラム機能
  • 権限に関する機能

また、下のBuddyPress との相性はバツグン(もともとはひとつのプラグインだっつた)なので、フォーラム機能付きのSNSサイト構築なんてときは、まず間違いなくその組み合わせでしょう。

BBPress の詳細は…

ゾノの◯◯ さん 「wordpressで掲示板を作るならbbpress!使い方の完全マニュアル」

WebデザイナーFAN さん 「WordPressで掲示板を設置できる「bbPress」」

ブログ初心者応援サイト:Naifix さん 「BuddyPressとbbPressの使い方で参考になったサイトまとめ」

たったひとりのIT事業部。さん 「bbpressの使い方とCSSのデザインカスタマイズ方法」

あたりに

 

BuddyPress のカスタマイズ

BuddyPressは、WordPressをSNS化しちゃおうってプラグインだから、そっち系の機能は実に充実しています。

  • ユーザー登録関連機能
  • ユーザーのマイページ関連機能
  • ユーザー間のメッセージ関連機能
  • いいね関連機能
  • フォロー関連機能
  • アクティブストリーム(ウォール)機能
  • ユーザーグループ機能

詳細は…

ヨンイチワイ さん 「BuddyPressを使った本格的SNSサイト構築方法を徹底解説」

KITAISM さん 「WordPressでSNSを構築できるBuddyPressを触ってみた」

zxcvbnmnbvcxz.com さん 「Buddypressで使用頻度の高いタグ一覧 – 会員制サイトがとっても簡単に作れるプラグイン」

ITかあさん さん 「目次:BuddyPress」

のあたりに

更にカスタム投稿や、フロントエンド投稿、いいね機能などを実装するためのプラグインは

フロントエンド投稿のできる会員制サイト的な使われ方になると思うので、以下のようなプラグインとも組み合わせて使うことになると思います

  • Custom Post Type UI(カスタム投稿タイプ)
  • WP User Frontend(フロントエンド投稿)
  • Reaction Buttons(オリジナルいいねボタン)
  • WP-Members(フロントエンドからのプロフィール編集)
  • Theme My Login(フロントエンドからの登録、ログイン、編集など)
  • Front-end Membership Modules(ソーシャルログイン)
  • AccessPress Social Login Lite(ソーシャルログイン)
  • Gianism(ソーシャルログイン)

 

やってみなくちゃわからない

結局のところ、一長一短で(だからいつも迷うのだけど)、実現したいと事と、手間を天秤にかけて、どんな組み合わせとカスタマイズでということを決めるわけなのだけど、やってみなくちゃわからない的なことも多いので、それぞれのベースタイプでどんなことが実現できるのかを作ってみることにします。

※以下のサイトは、それぞれのパターンのデモサイトですが、暇を見ながらぼちぼち構築しているため、いつまでたっても未完成です。ですから怒りっぽい人は見ないでください(笑)

 

デモサイト1(Advanced Custom Field の acf_form() 関数を使って作り込む)
http://wordpress.s-aga-s.com/testsite1

AnsPress のカスタマイズで実現する
http://wordpress.s-aga-s.com/testsite2

BBPress のカスタマイズで実現する
http://wordpress.s-aga-s.com/testsite3

BuddyPress のカスタマイズで実現する
http://wordpress.s-aga-s.com/testsite4