bbPress 論壇樣式美化代碼,給帖子和版塊添加上小圖標。

標籤: ,

正在查看 10 個帖子:1-10 (共 16 個帖子)
  • 作者
    帖子
  • 詩語
    管理員
    • 文章數量: 5,930
    @feibisi
    樓主

    我們因為自己的論壇已經做了不少美化工作,所以就把不必要的給清楚掉了。留了個下面的效果:

    收藏前:

    收藏後:

    代碼如下,不過需要你的主題能夠支持 FontAwesome 才可以:

    /*
    您可以在此加入您的 CSS 。
    
    點選上方的協助圖示以取得更多資訊。
    */
    
    #bbpress-forums #favorite-toggle a:before {
    content:"\f08a";
    margin-right:6px
    }
    #bbpress-forums #favorite-toggle .is-favorite a:before {
    content:"\f004"
    }
    #bbpress-forums .subscription-toggle:before {
    content:"\f09e";
    margin-right:6px
    }
    #bbpress-forums .is-subscribed .subscription-toggle:before {
    content:"\f00d"
    }
    
    .bbp-body a.bbp-forum-title:before,.bbp-body a.bbp-topic-permalink:before {
    position:absolute;
    left:0;
    top:0px;
    display:inline-block;
    width:25px;
    font-family:"FontAwesome";
    content:"\f086"
    }
    .bbp-body .no-replies a.bbp-forum-title:before {
    content:"\f0e5"
    }
    .bbp-body .status-closed a.bbp-topic-permalink:before {
    content:"\f023"
    }
    .bbp-body a.bbp-forum-title,.bbp-body a.bbp-topic-permalink {
    position:relative;
    padding-left:25px
    }
    .bbp-body a.bbp-forum-title:before,.bbp-body a.bbp-topic-permalink:before,#bbpress-forums #bbp-single-user-details #bbp-user-navigation a:after,#bbpress-forums .subscription-toggle:before,#bbpress-forums #favorite-toggle a:before {
    font-family:"FontAwesome";
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
    }
    詩語
    管理員
    • 文章數量: 5,930
    @feibisi
    樓主

    實際應用效果如下面,是不是很可愛:

    帖子列表頁:

    當然其實圖標還是可以自定義的,我們論壇希望越簡單越好,就去掉了。

    xingjia10086
    • 文章數量: 8
    @xingjia10086

    請問具體怎麼實現呢,修改哪個頁面呀?

    詩語
    管理員
    • 文章數量: 5,930
    @feibisi
    樓主

    這個是 css 添加到你主題自定義的 css 裏面保存就有。

    不過需要  FontAwesome 字體支持,如果你主題有有了支持 FontAwesome 的可以不用管,沒有的就在後台安裝這個:

    Better Font Awesome

    81887360
    參與者
    • 文章數量: 46
    @81887360

    管理員,我安裝了論壇後,版面字號太小怎麼破?

    詩語
    管理員
    • 文章數量: 5,930
    @feibisi
    樓主
    liqi
    參與者
    • 文章數量: 89
    @liqi

    avada 可以直接用麼?

    詩語
    管理員
    • 文章數量: 5,930
    @feibisi
    樓主

    可以用,請添加到我們的子主題裏面。

    如果對論壇要求高的話可以考慮下這款主題:

    https://mall.weixiaoduo.com/item/wei-bbs

    liqi
    參與者
    • 文章數量: 89
    @liqi

    添加到子主題了!可是還是不顯示 裝了插件就顯示了

    liqi
    參與者
    • 文章數量: 89
    @liqi

    還有麻煩問下這個欄是怎麼實現的

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

話題信息

  • 當前位於:bbPress
  • 15 條回覆
  • 6 個參與人
  • 最後回覆:<a href="https://bbs.weixiaoduo.com/users/seorapheal/" title=" 查看 seorapheal 的個人資料" class="bbp-author-link"><span class="bbp-author-name">seorapheal</span></a>
  • 上次活動:<a href="https://bbs.weixiaoduo.com/topic/22260/page/2/#post-36320" title=" 回覆至:bbPress 論壇樣式美化代碼,給帖子和版塊添加上小圖標。">4 年、 9 月前</a>