スマホ表示で最初一瞬ですがカルーセルが乱れる - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/ Cocoon ディスカッション掲示板 ja Fri, 16 Oct 2026 18:09:41 +0000 wpForo 60 RE: スマホ表示で最初一瞬ですがカルーセルが乱れる https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/#post-5618 Sun, 19 Aug 2018 13:36:52 +0000 とりあえず、TODOリストには登録しておきました。
ただ、重大な不具合ではないので、時間があったらになると思います。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/#post-5618 RE: スマホ表示で最初一瞬ですがカルーセルが乱れる https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/#post-5598 Sun, 19 Aug 2018 00:30:09 +0000 わいひら様

ご返信ありがとうございます。

そういうことだったんですね。

素人ながら考えられるのは、このくらいです。

・カルーセルのところにアニメーションをつけてフェードインさせる

・あらかじめ必要なカルーセルを用意しておく

このカルーセルはとても気に入っている機能なので、外したくはありません。

どうぞ、時間があるときで結構ですのでよろしくお願いいたします。

]]> Cocoonテーマに関する質問 y.ihara https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/#post-5598 RE: スマホ表示で最初一瞬ですがカルーセルが乱れる https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/#post-5587 Sat, 18 Aug 2018 14:01:51 +0000 それは、高速化の功罪とでも言いましょうか。
レンダリングブロックを避け高速化するために、JavaScriptをフッター部分で読み込ませるので、
ページが読み込まれてからJavaScriptのCSSが適用されるまで、JavaScript無しの表示状態がそれです。
速いサーバだと、気づかない場合も多いのですが、サーバー状態によってそのようになってしまうことがあります。

これを解消するには、あらかじめ「崩れていない風」のCSSをstyle.cssに書いておくというのもありかもしれません。
僕も時間があれば、JavaScriptが読み込まれるまで、正常表示されているように見えるCSSを考えたいと思います。もしくは他の手段。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/#post-5587 スマホ表示で最初一瞬ですがカルーセルが乱れる https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/#post-5570 Fri, 17 Aug 2018 14:00:49 +0000 こんにちは

Cocoon設定からカルーセルを表示にしておりますが、

スマホで表示させた際に、最初にほんとに一瞬だけカルーセルの画像が縦に並んだように見え1秒ぐらいで正常に表示されるようになります。

これを無くしたいのですが、何か設定はありますか。

スマホはIphone8、ブラウザーはChrome(68.0)です。

Cocoonの高速化は全て設定済みです。

ホームページはこちらです。

https://ms-counseling.net

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

 

サイト名：Ms Counseling
サイトURL：https://ms-counseling.net
ホームURL：https://ms-counseling.net
コンテンツURL：https://ms-counseling.net/wp-content
インクルードURL：https://ms-counseling.net/wp-includes/
テンプレートURL：https://ms-counseling.net/wp-content/themes/cocoon-master
スタイルシートURL：https://ms-counseling.net/wp-content/themes/cocoon-child-master
Wordpressバージョン：4.9.8
PHPバージョン：7.2.6
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：1.1.2
カテゴリ数：10
タグ数：0
ユーザー数：2
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
利用中のプラグイン：
Contact Form 7 5.0.3
EWWW Image Optimizer 4.3.1
Force Regenerate Thumbnails 2.0.6
PS Auto Sitemap 1.1.9
TinyMCE Advanced 4.8.0
UpdraftPlus - Backup/Restore 1.14.13
WP Multibyte Patch 2.8.1
WP Statistics 12.3.6.4

 

 

 

 

]]> Cocoonテーマに関する質問 y.ihara https://wp-cocoon.com/community/cocoon-theme/%e3%82%b9%e3%83%9e%e3%83%9b%e8%a1%a8%e7%a4%ba%e3%81%a7%e6%9c%80%e5%88%9d%e4%b8%80%e7%9e%ac%e3%81%a7%e3%81%99%e3%81%8c%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%ab%e3%81%8c%e4%b9%b1%e3%82%8c%e3%82%8b/#post-5570