2
NIERU★
ID nieru / 3
ご要望の「アイコン画像」について確認させてください。
スレッド内に投稿された画像を一覧へ表示するサムネイル画像を指していますでしょうか。それとも、ファイルの有無などを示す絵文字・アイコンを指していますでしょうか。
可能でしたら、対象部分のスクリーンショットや現在使用しているレイアウトをご共有いただけますと、確認のうえ対応方法をご案内いたします。
4
NIERU★
ID nieru / 3
投稿本文内に表示される添付画像のサムネイルについて、HTMLとCSSを直接編集することで、縦サイズ固定または幅・高さを任意に指定できます。
「管理 → 表示関連 → レイアウト関連 → 添付ファイル表示レイアウト」を開き、「画像ファイルの表示レイアウト」にある画像要素へ専用のclassを追加してください。
例:
<a href="%DETAIL_URL%"><img src="%THUMBNAIL_URL%" class="embed-image
post-file-thumbnail" style="margin:5px" alt="%NAME%"></a>
続いて、「管理 → 表示関連 → レイアウト関連 → head・meta・style基本設定 → style設定」にCSSを追加します。
...もっと見る縦サイズのみ固定する場合:
.post-file-thumbnail {
height: 280px;
width: auto;
max-width: 100%;
display: block;
}
幅と高さを指定する場合:
.post-file-thumbnail {
width: 160px;
height: 280px;
max-width: 100%;
object-fit: cover;
display: block;
}
数値はご希望のサイズに変更していただけます。
「object-fit: cover」は、指定したサイズに合わせて画像の一部を切り抜いて表示します。画像全体を切り抜かずに表示したい場合は、「cover」を「contain」へ変更してください。
既存の「embed-image」classだけを変更すると、ほかの画像表示にも影響する可能性があるため、専用classを追加する方法をおすすめいたします。
>>4
ご教示いただいた内容ですと、レス投稿表示設定の画像アイコンが変更されますが
肝心のトップページのスレ一覧のアイコン画像のサイズは変更されないようです
6
NIERU★
ID nieru / 3
>>5
「管理 → 表示関連 → レイアウト関連 → トップページレイアウト → スレッドループテンプレート設定」
設定内容にある「%THUMBNAIL_URL%」を使用した画像要素へ、専用のclassを追加してください。
例:
<img src="%THUMBNAIL_URL%" class="thread-list-thumbnail" alt="">
既にclassが指定されている場合は、既存のclassを残して半角スペース区切りで追加します。
例:
<img src="%THUMBNAIL_URL%" class="thumbnail thread-list-thumbnail" alt="">
...もっと見る
続いて、「管理 → 表示関連 → レイアウト関連 → head・meta・style基本設定 → style設定」にCSSを追加します。
縦サイズのみ固定する場合:
.thread-list-thumbnail {
height: 280px;
width: auto;
max-width: 100%;
object-fit: contain;
display: block;
}
幅と高さを指定する場合:
.thread-list-thumbnail {
width: 160px;
height: 280px;
max-width: 100%;
object-fit: cover;
display: block;
}
画像要素に既存のwidth、height、またはstyle属性によるサイズ指定がある場合は、競合しないように削除してください。
「object-fit: cover」は指定サイズに合わせて一部を切り抜き、「object-fit: contain」は画像全体を表示します。