サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年4月19日 00:44
2018年4月20日 01:17
そのiPhoneのモバイルメニューの高さは何pxなんでしょうか?
Topic starter
2018年4月20日 05:37
スミマセン。調べ方が分かりません。
https://webskillup.com/ety/20140919180945/
↑
ここのサイトによりますとブラウザサイズ :375 × 667 ピクセル、が分かった所迄が精一杯でした。 (;^_^
2018年4月21日 00:12
ごめんなさい。
ちょっと意味を勘違いしていました;
画像よく見たら、その部分はiPhoneと関係なかったです。
以下に余白を入れたものをアップしてみました。
https://github.com/yhira/cocoon/archive/master.zip
この場合20pxぐらいの余白が入っています。
余白的に、もう少し大きかったり、小さい方がよければ、ご意見を聞くんせ願えると幸いです。
Topic starter
2018年4月21日 00:35
ありがとうございます! (^ ^)
2018年4月22日 00:31
とりあえず30pxにしたものです。
https://github.com/yhira/cocoon/archive/master.zip
ただ、右側はそれは何のウィジェットが入っているのでしょうか。
僕の環境だと、添付画像のように余白があったりします(最下段に入っているのはカテゴリウィジェット)。
Topic starter
2018年4月22日 03:31
右側最下段のウィジェットは、カテゴリウィジェットです。
前回 のマスターと iPhone での状況は変わっていません。(メニューバー、サイドバー共に) Xサーバーのキャッシュが影響かも?と考え、テーマ更新しばらく経っての確認でも同様でした。(iPhone側でもWebサイトデータを消去しましたが・・・)
管理画面のレスポンシブテストで表示のしかたを確認した所状況は以下になります。
1、テーマ バージョン: 0.5.0(修正前)
メニューバー:余白なし サイドバー:余白あり(2行程度)
2、テーマ 最初の修正
メニューバー:余白あり(1行程度) サイドバー:余白あり(2行程度)
3、テーマ 2回めの修正
メニューバー、サイドバー共に、最初の修正と余白の変化無し
テスト環境サイトのURL https://01.123web.info/
以上、今回のテスト結果になります。
2018年4月22日 06:27
keybouさんに
前回 のマスターと iPhone での状況は変わっていません。(メニューバー、サイドバー共に) Xサーバーのキャッシュが影響かも?と考え、テーマ更新しばらく経っての確認でも同様でした。(iPhone側でもWebサイトデータを消去しましたが・・・)
.menu-content .menu-drawer {
padding: 0 0 20px;
}
となっているので、エックスサーバーのキャッシュが影響してるかもしれないですね。※CSSが圧縮されて色々不明ですが。
エックスサーバーのサーバーパネルから『mod_pagespeed設定:』をOFFにしてチェックしていただけますか?
.menu-content .menu-drawer {
padding: 0 0 30px;
}
こっちが今の最新版です。
あとカテゴリもチェックできたら、もう一度『メニュー・サイドバーの結果』を書いて頂けたら。※わいひらさん的に全部チェックしきれないと思うので?
keybou reacted
2018年4月22日 06:39
わいひらさんに。
私もお願いがあります。スライドインのサイドバーを開いたとき、そこに背景を入れてるとmargin分『余白ができる』ので、できたらpaddingで対応してもらえたらと思いまして・・
コチラで変更は可能ですが、上書きしちゃうので良かったら…お願いします。
わかりにくいですが画像上下のmargin、10px。※今日の夜中にダウンロードした最新バージョン使ってます。 https://github.com/yhira/cocoon/archive/master.zip
※スライドイン:サイドバーを開いた上の『×の背景』は『白』なので、個人的には気になりません。
Topic starter
2018年4月22日 10:00
エックスサーバーのサーバーパネルから『mod_pagespeed設定:』をOFFにしてチェックしていただけますか?
『mod_pagespeed設定:』はOFFのままになっていました。
サーバーのコントロールパネルで、
※/home/ki123/123web.info/public_htmlフォルダ直下にある.htaccessファイルのパーミッションを読み取りのみに設定変更している場合、本設定が反映されません。
サーバーパネルからの設定が反映しない場合は、FTP上の.htaccessのパーミッションや設定をご確認ください。
と表記してるので、664に変更。 mod_pagespeed設定:』一旦ONの後→再度OFFへ設定しました
Topic starter
2018年4月22日 10:19
デスクトップPCで、管理画面のレスポンシブテストの画像(サイドバー)です。
Topic starter
2018年4月22日 10:33
ーー 追記 ーー
実際の端末(iPhone)で
現在の、レスポンシブテストをリンクします。
ここで余白の確認すると、デスクトップPCで確認した時とは異なり、実際のサイト( https://01.123web.info/ )をiPhone で見た時と殆ど同じになります。
あたりまえの事だと思いますが・・・、スミマセン。
iPhone はいつも何かと整合性が悪く、厄介ですね。。。
Topic starter
2018年4月22日 11:00
念のため同テストを、WPXクラウドサーバーでも試してみましたが(キャッシュ設定:OFF、mod_pagespeed設定:OFF)、結果はXサーバーの時と同じでした。
https://www.responsinator.com/?url=https%3A%2F%2Fkiki123.wp-x.jp%2Fsample-page%2F
2018年4月22日 17:27
こんにちは^^
CSSの圧縮を切ってくれたんですね。
スタイルを確認したら親テーマの指定自体が、 padding: 0 0 30px; のものが、padding: 0 0 20px; となってます。
解凍時かアップロード時にうまく行かなかったのかもしれないので、親テーマをアップロードしなおせば反映するかと思われます。
keybou reacted
Topic starter
2018年4月22日 19:07
かうたっくさん。いつもありがとうございます。
分かりました。後でまたやってみます。
ところで、わいひらさんの wp-Cocoon サイト、メニューバーの余白は丁度いい感じになっていますネ!
2018年4月22日 22:55
とりあえず、以下でかうたっくさんが書かれた不具合は修正しました。
https://wp-cocoon.com/community/demands/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%81%ae%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%83%90%e3%83%bc%e3%81%ae%e4%b8%80%e7%95%aa%e4%b8%8b%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af%e3%81%ae%e4%b8%8b%e3%81%ab/#post-2220
通常のサイドバーの設定が、そのまま適用されていましたね^^;盲点でした。
https://github.com/yhira/cocoon/archive/master.zip
2018年4月22日 22:58
ところで、わいひらさんの wp-Cocoon サイト、メニューバーの余白は丁度いい感じになっていますネ!
これは、iPhoneで見てもということをですよね?
2018年4月23日 00:44
とりあえず、以下でかうたっくさんが書かれた不具合は修正しました。
今確認したら、表示がキレイになってました。ありがとうございました!
2018年4月23日 00:46
間違いました。表示は関係なかったです。。
<span class="bold">aaa</span>
<span class="red">aaa</span>
と表示されました。でした^^;
Topic starter
2018年4月23日 07:07
Cocoonを0.5.1にアップしました。
iPhoneにてメニューバーの最下段の余白の反映を確認できました。
有難うございます。
https://www.responsinator.com/?url=https%3A%2F%2F01.123web.info%2F
たまたま気がついた事ですが、管理画面(ダッシュボード)のバージョンの表示は、4.95 のままになっています。
わいひら reacted
2018年4月23日 10:02
無事反映したようで良かったですね。私もスレッドお借りしましたが無事反映しました!keybouさんも、ありがとうございました。
たまたま気がついた事ですが、管理画面(ダッシュボード)のバージョンの表示は、4.95のままになっています。
https://github.com/yhira/cocoon/blob/master/style.css
こちらが現在の最新版ですが今『Version: 0.5.1』となっていて、私も同じ期間のファイルをアップロードしましたが、以下の通りです。
- テーマの編集より親テーマCSS『Version: 0.5.1』
- テーマよりCocoonで確認『Cocoonバージョン: 0.5.1』
ダウンロードして解凍のまえに、前回の『cocoon-master』フォルダを削除してからアップロードするなど試すと良い?かもしれませんね。
わいひら reacted
Topic starter
2018年4月23日 20:11
わいひらさん。
かうたっくさん。
ありがとございました。
今回のようなカスタマイズは、自分でできればいいのですが、素人の僕にとってはハードルが高ので、(と言うか時間を割いて勉強して自分でやろうとしない横着者と言った方が相応しいかもです(^^;; )とても有難いです。
今後ブログをどんな風に作って行くかは思案中です。思案がいつまで続くかも未定ですが、まぁボチボチやって行こうと思います。
2018年4月23日 23:14
動作確認ありがとうございます。
たまたま気がついた事ですが、管理画面(ダッシュボード)のバージョンの表示は、4.95のままになっています。
これはおそらく、Wordpressのバージョンではないかと思います。
Topic starter
2018年4月24日 05:54
たまたま気がついた事ですが、管理画面(ダッシュボード)のバージョンの表示は、4.95のままになっています。
確認しました。僕の勘違いでした。 申し訳ないです。 m(_)m
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。