Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:

通知

すべてクリア

[解決済] AMPページのヘッダーロゴのサイズが拡大される

CSSカスタマイズ相談

最新の投稿 : 匿名 6年前

3 投稿

2 ユーザー

2 Reactions

2,497 表示

未解決

RSS

Jimon

(@Jimon)

Active Member

結合: 6年前

投稿: 8

Topic starter 2019年1月20日 23:53

いつもお世話になっております。

AMP化したページでロゴのサイズが、ヘッダーロゴサイズで設定した大きさではなく、添付画像のような拡大された状態で表示されてしまいます。

サンプルページ： https://jimongg.online/2019/01/20/temur/?amp=1

プラグインの停止や画像の再アップデートなども試しましたが改善されませんでした。

環境情報は以下の通りです。

----------------------------------------------
サイト名：UNTAPPED
サイトURL： https://jimongg.online 
ホームURL： https://jimongg.online 
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン：5.0.3
PHPバージョン：7.1.5
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：1.5.5.1
カテゴリ数：5
タグ数：16
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
Gutenberg：1
ホームイメージ：/wp-content/uploads/2018/12/1.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1
Classic Editor 1.3
Google XML Sitemaps 4.1.0
Imagify 1.8.4.1
Lazy Load 0.6.1
PWA for WordPress 1.1.4
Really Simple SSL 3.1.3
Save with keyboard 3.0.2
Search Regex 1.4.16
SiteGuard WP Plugin 1.4.3
Table of Contents Plus 1601
TinyMCE Advanced 5.0.0
WordPress Popular Posts 4.2.2
WP Multibyte Patch 2.8.2
----------------------------------------------

改善案をご教授いただけると幸いです。よろしくお願いします。

かうたっく

(@kautakku)

Famed Member Moderator

結合: 7年前

投稿: 4764

2019年1月21日 08:18

h ttps://jimongg.online/images/Untapped_logo1.png

画像のパスですが上記の場所で指定されてますが、アップロードする場所を以下のような場所へ変更すれば表示されませんか？

子テーマフォルダ内もしくは
WordPressのメディア機能でアップロード

理由

amp-imgタグ内に width="300" height="300"と指定があるのは、画像サイズが認識されてない。AMPの仕様でwidth heightに指定が必要。

指定が無ければ300×300とCocoon側で指定をしていた。と思うからです。

<amp-img src="/images/Untapped_logo1.png" width="300" height="300" alt="UNTAPPED" sizes="(max-width: 300px) 100vw, 300px" class="site-logo-image i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-layout" style="width: 300px;"><i-amphtml-sizer style="padding-top: 100%;"></i-amphtml-sizer><img decoding="async" alt="UNTAPPED" src="/images/Untapped_logo1.png" sizes="(max-width: 300px) 100vw, 300px" class="i-amphtml-fill-content i-amphtml-replaced-content"></amp-img>

一度お試しください。

わいひら reacted

Jimon

(@Jimon)

Active Member

結合: 6年前

投稿: 8