サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年1月15日 20:52
記事内のカラムは、モバイルなど横幅か狭いと段組になってしまうため、どうしても横に並べたいときはテーブルの中に画像を挿入していました。
通常ページでは画面の横幅に応じて画像が小さくなるため、横に並べた画像が横幅に収まるようになります。
一方でAMP表示に切り替えてみると、画像が縮小されないのか、画面からはみ出てしまいました。
AMP表示であっても、横に並んだ画像が画面内に収まるようにならないでしょうか？
今は仕方なくテーブルで対応しているだけなので、他の方法があったらご教授頂けると嬉しいです。
https://ponkoshu.com/review-nas-synology-diskstation-ds418/
Topic starter
2019年1月15日 20:54
2019年1月16日 07:39
一方でAMP表示に切り替えてみると、画像が縮小されないのか、画面からはみ出てしまいました。
Tableをスクロールするように設定してる感じだからか、どうか。
はみ出して表示されてはないと思います。スクロールするように指定してるのではないですか？
とりあえずアゲ ?
わいひら reacted
2019年1月16日 19:13
カラムレイアウトを変更する場合は、以下のCSSコードが参考になると思います。
https://wp-cocoon.com/column-layout-custom-for-tablet/
上記は、768px～480pxのみになりますが、CSSを書き換えれば、モバイルでも対応できるようになるかと思います。
2019年1月16日 19:45
768px以下に次のコードを張り付けて、2カラムで試してみましたが、残念ながらうまくいきませんでした。
.column-wrap{
flex-direction: row;
}
AMPページでは、横に並んだ画像が画面外にはみ出てしまいます。横スクロールも出来ませんでした。
通常ページではうまくいくんですが、AMPは難しいですね。。。
2019年1月16日 20:48
詳しい動作確認はしていないのですが、以下のように書き加えるとどうなりますか。
.column-wrap .column-left,
.column-wrap .column-right {
width: 50%;
}
2019年1月17日 10:13
わいひらさん、
そちらのコードを追加してみました。
デスクトップのchromeでは、AMPページのカラムが画面内に収まってくれますが、スマホのchromeでは、やはりダメでした。
右側の画像が画面からはみ出てスクロールも出来ません。
AMPのCSSは、グーグルにキャッシュされていて反映に時間が掛かる、なんてことはあるのでしょうか？
2019年1月17日 15:54
こんにちは。
コードを追加したのは子テーマのstyle.cssですか？
「Cocoon設定＞AMP」の「サイズ制限対応」の「子テーマのスタイルを有効にする」にチェックは入っていますでしょうか？
わいひら reacted
Topic starter
2019年1月17日 18:17
草村さん
子テーマのstyle.cssです。
AMP>子テーマのスタイルを有効にする、もチェック付いていました。
2019年1月17日 20:05
AMPのCSSは、グーグルにキャッシュされていて反映に時間が掛かる、なんてことはあるのでしょうか？
AMPのCSSというより、Googleのキャッシュは古い情報なので、反映されるのには時間がかかりますよ。
ただGoogleのキャッシュが更新されたら問題ない感じかと思われます。
https://www.google.co.jp/amp/s/ponkoshu.com/review-nas-synology-diskstation-ds418/%3famp=1
上記URLでご確認されましたか？上記はGoogleのキャッシュのアドレスですが、もう更新されてませんか？
スマホのchromeでは、やはりダメでした。
Androidで確認しても問題ありませんでしたよ。
******
追記GoogleキャッシュのURLで確認した結果。
こちらも問題ありませんでした。ponkoさんの環境ではどのような感じですか？
This post was modified 6年前 2回 by かうたっく
わいひら reacted
2019年1月17日 20:36
Cocoonのキャッシュ設定の「AMPキャッシュの削除」は行いましたか？
Googleのキャッシュページの場合は、反映されるまでに確かに時間がかかります。
Topic starter
2019年1月17日 22:32
かうたっくさん、わいひらさん
こちらでも正しく表示されていることが確認できました。
AMPに切り替えたページとGoogle検索からのAMPページ両方大丈夫でした。
iPhoneのsafariとAndroidのchromeどちらでも大丈夫でした。
何だかお騒がしたようですみませんでした。
これで全ページのAMP化に一歩近づきました。
ありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。