bbPressのカスタマイズでオリジナルテーマの掲示板サイト作成(導入編)
最終更新日: Update!!
ブログサイトの作成に特化したWordPressですが豊富なプラグインを使うことでいろんな機能を実装することができます。今回は「bbPress」というプラグインを使って掲示板サイトをWordPressで作成しカスタマイズしてみたいと思います。
2. プラグイン日本語化の作業
プラグインが日本語化されていない場合、別途日本語化の作業を行います。日本語化を行うには日本語化用のファイルがあるのですが、ウェブ上に公開配布されているのでそれを使用します。
「bbpress-ja.mo」というファイルがダウンロードされるので、/plugins/bbpress/languages/配下にアップロードします。そうすると英語表記されている部分が日本語に変更されます。
導入についてはここまでですが、オリジナルテーマ内でカスタマイズして使用する場合は下記の作業を引き続き行います。
3. テーマ内にbbpressを入れる
まずは/theme/テーマフォルダ/に「bbpress」フォルダを作成します。フォルダを作成後、/plugins/bbpress/templates/default/bbpressのファイルをコピーして、先ほどテーマフォルダ内に作成したbbpressフォルダに全てアップロードします。
そして、/theme/テーマフォルダ/に、plugins/bbpress/templates/default/extras/に含まれる全てのファイルをコピーしてアップロードします。この時点で下記のフォルダ・ファイル構成になっているかと思います。
/theme/
┗ /テーマフォルダ/
┝ bbpress(フォルダ)
┗ /plugins/bbpress/templates/default/bbpress/に含まれるテンプレートファイル
┝ /plugins/bbpress/templates/default/extras/に含まれるテンプレートファイル
┗ その他サイトテンプレートファイル
これで、bbpressのテンプレートファイルを編集することでオリジナルテーマ内で掲示板サイトをカスタマイズすることが可能になります。テンプレートファイルには掲示板投稿のアーカイブページやシングルページ、投稿フォームのテンプレートファイルに関数用のテンプレートファイルなどが含まれます。それではbbPressでの掲示板の構成についてみていきたいと思います。
ユーザー情報に関する画面のテンプレートは複数のテンプレートファイルから構成されていますので、編集する箇所を確認しましょう。
少し複雑ですがそれぞれの画面に対応するテンプレートファイルを把握し編集することでかなり柔軟にカスタマイズができるのではないでしょうか。WordPressで掲示板サイトを作成する時にはbbPressプラグインがオススメです!ぜひ参考にしてみてはいかがでしょうか。
bbPressとは?
bbPressとは掲示板機能をサイトに導入できるWordPressのプラグインです。WordPressのサポートフォーラムサイトでも使用されている公式のプラグインで信頼性もバッチリな上、豊富な機能がついているのが特徴です。bbPressプラグインの導入
1. プラグインのインストール WordPressの管理画面よりプラグインをインストール、もしくは公式のダウンロードページからファイルをダウンロードして、「plugins」フォルダへアップロードします。管理画面からインストールする場合は検索フォームに「bbPress」と入力すると出てきます。 プラグインのインストールが完了しプラグインを有効化することで掲示板機能が使えるようになります。管理画面の投稿に「フォーラム」「トピック」「返信」が新たに追加されます。
bbPressの掲示板構成
bbPressでの掲示板構成について、主要な部分については下記のようなページ構成とURLになります。 ※設定などはデフォルトの状態です /forums/:A.フォーラム一覧 ┝ /forums/forum/POST_SLUG/: B.フォーラム詳細 ┝ /forums/topic/POST_SLUG/:C.トピック詳細 ┗ /forums/topic/POST_SLUG/edit/:D.トピック編集 ┝ /forums/topic-tag/TERM_SLUG/:E.トピックタグアーカイブ ┗ /forums/topic-tag/TERM_SLUG/edit/:F.トピックタグ編集 ┗ /forums/reply/POST_ID/edit/:G.返信編集 ┗ /forums/user/USER_SLUG/:H.ユーザートップ ┝ /forums/topic/USER_SLUG/topics/:I.ユーザー開始トピック一覧 ┝ /forums/topic/USER_SLUG/replies/:J.ユーザー返信トピック一覧 ┝ /forums/topic/USER_SLUG/favorites/:K.ユーザーお気に入りトピック一覧 ┝ /forums/topic/USER_SLUG/subscriptions/:L.ユーザー購読中フォーラム・トピック一覧 ┗ /forums/topic/USER_SLUG/edit/:M.ユーザープロフィール編集 イメージとしては「forums」の投稿タイプに紐づく「topic」と「reply」の投稿タイプがあるイメージです。ユーザーはWordPressユーザー(=著者)になり、掲示板サイト上にユーザープロフィールの編集画面が存在する形になります。bbPressのページテンプレートファイル
bbPressをカスタマイズするには上記のページ構成にそれぞれ対応するページテンプレートファイルを把握しておく必要があります。命名規則については通常のテンプレートファイルと同じですのでそちらをイメージしてもらうとわかりやすいです。A.フォーラム一覧 | archive-forum.php |
---|---|
B.フォーラム詳細 | single-forum.php |
C.トピック詳細 | single-topic.php |
D.トピック編集 | single-topic-edit.php |
E.トピックタグアーカイブ | taxonomy-topic-tag.php |
F.トピックタグ編集 | taxonomy-topic-tag-edit.php |
G. 返信編集 | single-replay-edit.php |
H. ユーザートップ | single-user.php → content-single-user.php → user-profile.php |
I. ユーザー開始トピック一覧 | single-user.php → content-single-user.php → user-topics-created.php |
J. ユーザー返信トピック一覧 | single-user.php → content-single-user.php → user-replies-created.php |
K. ユーザーお気に入りトピック一覧 | single-user.php → content-single-user.php → user-favorites.php |
L. ユーザー購読中フォーラム・トピック一覧 | single-user.php → content-single-user.php → user-subscriptions.php |
M. ユーザープロフィール編集 | single-user-edit.php → content-single-user.php → form-user-edit.php |
少し複雑ですがそれぞれの画面に対応するテンプレートファイルを把握し編集することでかなり柔軟にカスタマイズができるのではないでしょうか。WordPressで掲示板サイトを作成する時にはbbPressプラグインがオススメです!ぜひ参考にしてみてはいかがでしょうか。
sponserd
keyword search
recent posts
- Figmaで柔らかな印象のメッシュグラデーションを作成する
Figmaで柔らかな印象のメッシュグラデーションを作成する
- Photoshopで光沢と透明感のあるぷるっとしたテキストを作成する
Photoshopで光沢と透明感のあるぷるっとしたテキストを作成する
- Photoshopでサイバー感のあるレトロフューチャーなイメージを作成する
Photoshopでサイバー感のあるレトロフューチャーなイメージを作成する
- デザイン制作に数学的なアプローチを取り入れてみる #1(グラデーション、カラースケール)
デザイン制作に数学的なアプローチを取り入れてみる #1(グラデーション、カラースケール)
- 【実践テクニック#6】ウェブデザインやバナー制作でグラデーションマスクや光彩の効果を扱う時の注意点
【実践テクニック#6】ウェブデザインやバナー制作でグラデーションマスクや光彩の効果を扱う時の注意点
- 安さやチープな印象を強調させるデザインを考えてみる
安さやチープな印象を強調させるデザインを考えてみる
- メリハリを付けにくいトーナル配色でセパレートカラーを効果的に使う
メリハリを付けにくいトーナル配色でセパレートカラーを効果的に使う
- 【実践テクニック#5】2色の線形グラデーションで中間色をくすませず鮮やかに見せる
【実践テクニック#5】2色の線形グラデーションで中間色をくすませず鮮やかに見せる
categories