[ 解決済 ] カスタム投稿タイプのアイキャッチ画像が見切れる

VWSとは フォーラム Lightning [ 解決済 ] カスタム投稿タイプのアイキャッチ画像が見切れる

[ 解決済 ] カスタム投稿タイプのアイキャッチ画像が見切れる

  • このトピックには5件の返信、4人の参加者があり、最後にVektor,Incにより2年前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #65309

    takeshi819
    参加者

    ■ WordPress のバージョン
    6.0

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    14.20.3

    ■ Pro Unit のバージョン
    9.76.0.1

    ■ スキンの種類
    Origin III

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ 期待する動作
    カスタム投稿タイプのアイキャッチ画像の上部が見切れてしまいます。
    見切れない様に出来ないでしょうか?

    2022年1月9日 1:03 AM #60258
    こちらの質問で確認して見ましたが、余白が出てしまうので
    写真によってばらつきが出てしまいます。

    ■ 自分で試した事
    2022年1月9日 1:03 AM #60258の対応

    ■ 症状が発生するブラウザ
    chrome

    ■ 実際の症状
    アイキャッチ画像が見切れてしまう

    #65321

    うなこ
    モデレーター

    こちらを参考にされたということですね。

    カード表示でアイキャッチ画像の上下が切れる

    アイキャッチ画像の比率がバラバラの場合は、ぴったり合わせるのがむずかしいかもしれませんが、もし差し支えなければ現状のサイトのURLを添付いただけますと回答が得られやすくなると思います、

    • この返信は2年前にうなこが編集しました。
    #65361

    takeshi819
    参加者

    うなこさん

    返信ありがとうございます。
    はいこちらを参考にし上下の見切れは防止できますが、余白が出てしまうのが気になります。

    他に試してみた事は、画像サイズの変更や
    画像の比率を16:9、4:3に変更しました。
    あと設定→メディアからサムネイルのサイズ変更、
    チェックボックスのオン、オフを試しています。

    lightningではアイキャッチ画像サイズの
    推奨サイズはあるのでしょうか?
    また推奨サイズにする事で上下の見切れは防止出来るのでしょうか?

    #65398

    lightningではアイキャッチ画像サイズの
    推奨サイズはあるのでしょうか?

    推奨サイズには以下の2つの観点があります。

    * 縦横比
    * ピクセルサイズ

    今回の質問に関係するのは前者の「縦横比」ですが、
    縦横比については表示される場所によって条件が変わってくるので、
    推奨というのは特にないと思います。

    例えば、アーカイブページの表示タイプが「カード」の場合は、
    横100:縦62 の比率で画像を用意すると欠けたり余白が生じたりせずに、
    ぴったりと表示されて、気分がいいです。

    ただし、別の場所ではアイキャッチ画像が正方形や縦長で表示されたりもしますので、
    私は、画像が欠けることを前提に、
    大事な部分が中央付近に配置されるアイキャッチ画像を用意しています。

    #65532

    takeshi819
    参加者

    対馬さん

    ご返信ありがとうございました。

    >例えば、アーカイブページの表示タイプが「カード」の場合は、
    >横100:縦62 の比率で画像を用意すると欠けたり余白が生じたりせずに、
    上記でぴったりきました。
    ただし、ユーザさんが年配なこともあり

    >大事な部分が中央付近に配置されるアイキャッチ画像を用意しています。
    後者のこちらで対応をお願いしようと考えています。

    #65535

    Vektor,Inc
    キーマスター

    解決した場合は解決した返信に「ベストアンサー」の付与をお願いしております。

    対馬さんの回答の所にベストアンサーをつけるボタンが表示されていると思いますので、
    表示されていたら是非ベストアンサーをつけていただけますと嬉しいです。

    今後ともよろしくお願いいたします。

    • この返信は2年前にVektor,Incが編集しました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。