カテゴリ画像の指定

カテゴリータイルの画像は現在、プレイタイムテーマとアクティビティフィードテーマでのみサポートされています。プレイタイムまたはアクティビティフィードテーマを使用している場合は、以下の手順に従ってカテゴリータイルに画像を割り当ててください。

1. Website Toolboxアカウントにログインします。
2. をクリックします 統合 メインメニューのリンク。
3. をクリックします HTML リンク。
4. 次のコードをコピーしてに貼り付けます フォーラムヘッドタグ HTML コード テキストボックス:

<style>
#body-wrapper #forums .panel-body > ul > li.col-xs-12 {
    min-height: 350px;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}
#body-wrapper #forums .panel-body > ul > li.col-xs-12 > .columns-wrapper {
    width: 75%;
    height: auto;
    background: rgba(0,0,0,.4);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}
#body-wrapper #forums .panel-body > ul > li.col-xs-12 .forum-title,
#body-wrapper #forums .panel-body > ul > li.col-xs-12 .forum-title h2 {
    color: #fff !important;
}
#body-wrapper #forums .forum_title,
#body-wrapper #forums .last-post a,
#body-wrapper #forums .last-post > i time,
#body-wrapper #forums .forum-count a,
#body-wrapper #forums .columns-wrapper > .col-xs-7 > p {
    color: #fff;
    opacity: 0.8;
}
#body-wrapper #forums .panel-body > ul a.username,
#body-wrapper #forums .panel-body > ul a.close-row {
    opacity: 1;
}
#body-wrapper #forums .columns-wrapper > .col-xs-7 .badge {
    background: #fff !important;
    color: #000 !important;
}
</style>

5. カテゴリの ID を取得
6. 次のコードをコピーしてに貼り付けます フォーラムヘッドタグ HTML コード テキストボックス:

<style>
#body-wrapper #forums .panel-body > ul > li.col-xs-12#forum_CategoryID  {
    background-image: url(IMAGE_URL) !important;
}
</style>

7. 置換 カテゴリー ID 手順 5 で取得した ID と IMAGE_URL 上記のコードに有効な画像 URL を指定してください。
8. 複数のカテゴリに独自の画像が必要な場合は、カテゴリごとに手順6と7を繰り返します。
9. [保存] 設定。

カテゴリ画像を使用したフォーラムの例を次に示します。

If you still need help, please contact us.