1. ホーム
  2. フォーラム
  3. 不具合報告
  4. ロゴ画像のアスペクト比が崩れる

ロゴ画像のアスペクト比が崩れる

このトピックには5件の返信が含まれ、2人の参加者がいます。1 ヶ月前 キタジマ タカシ さんが最後の更新を行いました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #22067

    魚住 惇
    参加者

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】v7.4.5
    【お使いのブラウザ】MacとiPadのSafari
    【当該サイトのURL】https://jun3010.me

    ===

    snowmonkeyのバージョンを7.4.5にアップデートしたところ、ロゴ画像のアスペクト比が崩れてしまいました。縦に伸びています。

    キタジマさんに子テーマのheight:autoに!important;を追加するようアドバイスを受けましたが、その後も直りませんでした。

    KUSANAGIで運用しているため、念のためページキャッシュもクリアしたのですが、状況は変わりませんでした。

    よろしくおねがいします。

    #22069

    キタジマ タカシ
    キーマスター

    子テーマの style.css を直接参照するとちゃんと !important が追加されているのですが、実際の画面では反映されていないようです。どうもキャッシュが強くて、一度読み込んだ古い style.css が読み込まれてしまうようです(なので閲覧者がブラウザのキャッシュを消せばちゃんと表示されはします)。

    子テーマで style.css を読み込んでいる部分のコードを共有してもらえないでしょうか? 多分 wp_enqueue_style を使っているかと思うのですが、style.css を更新したらちゃんと反映されるようにそのコードを変更してみます。

    #22082

    魚住 惇
    参加者

    確かに、iPadでもSafari以外のブラウザで閲覧すると正しい比で表示されました。

    子テーマで使っているfunction.phpはこちらです。

    <?php
    add_action( 'wp_enqueue_scripts', function() {
    	wp_enqueue_style(
    		get_stylesheet(),
    		get_stylesheet_uri(),
    		[ get_template() ]
    	);
    } );
    
    remove_filter('pre_user_description', 'wp_filter_kses');
    
    add_filter( 'snow_monkey_entry_summary_title_num_words', function( $num_words ) {
    	return 60; // 60 文字で切る。 false にしたら切らずに表示する。
    } );
    
    global $wp_embed;
    
    add_filter( 'the_content', array( $wp_embed, 'autoembed' ), 9 );
    
    add_action( 'admin_menu', 'add_custom_menu' );
    
    function add_custom_menu(){
    	add_menu_page( 'ブロックの管理', 'ブロックの管理',
    	'manage_options', 'edit.php?post_type=wp_block', '', 'dashicons-admin-post', 21 );
    }

    よろしくおねがいします。

    #22084

    キタジマ タカシ
    キーマスター

    wp_enqueue_style のところを下記のように変更するとどうでしょうか?

    style.css を更新したときに、自動的に style.css のキャッシュもリセットされるようになります(サーバーによってはダメな場合はあるかもしれません)。

    wp_enqueue_style(
    	get_stylesheet(),
    	get_stylesheet_uri(),
    	[ get_template() ],
    	filemtime( get_stylesheet_directory() . '/style.css' )
    );
    #22099

    魚住 惇
    参加者

    わあああああ直った!正しく表示されました。

    助かりましたありがとうございました(;ω;)

    #22100

    キタジマ タカシ
    キーマスター

    良かったです!トピック閉じます。

6件の投稿を表示中 - 1 - 6件目 (全6件中)

トピック「ロゴ画像のアスペクト比が崩れる」への新規返信追加は締め切られています。