AMPページにおけるヘッダー画像サイズが崩れてしまいます。

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも AMPページにおけるヘッダー画像サイズが崩れてしまいます。

このトピックには7件の返信が含まれ、2人の参加者がいます。9 ヶ月、 1 週前 たかあき さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #59197

    たかあき

    お世話になります。
    早速ですが首記の件、AMPページの表示に際して、ヘッダーのロゴ画像のデザインが崩れてしまっています。

    下記の通りフォーラム内に類似の不具合事例は有ったのですが、私の場合 再度画像をアップロードし直しても正しく表記されませんでした。

    【類似不具合事例】
    https://wp-simplicity.com/suport/topic/amp時、ヘッダー画像サイズがおかしくなる事象に/

    本内容の通り、画像のサイズが正しく読み込まれていないのでしょうか。
    解決策についてご見解頂けますと助かります。

    【通常ページ】
    https://chang-taka.com/nanamica2/

    【AMPページ】
    https://chang-taka.com/nanamica2/?amp=1#development=1

    よろしくお願いいたします。

  • #59201

    かうたっく

    amp時、ヘッダー画像サイズがおかしくなる事象に/#57913

    一度、違うロゴ画像に置き換えて、きちんと表示されたので、その後、元の画像をアップロードしなおしたら、きちんと表示されました。

  • #59202

    かうたっく

    私の場合 再度画像をアップロードし直しても正しく表記されませんでした。

    再度アップロードした時の画像がhttp://chang-taka.com/wp/wp-content/uploads/2018/03/logo2.pngですか?どのようにアップロードされたかわかりませんので、かぶってるかも知れませんが

    間違って送信しちゃた#59201の、引用通りにも試してもらえますか

    WordPressのメディアに追加し、カスタマイザーから追加した画像を指定する
    ※再アップロードした画像を指定すればlogo2.pngだったものが、多少名前が変わるはずなので画像のURLを確認して、再アップロードされた画像を指定

    wp/wp-content/uploads/2018/03フォルダにlogo2.pngをアップロードを試す
    それでもダメなら、FTPソフトの設定の確認ですかね。FFFTPの場合オプション・環境設定・転送1タブを開いてスクショをとってもらえますか。それから、アスキーモードのファイル名に*.pngが入ってないか確認してもらえますか。

    とりあえず頭が回らないので、何か抜けてそうですがお試しください。

  • #59221
    わいひら
    わいひら
    キーマスター

    サイトがhttps化されているのにロゴが以下のようにhttpで外部サイト画像扱いされているようです。
    http://chang-taka.com/wp/wp-content/uploads/2018/03/logo2.png

    Simplicityでは、外部サイトの画像サイズは取得しない仕様(外部サイトから画像をダウンロード取得してサイズを取得すると時間がかかる)なので300×300が勝手に当てはめられているようです。

    ロゴ画像を、再設定するかして、httpsで始まるURLにしてみてください。

  • #59228

    たかあき

    >かうたっく様

    ご丁寧にありがとうございます。
     
    >間違って送信しちゃた#59201の、引用通りにも試してもらえますか
      ⇒これについては他の画像に変更しました対応しましたが、画像自体が変化しませんでした。。。
       この辺りに何か要因があるのでしょうか。

    >WordPressのメディアに追加し、カスタマイザーから追加した画像を指定する
    >※再アップロードした画像を指定すればlogo2.pngだったものが、多少名前が変わるはずなので画像のURLを確>認して、再アップロードされた画像を指定
      ⇒今回は本内容にて対応いたしましたので、間違いはないとは思います。

    >wp/wp-content/uploads/2018/03フォルダにlogo2.pngをアップロードを試す
    >それでもダメなら、FTPソフトの設定の確認ですかね。FFFTPの場合オプション・環境設定・転送1タブを開い>てスクショをとってもらえますか。それから、アスキーモードのファイル名に*.pngが入ってないか確認して>もらえますか。
      ⇒私にとっては少々レベルが高い内容ですので、少々お時間ください。

    以上、よろしくお願いいたします。

  • #59229

    たかあき

    >わいひら様

    ご確認ありがとうございます。

    ロゴ画像のURLにおけるhttps化については、『外観』⇒『カスタマイズ』⇒『その他』の中の内部URLをSSL対応(簡易版)にチェックを入れる事にてhttps化できたかと思いますが、変化が見られませんでした。

    一点気になりますのが、今回テストとして異なる画像をアップロードして、AMPのヘッダー画像を全然別の画像へ変更してみたのですが、WEB上で確認しますとヘッダー画像自体に変化が見られませんでした。
    (現状も、『ヘッダー画像』はテスト画像へ変更したままにしております。)

    何か他にも要因があるのでしょうか。
    ググりながら対応しておりますもので、的外れな返答となっておりましたらご容赦ください。

  • #59236

    かうたっく

    http://chang-taka.com/wp/wp-content/uploads/2018/03/logo2.png
    これをPCなどに一度ダウンロードして、カスタマイザーから画像をアップロードすれば、https://chang-taka.com/wp/wp-content/uploads/2018/03/logo2….png となるかと思われます。

    ここの返信で一連して言っているのは、この方法を試しキャッシュのない状況でご確認ください。って事でした。それでもダメな場合、私の上記レス内容を試す感じです。

  • #59250

    たかあき

    >かうたっく様

    返信ありがとうございます。
    キャッシュのクリアでは変化ありませんでしたが、再度画像を保存し、アップデートする事にて修正できました。たすかりました。

    私の理解の悪い中、ご丁寧にありがとうございました。

トピック「AMPページにおけるヘッダー画像サイズが崩れてしまいます。」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)