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カスタマイズ依頼

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

スマホフッターが上までスクロールされて...
 
共有:
通知
すべてクリア

[解決済] スマホフッターが上までスクロールされてしまいます。

15 投稿
4 ユーザー
3 Reactions
995 表示
(@toyo1012)
New Member Registered
結合: 6年前
投稿: 3
Topic starter  

いつも利用させて頂いております。

わいひらさんがcocoonを開発して頂いたおかげで私のような初心者でもHPを

自分で作れる希望が見いだせました。

初心者でも使いやすいようにご配慮頂き、本当にありがとうございます。

表題の件ですが、スマホでスクロールをすると写真のようにフッターの下に

大きな余白が出来てしまいました。直す方法はございますでしょうか。

一つ前のバージョン(1.2.1)では出なかったのですが。。。

ただ、当方も更新も行っていましたのでこちら側のミスかもしれません。一応当方でも確認してみたのですが。

もし、そうであればご迷惑をお掛けして大変申し訳ございません。


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

スマホでスクロールをすると写真のようにフッターの下に

大きな余白が出来てしまいました。

どのようなスマホでご覧になってますか? 例:Android・iPhoneなど

当方も更新も行っていましたので

何の更新ですか?プラグインであれば一度そのプラグインを停止して、サーバー・プラグインなどキャッシュを削除していただけたらと思います。

 

あとCocoon設定の高速化を切ってよければURLを提示していただけたらと思います。

たぶんAndroidあたりでこのサイトCocoon(おそらく最新版)を見ても同じような表示にならなかったと思うので、そちらの環境をチェックしないと不明かもしれないからです。


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

あとコンテンツを入れたページを表示した場合はそのようにならない可能性があるかもです。※記事が入っていないとき、そのような表示になるかと思われます。

https://gyazo.com/c7503727f1e7ceb2b10dc0e791531b5a

上の画像はCocoonトップページの記事やウィジェットを適当に抜いたものです。

記事を書いた状態でご確認いただけますか。

~~追記~~

表題の件ですが、スマホでスクロールをすると写真のようにフッターの下に

大きな余白が出来てしまいました。

やっぱり状態が把握できない可能性があるので、該当リンクを置いていただけたら、と。

AndroidかiPhoneで下へスクロールして確認してもらったらと思います。

This post was modified 6年前 by かうたっく

   
(@toyo1012)
Eminent Member
結合: 6年前
投稿: 22
 

かうたっく様

親切なご返信、誠にありがとうございます!

また、返信が遅くなり申し訳ございません。。。

①機種について

スマホはiPhoneで症状が出ており、androidでは症状が出ませんでした。

②更新について

固定ページへの文章の追加や、CSSを編集しました。(伝え方が下手で申し訳ありません。)

③リンクについて

https://syu-mai.com/

こちらになります。見づらく申し訳ございません。。。

④高速化について

先ほどすべて切らせて頂きました。

 

用語がわからず、ご迷惑をお掛けして大変申し訳ございません。

ただ、先ほどcocoonのホームページをiPhoneで見たところ私の症状と同じ症状が出ておりました。前は違ったと思うのですが。ひょっとすると私が勘違いで、もともとそのような仕様だったのかもしれません。

 


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

こんにちは。ご提示ありがとうございます!かなり色々カスタマイズされててキレイなサイトですね^^

ごりごりにカスタマイズされてる風ですので、どれが原因か!パッと見ても分かりません。ってか、分かる気がしない感じです。

Cocoonデフォルトではそのようにならないので。

ですが!

  • 原因を切り分ける方法として有効なのが、CSSを半分だけ消していく方法です。

半分消してスマホで確認。まだオカシイなら、そこに書いてるstyleが原因の可能性が高いです。オカシクなるstyleの原因を探るのが良いかもしれません。

  • ただガッツリカスタマイズをされているだけに、それでうまくいくかどうかは不明です。

ローカルではスマホでアクセスできないのでサブドメインを非公開にしてテスト環境を作り試す感じが良いと思います。

もしくはstyleが崩れても10分勝負!とばかりにCSSにおかしな部分がないか『CSSを更新➡iPhoneで確認』を繰りかえして確認する感じが良いかもしれません。


   
(@toyo1012)
Eminent Member
結合: 6年前
投稿: 22
 

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

あと、お褒めの言葉、ありがたいです。頑張ります。

かうたっく様がおっしゃるように、まずは、CSS半分消す方法でやってみようと思います。

整理整頓が出来ず、前に書いて今は使わないCSSが残っていたりなどぐちゃぐちゃになってしまっているので。。

本当にありがとうございました!

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

これもこちらと同様の原因のような気がします。
フッター下の隙間をなくす方法 | Cocoonテーマに関する質問 | Cocoon フォーラム

修正したものをアップしました。
https://github.com/yhira/cocoon/archive/master.zip
よろしければ、以下でアップデートしてみていただけますでしょうか。


   
(@toyo1012)
New Member Registered
結合: 6年前
投稿: 3
Topic starter  

かうたっく様

一度すべてのCSSを消してみたのですが、やはりだめでした。。

わいひら様から頂いたファイルを一度試させて頂こうと思います。

私の分かりにくい質問にご教示頂き、ありがとうございました!


   
(@toyo1012)
Eminent Member
結合: 6年前
投稿: 22
 

わいひら様

ご返信、誠にありがとうございました。

以前、わいひら様が

バージョンアップの方法について | Cocoonテーマに関する質問 | Cocoon フォーラム

のページでご紹介頂いていた方法でFTPというものでアップデートを行ってみたのですが

226 Abort successful

というものが出てきてしまいました。こちらは無視してアップデートをおこなっていけば良いでしょうか。

お手数をお掛けして、申し訳ございません。


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

転送モードがパッシブモード

https://secure.netowl.jp/bbs/detail.cgi?td=3103

 

これが原因っぽいですね。226 Abort successful で検索した結果です。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

修正版を1.2.3としてアップしたので、WordPress管理画面の「更新」ページとかから、自動アップデートを行って試してみていただければと思います。


   
(@toyo1012)
Eminent Member
結合: 6年前
投稿: 22
 

かうたっく様

ご返信、またお調べ頂きありがとうございました。

私が自分で調べないといけないですよね。

ご迷惑をお掛けして申し訳ございません。。。

パッシブモードにはなっていたようなのですが、最早、パッシブ?FTP?という状況で自分の無知を恥じております。。。少しずつ勉強していきたいのですが、まずはホームページの完成をさせないと事が始められないため完成に向けて頑張ります。

本当にありがとうございました!!

 

 


   
(@toyo1012)
Eminent Member
結合: 6年前
投稿: 22
 

わいひら様

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

無知でご迷惑をお掛けして申し訳ございませんでした。

ご対応、誠にありがとうございます。

早速更新させて頂きます。


   
(@toyo1012)
Eminent Member
結合: 6年前
投稿: 22
 

わいひら様

アップデート、無事できました。

症状が、治りましたのでここに報告させて頂きます。

ありがとうございました!

 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

動作確認ありがとうございます!
うまく修正できていたようでよかったです ? 


   
共有:

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

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

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

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

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

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

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

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