請問 bbpress 如何能實現類似 discuz 的分區呢

正在查看 10 個帖子:1-10 (共 13 個帖子)
  • 作者
    帖子
  • talklaw
    參與者
    • 文章數量: 189
    @talklaw
    樓主

    分區下面,再有板塊。

    類似這樣

    https://bbs.smartisan.com/forum.php?show=list

     

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi

    看看是不是要這種效果:

    https://bbs.weixiaoduo.com/all-forums

    自己用簡碼塊調用 bbpress 的論壇然後做幾個分級鏈接就行了。

    版塊後台設置選擇分類,然後分類再選成下級的可以,類似我們論壇的發帖頁面選版塊時你可以看到結構。

    我們做的樣例是豎排,你可以自己做橫排。

    talklaw
    參與者
    • 文章數量: 189
    @talklaw
    樓主

    是這樣的效果,高手就是高手👍

    nansoo
    參與者
    • 文章數量: 4
    @nansoo

    管理員大大能説的詳細一些不?我沒大看明白,謝謝哈。

     

    Geticer
    參與者
    • 文章數量: 63
    @monicfenga

    1. 設置板塊

    首先,創建一個論壇分類

    在 「論壇設置」 裏將 「類型」調整為 「分類」,併發布。

    如圖所示:

    然後,創建一個板塊,在 「論壇設置」 裏將 「上級欄目」調整為你剛剛創建的分類,如圖所示:

    在後台的 「論壇板塊列表」 裏應該是這樣:

     

    2. 決定如何展示

    有兩種方式:

    2.1.bbPress 內置的板塊列表頁面

    進入 「設置> 論壇」,將 「論壇根頁面將顯示」 調整為 「論壇首頁」

     

     

    2.2. 使用自定義頁面

    創建一個新的頁面,標題可以為 「板塊列表」 等,內容請參考 「bbPress 短代碼合集」中的 「論壇」 部分。

    主要使用 「bbp-single-forum」 短代碼。

    若想要更復雜的排版,可以考慮與頁面構建器一同使用。

    aiyima
    參與者
    • 文章數量: 27
    @aiyima

    我按照上面步驟做出來是這個效果,求助高人如何能做出樓上那樣的效果,謝謝!!!

    Geticer
    參與者
    • 文章數量: 63
    @monicfenga

    需要自定義 CSS……


    @feibisi

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi

    把下面的代碼添加到當前頁面的自定義 CSS 裏面,然後保存,刷新頁面。

    #bbpress-forums li.bbp-body ul.forum .bbp-forum-reply-count, #bbpress-forums li.bbp-body ul.topic .bbp-forum-reply-count, #bbpress-forums li.bbp-header ul .bbp-forum-reply-count {
        display: none;
    }
    #bbpress-forums li.bbp-body ul.forum .bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.topic .bbp-forum-topic-count, #bbpress-forums li.bbp-header ul .bbp-forum-topic-count {
        display: none;
    }
    #bbpress-forums li.bbp-body ul.forum .bbp-forum-info, #bbpress-forums li.bbp-body ul.topic .bbp-forum-info, #bbpress-forums li.bbp-header ul .bbp-forum-info {
        width: 100%!important;
    }
    
    #bbpress-forums li.bbp-body ul.forum .bbp-forum-freshness, #bbpress-forums li.bbp-body ul.topic .bbp-forum-freshness, #bbpress-forums li.bbp-header ul .bbp-forum-freshness {
        display: none;
    }
    #bbpress-forums div.bbp-search-form {
        display: none;
    }
    aiyima
    參與者
    • 文章數量: 27
    @aiyima

    多謝詩語的解答,但這些代碼同時也讓下一級的板塊,帖子也同時沒有了這些信息。以及板塊上方的信息依然存在。是否有相關的技術教材可推薦?一直這樣諮詢您們,也怪不好意思的。

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi

    還是沒懂什麼信息沒了,需要怎麼用,這些都和主題相關,如果是想要自己改 CSS 那麼就到文檔中心搜索 審查元素,或者論壇搜索審查元素也有相關資料。

正在查看 10 個帖子:1-10 (共 13 個帖子)
  • 哎呀,回覆話題必需登錄。

話題信息

  • 當前位於:bbPress
  • 12 條回覆
  • 6 個參與人
  • 最後回覆:<a href="https://bbs.weixiaoduo.com/users/feibisi/" title=" 查看詩語的個人資料" class="bbp-author-link"><span class="bbp-author-name"> 詩語</span></a>
  • 上次活動:<a href="https://bbs.weixiaoduo.com/topic/34934/page/2/#post-36326" title=" 回覆至:請問 bbpress 如何能實現類似 discuz 的分區呢">4 年、 9 月前</a>