サポート » 使い方全般 » 投稿画面に表示されるアイキャッチのサイズ変更

  • 解決済 nekofox

    (@nekofox)


    お世話になっております。

    WordPressの記事投稿時にアイキャッチを設定すると
    アイキャッチ画像がプレビューされますが、

    こちらのプレビュー画像のサイズをこちらで設定することはできないでしょうか?
    width 266pxを超える画像は強制的に縮められて表示されていしまいます。
    wp-admin/include/post.phpの中に
    $content_width = 266;
    という記述を見つけたのですが。最大横幅を調節は
    できるのですが表示サイズの設定はできません。

    数週間取り組んでいるのですが勉強不足で解決することができません。
    もしどなたかご存じの方がいらっしゃいましたらご教授いただけますよう宜しくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは。

    最大横幅を調節はできるのですが表示サイズの設定はできません。

    という部分はよく分からなかったのですが、
    こういう事でしょうか?
    ※テーマ内のfunctions.php内に記載

    add_filter( 'admin_post_thumbnail_html', 'admin_post_thumbnail_html_width_edit');
    function admin_post_thumbnail_html_width_edit( $content ) {
    
    	// 幅を指定 (%での指定可)
    	$new_width = '500';
    
    	// デフォルトの最大幅を変更
    	$content = str_replace( 'width="266"' , 'width=' . $new_width , $content );
    
    	// 高さの指定を削除
    	$content = preg_replace( '/height="(.*?)"/' , '' , $content );
    
        return $content;
    }

    >>gqevu6bsizさん

    御回答有り難うございます。
    $new_widthで横幅の調整は出来るのですがheightの指定ができずに困っています。

    widthに合わせてheightの値が勝手に決まってしまうので
    なんとかこちらでheightを指定する方法を探しています。

    nekofoxさん

    高さの指定を固定する場合になりますが、

    add_filter( 'admin_post_thumbnail_html', 'admin_post_thumbnail_html_width_edit');
    function admin_post_thumbnail_html_width_edit( $content ) {
    
    	// 幅高さ指定 (%での指定可)
    	$def_width = "266";
    	$new_width = '100';
    	$new_height = '100';
    
    	if( strpos( $content , $def_width ) ) {
    
    		// デフォルトの最大幅を変更
    		$content = str_replace( 'width="' . $def_width . '"' , 'width=' . $new_width , $content );
    
    		// 高さの指定を変更
    		$content = preg_replace( '/height="(.*?)"/' , 'height="' . $new_height . '"' , $content );
    
    	}
    
        return $content;
    }

    こちらのコードで可能なはずです。
    ※幅が266以上の画像の場合のみ、幅と高さを指定できるようなコードにしています。

    全ての画像のアイキャッチの高さを指定する場合は、
    if( strpos( $content , $def_width ) )
    に関わる条件分岐を削除して使用ください。

    gqevu6bsizさん

    無事表示を変更できました!
    丁寧に教えていただき本当に有難うございます。

    仕組みが理解できるように勉強させていただきます。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「投稿画面に表示されるアイキャッチのサイズ変更」には新たに返信することはできません。