[ 解決済 ] クエリループのアイキャッチサイズ

VWSとは フォーラム Lightning [ 解決済 ] クエリループのアイキャッチサイズ

[ 解決済 ] クエリループのアイキャッチサイズ

  • このトピックには3件の返信、3人の参加者があり、最後にmakiにより5ヶ月、 3週前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #80766

    maki
    参加者

    ■ WordPress のバージョン
    WordPress 6.3.1

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

    ■ テーマの種類
    Lightning ( G3 )

    ■ テーマのバージョン
    Lightningバージョン: 15.14.2

    ■ スキンの種類
    Evergreen

    ■ スキンのバージョン
    不明

    ■ プラグインの種類・バージョン
    名前 Lightning Child (lightning-child)
    投稿者サイト 未定義
    親テーマ Lightning (lightning)
    テーマ機能 core-block-patterns, block-templates, widgets-block-editor, editor-style, title-tag, editor-styles, align-wide, responsive-embeds, post-thumbnails, customize-selective-refresh-widgets, automatic-feed-links, woocommerce, link-color, border, custom-background, custom-line-height, custom-units, custom-spacing, editor-font-sizes, editor-gradient-presets, menus, widgets

    All-in-One WP Migration バージョン 7.79 (作者: ServMask) | 自動更新有効
    Arkhe Blocks バージョン 2.22.1 (作者: LOOS,Inc.) | 自動更新無効
    Contact Form 7 バージョン 5.8.2 (作者: Takayuki Miyoshi) | 自動更新有効
    ImageMagick Engine バージョン 1.7.7 (作者: Orangelab) | 自動更新無効
    Lightning G3 Evergreen バージョン 0.2.3 (作者: Vektor,Inc.) | 自動更新有効
    Lightning G3 Pro Unit バージョン 0.25.1 (作者: Vektor,Inc.) | 自動更新有効
    LoftLoader バージョン 2.4.0 (作者: Loft.Ocean) | 自動更新無効
    VK All in One Expansion Unit バージョン 9.93.2.0 (作者: Vektor,Inc.) (最新バージョン: 9.93.3.0) | 自動更新有効
    VK Block Patterns バージョン 1.31.0 (作者: Vektor,Inc.) | 自動更新有効
    VK Blocks Pro バージョン 1.60.0.0 (作者: Vektor,Inc.) (最新バージョン: 1.64.0.0) | 自動更新有効
    VK Link Target Controller バージョン 1.7.2 (作者: Vektor,Inc.) | 自動更新有効
    WP Multibyte Patch バージョン 2.9 (作者: Seisuke Kuraishi) | 自動更新有効
    Yoast Duplicate Post バージョン 4.5 (作者: Enrico Battocchi & Team Yoast) | 自動更新有効

    ■ 期待する動作
    クエリループでアイキャッチを呼び出しています。
    編集画面ではフルサイズで画像がちゃんと表示されていますが、エンドユーザー画面ではクロップされ画像になってしまいます。
    サムネイルではなくフルサイズのものを呼び出したいのですがどうしたら良いのでしょうか。
    またどうしてクロップされてしまうのか根本的な部分でテーマの仕様という事なのでしょうか。
    前回と考え方は一緒でfunctionに追記するのだろうと思いつつ、サムネイルサイズではなくフルサイズにしたいというところでどのように対応したらよいかご教授頂けますようお願いいたします。

    以前は正方形の画像にしたく、こちらのフォーラムで相談させていただいたところ
    function.phpに下記を登録する事で実現ができました。
    ※以前の投稿

    [ 解決済 ] 画像サイズの設定について


    <?php
    function my_post_thumbnail_size() {
    set_post_thumbnail_size( 400, 400, true );
    }
    add_action( ‘init’, ‘my_post_thumbnail_size’ );
    ?>

    ■ 自分で試した事
    編集画面のアイキャッチでサイズやアスペクト比を変更した
    設定からメディアのサイズを変更してみた

    ■ 症状が発生するブラウザ
    chrome FF エッジ

    ■ 実際の症状
    <img loading="lazy" width="320" height="180" src="http://www.vhope2020.sakura.ne.jp/sanai/wp-content/uploads/2023/09/762dc3acd95363f9f445e975499e7fe1-320×180.jpg” class=”attachment-post-thumbnail size-post-thumbnail wp-post-image” decoding=”async” style=”width:100%;height:100%;object-fit:contain;” />

    320×180
    と言うようにファイル名にサイズが追記されてクロップされています。

    ■ その他特記事項
    ベーッシク認証がかかっています
    ユーザー名 san
    パスワード vhope2023

    Attachments:
    You must be logged in to view attached files.

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #80773

    DRILL LANCER
    モデレーター

    画像を使用する際フルサイズのものを採用したいとのことなので

    1. 設定 > メディアの幅・高さの数値をすべて 0 にする
    2. あなたが掲載したコードのかわりに下記コードのいずれかを試してみる
    3. 上記を施した後 Regenerate Thumbnail や AJAX Thumbnail Rebuild などのプラグインを使って画像の生成を手動で行う
    
    function my_post_thumbnail_size() {
    	set_post_thumbnail_size( 0, 0 );	
    }
    add_action( 'init', 'my_post_thumbnail_size' );
    
    
    function my_post_thumbnail_size() {
    	remove_image_size( 'post-thumbnail' );	
    }
    add_action( 'init', 'my_post_thumbnail_size' );
    

    下記サイトも参考にしてみてください。

    参考サイト:

    #80777

    以下を試してみてください。

    1. アイキャッチ画像でのスタイルパネルで “サイズ” の 右の3点アイコンをクリックして “解像度” を表示
    2. 解像度を 大 で一旦保存
    3. 解像度を フルサイズ に変更して保存

    Attachments:
    You must be logged in to view attached files.
    #80786

    maki
    参加者

    1. アイキャッチ画像でのスタイルパネルで “サイズ” の 右の3点アイコンをクリックして “解像度” を表示
    2. 解像度を 大 で一旦保存
    ここまでの作業で解決する事が出来ました。
    ありがとうございました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。