サポート » テーマ » BizVector&BBPress フォーラムページがすべて画面一杯になる

  • 解決済 ajplanning

    (@httstm)


    はじめまして。

    この辺の手順を元に、BBPressの最新版2.5.8-5815 をインストールしました。

    まずフォーラムを作成し、日本語化、テーマの反映まで終了しました。

    BizVectorのBodyは、大体80%の中央寄せで表示されますが、
    フォーラムのページは、フォーラム箇所だけ、画面の100%で表示されてしまいます。

    実際に設置した例

    いろいろ調査などしてみましたが、現象が変わりませんでした。

    [試してみたこと]
    ・BizVektorのサイトの確認
    →BBPressについてのQ&Aはありませんでした。(QはあるけどAがない)
    ・「要素を検証」(Chromeです)で確認
    →IDやClassでそれらしきもの(ex.bbpress-forums)を確認しましたが、width指定が見当たりませんでした。
    ・bbpress.cssのwidth :100%と書いてあるところの変更
    →全部 削除 or 81% をしましたが、現象は変わりませんでした。

    [お聞きしたいこと]
    どのあたりのCSSが影響しているのか、
    強引に、phpにwidthを書き込んだりすると解消するのかなど、
    なにか見識をお持ちでしたら、ぜひ教えていただけないでしょうか。

    よろしくお願いいたします。

    [私のスキルなど]
    当方、10年ほど前にHTML4.1+CSS+JavaScriptなどのシステムは作っていましたが、複雑なCSSやPHPは、紙で勉強した程度で、WordPress歴は2か月です。
    本内容が、ここのフォーラムに書き込む内容でなかったら、その旨もご教示いただければと思います。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • こんにちは、

    ダメもとでよろしければ、テーマに、bbpress.phpを作成(page.phpのコピー)で、そのテンプレートで、幅の調整を行ってみてください。

    トピック投稿者 ajplanning

    (@httstm)

    nobitaさん、ありがとうございます。

    早速、bbpress.phpを作成し、以下の文言を追加したものを
    BizVektorテーマ直下およびbbpress\default\bbpress直下に突っ込んでみました。

    <!-- test -->
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <!--end test -->

    しかし、該当ページに上記の文字が追加されませんでした。
    bbpress.phpは使われていないみたいです。

    BBPressの設定自体、まだまだよくわからないところがあるので、そこから攻めて見ようと思います。Web上にこの質問がないこと自体、すごく簡単に解決できるからなのではと思っているんです。
    ※最後の手段としては、掲示板用にサイト立てて、
     利用実績があちこちに記述されているテーマ(23とか)を使ってみようと思っています。

    nobitaさん、ありがとうございます。
    もう少し頑張ってみます。

    もし何か気がついたことありましたら、みなさんもぜひ教えていただければと思います。
    よろしくお願いいたします。

    えーと、多分
    page.phpからコピーした内容の、

    if ( have_posts() ) {
    ...

    以降は、全部bbpressが乗っ取ってしまうようなので、body 直下位に何か書かないと、表示されないかもしれないです。

    私もテーマを作っていますが、bbpress.phpがテーマに含まれているので、良かったら試してみてください。
    (最低限度、テンプレートのサポートだけで、配色などのサポートはされていませんので、あれですが、、、)

    https://ja.wordpress.org/themes/raindrops/

    トピック投稿者 ajplanning

    (@httstm)

    nobitaさん、度々ありがとうございます。

    教えていただいたように、やってみました。

    そもそも、page.php(and 新しく追加したbbpress.php)を全く使っていないようです。
    page.php 4行目、以下の表記が見つかりません。
    <div id="container" class="innerBox">
    BizVektor恐るべし。。。

    テーマの変更含めて考えてみます。
    教えていただいたテーマ面白そうですね。
    あたらしいサイト作る準備ができたら、試してみます。
    ありがとうございます。

    もしかして、自分で解決できるかもしれませんので、もう少しオープンにしておきます。

    nobitaさん、ありがとうございました。m(_ _)m

    Honda

    (@rocketmartue)

    BizVektorとBBPressで<div id="main">以下のidやclassが、違っているのが原因ですね。
    BizVektorに合わせるなら、BizVektor CSSカスタマイズに下記のコードを記入してみてください。
    BizVektorの.innerBoxに指定されているCSSに合わせています。

    #bbp-container {
        width:94%;
        margin:0px 3%
    }
    
    @media (min-width: 970px) {
        #bbp-container {
        width: 970px;
        margin: 0 auto;
    }
    }

    トピック投稿者 ajplanning

    (@httstm)

    RocketMartueさん

    ありがとうございます!
    /plugins/bbpress/templates/default/css/bbpress.cssに記入したところ、
    画面が100%ではなく、真ん中によりました。

    同じページで、
    もう一点、気がついたんですが、サイドバーがなぜか一番下に表示されていました。
    お手数ですが、もう少しお付き合いいただけるとありがたいです。

    [掲示板マナー上の確認]
    タグが、BizVektorとBBPressなので、同じスレに続けてしまいました。
    別スレにしたほうがよいようでしたら、ご教示いただければと思います。

    [試してみたこと]
    BBPress以外のページでは、以下の2つがペアになっているみたいだったので、
    <div id="content">
    <div id="sideTower" class="sideTower">

    id=contentがBBPressにはないことが原因だろうと判断して、
    #bbp-container {
    の中に、float:left;width:68%(だったかな?002.cssからGetした値です。)
    を突っ込んでみました。
    →みごと玉砕しました。

    [お聞きしたいこと]
    度重なるお願いで、大変もうしわけありませんが、ご教示いただければ幸いです。m(_ _)m

    ↓ ↓ 参考 : 前回お問合せさせていただいた以降に確認したこと。↓ ↓
    ・BBPressで利用しているphpはなにか?
    => テーマ直下においた「\templates\default\extras」から持ってきたファイル。
    私の固定ページは、BBPress-Forums(index)のテンプレートを利用していたので、
    該当のphpファイル(page-front-forums.php)をあちこちいじくり、玉砕を重ねていました。

    トピック投稿者 ajplanning

    (@httstm)

    解決作ではないですが、
    とりあえず、今は、Forum用のあたらしいサイトを作って、Simplicityを使うことにしました。

    インストールした直後から、カラム落ちもwidth=100%も発生しないので、
    なんだかやっとホッとした感じです。

    今のところ、こんな感じです。

    CSS解読の能力をつける必要を実感しました。

    BizVectorでの解決はできていませんが、先が長くなりそうなので、一旦トピックを解決済みにしたいと思います。

    ご協力いただきました皆様には感謝いたします。
    ありがとうございました。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「BizVector&BBPress フォーラムページがすべて画面一杯になる」には新たに返信することはできません。