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

0
いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #22067
    魚住 惇
    閲覧者
    0

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

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

    ===

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

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

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

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

    0
    いいねをした人: 居ません
    #22069
    キタジマ タカシ
    参加者
    2249

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

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

    0
    いいねをした人: 居ません
    #22082
    魚住 惇
    閲覧者
    0

    確かに、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 );
    }

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

    0
    いいねをした人: 居ません
    #22084
    キタジマ タカシ
    参加者
    2249

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

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

    wp_enqueue_style(
    	get_stylesheet(),
    	get_stylesheet_uri(),
    	[ get_template() ],
    	filemtime( get_stylesheet_directory() . '/style.css' )
    );
    0
    いいねをした人: 居ません
    #22099
    魚住 惇
    閲覧者
    0

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

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

    0
    いいねをした人: 居ません
    #22100
    キタジマ タカシ
    参加者
    2249

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

    0
    いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「ロゴ画像のアスペクト比が崩れる」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。