Cocoonフォーラム

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

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

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

相談内容:

不具合の発生手順:

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

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

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

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

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

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

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

モバイルでサイドバーのスクロールの動作...
 
共有:
通知
すべてクリア

[解決済] モバイルでサイドバーのスクロールの動作が重いことについて

66 投稿
7 ユーザー
37 Reactions
5,928 表示
(@tantaa)
Eminent Member Registered
結合: 7年前
投稿: 48
 

僕からも追記しときます。

依然テスト環境を作ってくれた

1つ目の CSS   https://01.123web.info/

2つ目の CSS   https://02.123web.info/

3つ目の CSS   https://03.123web.info/

ですが、トップページはampページになっておらず、サンプルページというところのみがampページとなっておりました。

トップページで検証したので、おそらくampでの検証はできていなかったと思われます。

改めて上記のサイトのサンプルページをampテストで有効か確認したのちに

メニューバーサイドバー共に試した結果、ampページでは両方ともに慣性スクロールが効いていない状態でした。

通常ページでは両方に慣性スクロールが効いています。

僕の環境ではこのような結果になりました。


   
keybou reacted
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

もしかしたら、何かの手違いで、違ったバージョンになっているのかも。

そういえばFTPソフトでのアップロードが結構早かったので、中途半端にアップロードされていた可能性がありそうです。

同じコードが入っているのであれば、テスト結果として全く問題ないと言えそうですね!

左のメニュー確認はメニューの入れ替え&CSSでメニュー非表示を行ってテストをしたので(メニューが短い為)現在は行ってませんが、右にあるサイドバーはスルスル動いてます!

ってか既に実装・配布済みでしたね^^;

みなさまお疲れさまでした


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

追記:上記はAMP:iosでのチェックです。通常ページも同じ結果です。自分のブログ調べでしたが^^;

※子テーマに追加したCSSもamp.css・style.cssも削除済みです。では超眠いのでおやすみなさい^^


   
返信引用
keybou
(@keybou)
Trusted Member Registered
結合: 7年前
投稿: 60
Topic starter  

トップページはampページになっておらず、サンプルページというところのみがampページとなっておりました。

それには気がつきませんでした。

現時点、AMPの直し方等についてはまだ良く分からなくて済みません。(Web暫く遠のいていたので勉強不足)


   
返信引用
keybou
(@keybou)
Trusted Member Registered
結合: 7年前
投稿: 60
Topic starter  

プラグイン影響したかな?

----------------------------------------------
利用中のプラグイン:
All-in-One WP Migration 6.67
SiteGuard WP Plugin 1.4.1
Wordfence Security 7.1.3
----------------------------------------------

今日の午後からの仕事に支障があるのでここ一旦寝ます。(*´ω`)o


   
返信引用
keybou
(@keybou)
Trusted Member Registered
結合: 7年前
投稿: 60
Topic starter  

おはよう御座います! ? 

1つ目の CSS   https://01.123web.info/

2つ目の CSS   https://02.123web.info/

3つ目の CSS   https://03.123web.info/

で、AMPが表示しなかったのは、プラグインの、Wordfence Security が邪魔していたようです。すべて無効にしました。

スミマセンでした。


   
返信引用
(@tantaa)
Eminent Member Registered
結合: 7年前
投稿: 48
 

@keybouさんの

で、AMPが表示しなかったのは、プラグインの、Wordfence Securityが邪魔していたようです。すべて無効にしました。

ですが、どうやらまだサンプルページのみしかampページになっていないようです。

そこで、cocoonのサイトと自サイトで検証しましたが、通常ampページともにスルスルと慣性スクロールが効いています。

メニューの多さについてはcocoonサイトのトップページで検証させて頂きました。

しっかりとメニューサイド両方で慣性スクロールが働いているようです。

もしかすると、@keybouさんのテストサイトにはamp用のcss記載が追記されていないのかもしれません。

最新のcocoonのバージョンを適用したらおそらく両方でスルスルなるんじゃないかなぁと思ってます。


   
keybou reacted
返信引用
keybou
(@keybou)
Trusted Member Registered
結合: 7年前
投稿: 60
Topic starter  

TanTaaさん、ご報告ありがとうございます。

amp用のcss記載が追記されていないのかもしれません

amp用のcss記載があったのですね。

お恥ずかしい話しですが、今知りました。今は出先からなので後でまた勉強(実践)します。お騒がせしました。

ところでAMP確認の時には、URLの語尾に、/?amp=1を付ければいいのでしょうか? 以前、 cocoonサイトで確認する時に、Yahoo!の検索エンジンで、『wp   cocoon』と検索してか ら AMPページを開いていました。ですから、クローラーがまだ来てくれていない新規サイトでは、前者の方法しかないのですね。

 

 


   
返信引用
(@tantaa)
Eminent Member Registered
結合: 7年前
投稿: 48
 

@keybouさん

 

cocoonの機能にampテストできるタブが下に出ていないですか?

該当ページでそこを押せばampテストページへ直で飛べる便利機能をわいひらさんが付けてくれていますよ。

ampページの表示具合の確認からテストまでワンクリックなので、すごい便利ですよ

もちろん自分でampテストページへいって/?amp=1をつけて調べる事も出来ます。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

結局のところ、最新版0.4.9以降(現在0.5.0)はそれなりに動作しているということでよろしいでしょうか?


   
返信引用
keybou
(@keybou)
Trusted Member Registered
結合: 7年前
投稿: 60
Topic starter  

TanTaaさん

WPのダッシュボードの

Cocoon 設定>管理者画面>AMPエリアの表示>(・AMPエリア表示する ・ The AMP Validatorを表示  ・AMPBenchを表示 )にチェックマークを付ける

迄は確認出来てるのですが、肝心の『AMPエリアの表示』がどこにあるのか全然見当たりません。

もしかするとOS(Ubuntu; Linux)のせいっていう事もあるのかな? 今度暇なときにWindowsでも立ち上げて確認してみます。


   
返信引用
keybou
(@keybou)
Trusted Member Registered
結合: 7年前
投稿: 60
Topic starter  

わいひらさん

僕もCocoonのサイトで何度も確認しましたが、問題はありませんでした。大丈夫だと思います。


   
わいひら reacted
返信引用
(@kautakku)
New Member
結合: 7年前
投稿: 3
 

わいひらさんに

みなさん同様完璧だと思います。昨日公開された新バージョン:自ページでも再々確認:AMP・通常ページのサイドバー・メニューのスクロールはすでに快適です!

トップページはampページになっておらず、サンプルページというところのみがampページとなっておりました。

トップページやカテゴリなどアーカイブページは元々AMPになってない作りだとおもいます。どこかで書いてあったと思いますが、もっと探せば見つかるかもです?

記事と固定ページはAMP対応があるので『Wordfence Security』が原因ではないとおもいますよ^^

amp用のcss記載が追記されていないのかもしれません

もう親テーマの新バージョンで導入されてますので、CSSに追記した項目は消してOKです。※消さずにいても親テーマの同じ記載を読み込み、子テーマで再度読み込まれるだけ

導入前の確認でAkiraさんのCSSを追記してテストしただけですので^^


   
わいひら and keybou reacted
返信引用
(@tantaa)
Eminent Member Registered
結合: 7年前
投稿: 48
 

@kautakkuさん

トップページやカテゴリなどアーカイブページは元々AMPになってない作りだとおもいます。どこかで書いてあったと思いますが、もっと探せば見つかるかもです?

普通にコクーン設定のAMP化の所に、amp化対応は投稿・固定ページのみって書いてありますね。

ご指摘ありがとうございます!トップページに固定ページを選べばamp化するのですね。

 

わいひらさんへ

こちらの環境でも問題なく慣性スクロール効いております。

なにやら話をややこしくしてしまいまして申し訳ございません。

 

 

@keybouさん

AMPエリアの表示』がどこにあるのか全然見当たりません。

書き方が悪くてすいません。

ダッシュボードのcocoon設定の場所ではなくて、

実際のサイトのページの下に出てくるものの事をいっていました。

添付画像の場所です。


   
keybou reacted
返信引用
keybou
(@keybou)
Trusted Member Registered
結合: 7年前
投稿: 60
Topic starter  

TanTaaさん

書き方が悪くてすいません。

いいえ。僕がちゃんと確認出来ていないだけです。フォローありがとうございます。

Cocoon 多機能で使いこなすのが大変です。(^^;

でもこういうのって面白いです。(^_^*) 興味が湧きます。

ところで、画像でご提示してくださった部分は、しっかりと見ていたはずでしたが、 AMPの部分だけ無かった筈でした。もしかしたら、プレビューがトップページだったからなのかな?と思います。明日帰宅してからまた確認したいと思います。

 

 


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 

皆様、動作確認にお付き合いいただきありがとうございます!
僕は、iPhoneを持っていないのでほんと助かりました。
当トピックは解決済みにさせていただこうと思います。
とりあえず、書き込めるようにはしておきます。


   
返信引用
固定ページ 2 / 2
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました