サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020-01-08 18:19
モバイルサイズ時のサイドバーを表示した際に、サイドバー内にふちのようなものができてしまいます。
初期スキンの場合これは表示されないようなのですが、、、
プラグイン停止、設定の見直しなど試したのですが、改善方法がわからないため、ご教授いただけますと幸いです。
URL： https://medicalmg.com
2020-01-08 20:49
お疲れさまです、y.hiroakiです。
よく見たら自分が作ったスキンの問題だったので、ちょっと調べてみました。
ChromeのF12でモバイルをGalaxyなどにすれば再現できます。
変な横線はbox-shadowのようで、ミックスグリーンの以下のbox-shadowを削除すれば消えました。
/* □■-----------------------------------------------------
/ 『メインカラム、サイドバー』
-----------------------------------------------------■□ */
.main,
.sidebar,
.carousel-in,
.sbp-main-before,
.sbp-footer-before,
.pbp-main-before,
.pbp-footer-before {
box-shadow: 0 2px 2px 0 rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08);
}
モバイルの場合は、サイドバーのbox-shasowは定義しない方がいいですか？
わいひら reacted
Topic starter
2020-01-08 21:33
確認していただき、ありがとうございます！
上記のbox-shadow の部分はstyle.css内にありますでしょうか？
只今すぐに作業出来ませんが、削除にて対応可能な事が確認出来しだい、また報告させて頂きます。
2020-01-08 22:31
NRPHARMAさん＞
以下はわいひらさんに確認しているつもりでした。言葉足らずですみません。
モバイルの場合は、サイドバーのbox-shasowは定義しない方がいいですか？
本当はbox-shadowの横線が変なところに表示される原因を調べるべきですが、そもそもモバイルの時にはサイドバーのbox-shadowは見えないと思うので、モバイルでは定義することに意味がないんじゃないかと思い、上記確認をしました。
ただ、そのままbox-shadowを消してしまうと、PC版でもbox-shadowが消えるのでちょっと見栄えが悪くなります。
わいひらさんの考えを聞きたいと思うので、待ってもらっていいですか？
わいひらさん＞
すみませんが、意見を聞かせてください。
わいひら reacted
2020-01-09 22:05
Firefoxだとまた見え方が違うんですね。
今回は、box-shadowを削除するのではなく、以下のようなCSSを追記することで対応してみました。
https://github.com/yhira/cocoon/commit/c6aaf7a7ca1bec2d34c18b3662f71ed874fe2d2e#diff-da232d78aa810382f2dcdceae308ff8e
対応版はこちら。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
Topic starter
2020-01-10 09:33
対応ありがとうございます。
只今、テーマのアップデートにてPC上での縮小時、実際のスマホでの表示ともに解決されていることを確認しました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。