ACTION その他

スライド・カード型 サムネイル画像の縦横比設定

スライド・カード型 サムネイル画像の表示エリアの縦横比を設定できます。

記事一覧のカードデザイン化は「EX版」又はオリジナル子テーマ「JET」が必要です

設定方法

テーマ管理

テーマ管理の「全体設定」>”スライド・カード型 サムネイル画像の縦横比”にて設定できます。

「16:9」「1.91:1」「4:3」「3:2」のいずれかの縦横比が選択できます。

画像を見切れさせずに表示させたい場合は上記のいずれかの縦横比で画像を作成及び設定して「フルサイズ画像を読み込む」も有効化してください。

https://ocadweb.com/aspectratiotools
https://ocadweb.com/aspectratiotools

ocadweb.com

基準

表示エリア縦横比となり、読み込まれたサムネイル画像は状況に応じて、横幅又は高さを基準(100%)に表示されます。

作成されているサムネイル画像が横が見切れる場合は「高さ」、縦が見切れる場合は「横幅」を基準とすることで全体を覆うように表示されます(縦横比からはみ出る部分はトリミングされます)

フルサイズ画像を読み込む

通常、表示速度改善の為に各サムネイル画像は状況に応じて生成されたサイズのサムネイル画像を読み込むため、作成したとおりの縦横比をしても全エリアが表示されない場合があります。

その場合は、「フルサイズ画像を読み込む」を有効化することで改善されます。

トリミングせずに全ての画像を全体を表示するには?

画像の縦横比に関わらず、全てのアイキャッチ画像全体を表示するのは「JET」が対応しております。

解決しないことは検索もしてみてね

品名通常価格6月末までの限定価格
NEW絞り込み検索&並べ替えUI
AFFINGERカスタムフィールド検索
AFFINGERカスタムフィールドで絞り込み検索
8,0006,000
体感表示速度を改善
Affinger Lazy Load
画像やiframe,Twitterなどを遅延表示
5,0003,980
👀目次のチカラは凄い!
SUGOI MOKUJI(すごいもくじ)[PRO]
クリックされた目次がわかるプラグイン
5,9804,980

あなたにおすすめ

外部リンクをカード化する

ここが便利

  • 埋め込みURLで変換できない外部リンクもブログカードにできる*
  • タイトルやサムネイル画像を変更できる

URLを指定するだけでブログカード風のリンクにします。 外部のサイトも自動スクリーンショットによりサムネイル表示が可能です。

* リンク先の状態によっては変換できないケースもあります

外部サイトやリンクもブログカードにできるWordPressプラグイン
外部サイトやリンクもブログカードにできるWordPressプラグイン

このプラグインを利用するには別売のWordPressテーマ「AFFINGER6」が必要です。 URL ...

on-store.net

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-ACTION, その他

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP