bbpressフォーラムを掲示板の形で修正する（WordPress)

我が国では掲示板が広く使用されており、人に馴染みの方です。 しかし、 WordPressをインストールし、適切な掲示板を見つけるには、容易ではありません。 外国では、議論の中心のシステム（フォーラム）が発展したのに対し、韓国では、情報の一覧表示式の掲示板が人気を集めています。 韓国の実情に合った掲示板が切実たが、最近になって国内で作成されたKBoard（KBoardボード）が人気を集めています。 KBoardをインストールしてみると、それなりにすっきりしたデザインで使用するに無難なようです（ただし、 KBoardで掲示文は、Googleにも検索されていないか、遅れて検出された現象が現れますね。 おそらくSEOの最適化が不足していないかと思われます）。

個人的には自分なりに修正しやすい掲示板プラグインを探していたが、 bbpressを使用してみると意外に修正が簡単レイアウトも必要に応じて変更が可能なことを報告し、私自身も驚きました。 特に、世界的に使用されており、資料を見つけるのは非常に容易であることも魅力的なようです。 （例えばいくつかの関数を探してたいとすると、インターネット検索で簡単に見つけることができます。）

bbpressをインストールしてそれなりに修正するXNUMX日程度で完成したのが現在このサイトにインストールされている掲示板です。 最近の投稿リストも簡単にウィジェットで表示できますね…そしてプラグインでbbpressを入力してみると、さまざまなプラグインが検索されて 有料プラグイン販売サイトでもbbpressプラグインは少し検索になりますね。 今後に必要な機能がある場合に便利そうです。 （追加機能が必要なく、簡単な掲示板をご希望の方は、KBoardも大丈夫のようです。しかし、SEOの面や汎用性、buddyPressとの連動などを考慮すると、bbPressがはるかに魅力的だと思われます。）

*追加：テーマの変更により、現在このサイトでは、bbPressが正常に動作していないですね。 後日互換性の問題が解決されると、デモ掲示板リンクを上げるようにします。

• * デモ (現在のテーマとの衝突のためか、このサイトでは、一部の機能が正常に動作しませんがおおよそのレイアウトを見ることができます。テーマの変更後、いくつかの機能が正常に動作していないが WordPress アップデート後も動作しますね。 デモ掲示板は アーカイブからダウンロードすることができるものとほぼ同じです。）

bbpressフォーラムを掲示板の形で修正する（WordPress)

この記事はずっと前に書かれており、最新バージョンでは機能しない可能性があります。 bbPressをカスタマイズしたい場合は、bbPressが提供するフックを使用すると、より効果的に修正できます。

bbPressファイルを大幅に変更するのではなく、最小限のファイル編集でフックを活用して bbPress掲示板を作ってテストしています。

bbPress掲示板をカスタマイズする方法をまとめてこのブログに掲載しています。

• bbPressをサポートするコードハイライター、シンタックスハイライタープラグインEnlighter
• WordPress bbPress投稿タイトルの長さ制限を増やす
• WordPress bbPress掲示板に視聴回数を表示する

下記は参考にしてください。

はじめに

この記事では、bbpressを個人の好みに合わせて変更する方法を簡単に紹介します。 この記事は、プログラムの基本的な知識とCSSの少しの知識があれば十分に理解し基づいてすることができようになります。 私のような素人でも数時間触るみるらしい（？）掲示板が完成しました。 WordPressを初めてお使いの方は、この記事では、プラグインやテーマを変更する方法についてある程度の方向をとることができると考えられます。

（追加：この記事で説明されているbbPressテンプレートを ここからダウンロードすることができます。）

私が選んだ方法は、http://sexylife.co.kr/サイトの記事からアイデアを得た。 このページの記事の内容は、2012年度に作成されたため、最新バージョンのヒヒプレスでは、うまく機能していないようです。 （WordPress テーマファイル（PHP）を修正するときにハングルが壊れた場合は、まずPHPファイルのエンコーディングをUTF-8に変換してください。

基本的にヒヒプレスは、他のプラグインと WordPressの多くのテーマと同様に、divタグを使用して空間分割をしています。 しかし、上記のリンクの記事では、掲示板に適合するようにtableタグに置き換える方法を採用しています。 これを念頭に置いて一つずつ見てみましょう。

メモ： 현재 このページで公開されているテンプレートは、表形式で実装されています。 時間になると、ポートフォリオの形式など、さまざまなレイアウトのテンプレートを作成し公開みる予定です。 （ただし、常に問題は、時間ですね^^）

1. bbPressテーマを作成する

もちろんbbpressプラグイン WordPressにインストールされている。 このプラグインがインストールされていることを前提にしています。 bbpressを適切に設定し、フォーラムを作成した後、テストに文もいくつか作成しておいてください。 作業している途中に、レイアウトがどのように表示されるかを確認する必要があります。 また、 bbpressショートコード（短縮コード、ショートコード）を利用して、ページに貼り付けいただき掲示板ページを別々に作るのも良い方法です。

まずbbpressテーマを作成するようにします。 bbpress> templates> defaultフォルダの下にあるbbpressフォルダを現在のテーマのフォルダに移動します。 （テーマも子テーマを使用すると便利です。）そして、bbpress> templates> default> cssフォルダ内bbpress.cssファイルをテーマフォルダの下にcssフォルダを作成し、コピーします。

これから本格的にbbPressフォーラムを変更する準備ができました。 掲示板の修正作業は、先ほどコピーしたbbpress子テーマフォルダのテンプレートを使用してします。 これにより、bbpressプラグインが更新されても何の影響を受けません。

2.ファイルを理解する

1）cssファイル

cssフォルダのcssファイルは、精通しているようにbbpress掲示板のレイアウトを調整するために使用されます。 テンプレートファイルを変更した後、CSSを使っレイアウトを調整することがより困難な作業になります。 CSSについてわからない場合は、まず、本やインターネットを介して、基本的な事項を学習してください。 CSSの基本的な文法を習得しにくく、どのようアプリケーションかどうかだけが知っていればされます。 いちいちコードを覚える室必要はありません。 （CSSを使用したり、勉強するとき w3schools.comを多く利用していただけるでしょう。 このサイトと親しくばいいでしょう。）

2）テンプレートファイル

次に、テンプレートファイルを見てみましょう。 と…ファイルが50個以上です。 多くの方がファイル数だけ見て驚くと思います。 しかし、ファイル名を詳しく見てみると、大体どのような役割を果たしているのかを推測できます。 たとえば、form-reply.phpはreplyフォームを処理するファイルであり、loop-single-topic.phpは単一のtopicの繰り返し（ループ）される部分を処理するphpであると理解してください。

主にloop-topics.phpとloop-single-topic.phpを主に編集して、場合によっては、いくつかのフォームのフォームファイルを変更されます。 ここで一つ理解して超えなければならないことがありますが。 forum、topic、reply、postという用語がbbpressで使用されています。 およそ説明すると
Forumは、私たちが考えている掲示板の概念と考えてください。

•  Topicは、フォーラム内に生成される議論のトピックを意味するが、朝鮮式に考えると掲示板の質問や上げる文がこれに該当します。
•  Replyはトピックに走るコメント（返信）です。
• Postはtopicに含まれている質問やコメントを包括して指していますね。 だから、基本的なbbpressでPosts数字が質問とカウントされていることを知ることができます。 つまり、フォーラムに任意のトピックに関する質問や文を書けばPost数が1になるのです。 （韓国の掲示板には答えることができるのが重要に考えて普通の掲示板を見ると、回答数がカウントされているものとは若干異なります。）ここでは、この問題に言及する理由は後で掲示板を変更した後の回答数が1が多くなる問題が発生しためです。 この問題は、その関数を探して、1を抜いて必要です。
•  またRefreshnessという項目が基本掲示板に表示されるが、この言葉は、最終更新ほど翻訳されています。 ここでまた、韓国の掲示板とは異なる面を見ることができます。 つまり、フォーラムで最新の回答がついた項目（トピック）を一番上に表示されるようにして議論に参加を誘導する役割をするようです。 （韓国の場合、時間順に表示されて、いくら回答が多くオーガも時間が経てば後ろに押さ関心の外に押し出さはとはちょっと差がのです。）

3. bbPress掲示板を変更する

いくつかの考慮事項

少し急いが長くなったようですね。 また、もう一つ考えてみるの問題があります。 どのように修正するかです。 bbpressをインストールしてフォーラムを作成しトピックを作成すると、次のように表示されます。

本当に恥ずかしいレイアウトです。 まず、最終修正レイアウトをおおよそ描画します。 それから一つずつ修正していく方向に進むのが手順のようです。 上の図で参加とは、Voicesの翻訳で参加した人数を意味しています。 たとえば、Postsは2つですが、Voicesは1というのは、XNUMX人がXNUMXつの文を書いたということです。 投稿という部分はおそらく韓国の掲示板式にすれば「タイトル」程度になるだろうし、「文」の下の数字があるのは上でしばらく言及したが質問と回答を合わせた数字です。 私はこれを活用して回答数に修正しました。

また、最初の項目を見てみると、タイトルの下に作成者が一緒に表示されています。 この形式もそれなりに大丈夫だと思いますが、私はタイトルと作者を分離して別のアイテムとして扱いました。 また、「最近の投稿」の下に最新の回答をしたユーザーが表示されることも削除しました。

まず、削除する項目を選択して、追加する項目を考えるようにしてください。 私は次のように計画しました：

 ID（あるいはNo）| タイトル（回答数）| 投稿者| 最終更新| 文カウント（カスタム）

IDはtopic IDとして、各topicに付与される固有の番号です。 簡単にインターネットを検索してphpコードを確認することができます。

前述のように変更するテンプレートファイルは、大きく分けて2つであり、それに劣らず重要なのがCSSでレイアウトを変更することです。 例えば、上記の図を見ると、韓国の掲示板とは異なり、下部にトピックを作成できるフォームが出ています。 これはCSSを使用して簡単に取り外しが可能です。

説明してみると、あまりにも長くなりますね。 これから本格的にファイルを修正する作業を考えてみましょう。

1）loop-topics.phpファイルを変更する

とても文が長くなった関係で、最終的修正ファイルが、ここにコピーします。 （アップデート：ソースファイルをここからダウンロードできます。)

" /> -->Custom_Field










   -->

コードをざっと見てみてどのように構成されているかどうかを理解することができるようになります。

2）loop-single-topic.phpファイル

このファイルは、http://sexylife.co.kr/サイトのソースとほぼ同じです。

<?php do_action( 'bbp_theme_before_topic_title '); ?> theme_after_topic_title '); ?>  --> '1'）））; ?> theme_before_topic_freshness_link '); ?>theme_after_topic_freshness_link '); ?> 









<?php do_action( 'bbp_theme_before_topic_favorites_action '); ?> ''、 'favorite' => '+'、 'favorited' => '×' ) ); ?>theme_after_topic_favorites_action '); ?>theme_before_topic_subscription_action '); ?> ''、 'subscribe' => '+'、 'unsubscribe' => '×' ) ); ?>theme_after_topic_subscription_action '); ?>  -->

その他の考慮事項

上記の二つのファイルを変更して、見上げるとおよそテーブルの形で出てくるものです。 しかし、背景色や枠線などが正しく表現されないことです。

1）枠線の問題

境界線がうまく変わらない問題は、bbpress.cssファイル内にすでに定義されているborderプロパティが原因です。 毎日見つけて問題になる部分の境界属性をコメントアウトしてください。 コメントを付ける方法はよくわかりますが、/* .... */ 構文を使用するだけです。 次に、CSSを介して各要素の属性を指定するように境界線と背景を変更する必要があります。

2）ボタンなどの要素

この部分は、個別に説明しなくてもよくご存知の内容だから省略します。 ボタン要素を追加するときに時々formに関するphpファイルを変更する必要があります。

3）個々のフォーラムページの下にあるライティングフォームを非表示に

上の図に示されている部分を非表示にする方法は、ソースを見つけコメントアウトするか、CSSを使用して非表示にすることができます。

CSSを使用して非表示にする方法は、Google Chromeでの要素の検査をして、このフォームの要素を見つけdisplay：none;を適用してくれるようです。 その後、フォーラムのすべての書き込みフォームが表示されない堪え難い状況が発生する可能性があります。 これを防止するために、 forumをショートコードを使用して個々のフォーラムページを作成し、ショートコード部分を別々のdivクラスに囲みます。 説明しようと少し難しいようです。 たとえば、「掲示板」というタイトルのページを作成し、[bbp-single-forum id = $ forum_id]の形式でショートコードを追加すると、掲示板がリンクされます（Forum IDの検索方法も要素チェックで可能です）。 次に、ページ編集画面でビジュアルではなく「テキスト」を選択し、 [bbp-single-forum id=$forum_id] と同様の形式でdivコードを追加できます。 これにより、追加したdivクラスを使用して、フォーラムリストページの下にある投稿フォームを非表示にできます。

4）モバイル版の考慮事項

モバイル版では、テーブルのカラム（列）のために正しく表示されない場合があります。 この場合、 メディアクエリ（media query）を使用して、いくつかの熱を逃がしたり、列の間隔を調整する方法を使用して調整する必要があります。

仕上げで

bbPressは、多くのユーザーを確保した代表的なフォーラムのプラグインです。 韓国の環境にすぐに適用するには少し無理が​​ありますが、上から見たように、少し変更すると、我が国の既存の掲示板と同様に変えることができます。 bbPressはまた、様々なプラグインをサポートします。 代表的なもの非公開文機能を提供する bbPress - Private Repliesとファイルを添付できるようにする GD bbPressの添付ファイル などがあります。

メモ：

• KBoardをギャラリー掲示板に変える
• KBoardで作った見積もり依頼フォーム
• KBoard - 投稿承認機能を追加
• bbPressフォーラムTop 100
• bbPress日本語翻訳を修正する

付録

以下は、bbpressテーマを作成する方法と簡単なカスタマイズを示し、YouTubeの映像です。 英語で書かれているが映像を見てもある程度理解することができるでしょう。

上記の文と関連して、質問がございましたら、 掲示板からの質問してください。