サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年2月16日 00:29
お世話になっております。
細かい話で恐縮ですが、カラム幅やサイドバーの幅やカラム間の幅をデフォルトから変更すると、親の「.wrap」の値が設定値より2px広くなってしまいます。
デフォルトだとピッタリの計算なのですが、値を変更するとカラム間が2px広くなっちゃうような気がします。
カラム間を2px引いて設定すればいいだけの話かもしれません。
あと、ボーダーやカラム間の最小値は「0」になっていますが、「1」のような気もします。
2019年2月16日 22:54
同様に動作確認するためにも、できれば、実際の設定値や.wrap幅の数値も書いていただけると助かります。
また、2px違うことでで何か実害等はありますでしょうか？
あと、ボーダーやカラム間の最小値は「0」になっていますが、「1」のような気もします。
これももう少し詳しくお願いします。
Topic starter
2019年2月20日 10:22
わいひら様 いつもお世話になっております。
カラム幅やサイドバーの幅を1px単位で調整できるこの機能は、とても素敵だと思います。
また、2px違うことでの「実害等」は、皆無かと思われます。
ボーダーやカラム間の最小値については、ゼロを設定したら思わぬ結果になったので「1」でいいんじゃないかと思った次第です。
幾通りか、ローカルで数値を入れて設定してみました。
参考になりますかどうか・・・
わいひら reacted
2019年2月20日 20:19
なるほど。
全てデフォルト値を入れてテストすれば、良かったんですね。
詳細なレポート感謝します。恐縮です。
動作を確認しました。
調べてみたところ、.wrap幅を取得するget_site_wrap_width関数において、添付画像のように僕が故意的に2pxプラスしていました。
この機能を作成したのはもう数ヶ月前なので、どういった意図でこのようにしたのかは忘れてしまいましたが、おそらくなるべくカラム落ちをしないように、といった数値を追加したんだと思います。
lib/page-settings/column-funcs.phpのget_site_wrap_width関数において「 + 2」を削除すると、正常動作するかと思われます。
https://github.com/yhira/cocoon/blob/master/lib/page-settings/column-funcs.php#L306
僕も削除して動作確認してみましたが、現在はカラム落ちもせず問題なく動作しているようです。
もしよろしければ、「 + 2」を削除して試してみていただいてよろしいでしょうか。
Topic starter
2019年2月20日 23:26
前回テストした全ての数値を試してはいませんが、いい感じみたいですね。
もしかしたら、別トピックの件のFlexboxのクリアフィックスがあるとカラム落ちしちゃったので２を足したのかもしれませんね。
私も、カラム落ちが起きないか、もう少し様子を見てみます。
あとは、ボーダーとカラム間にゼロを設定するかどうかですが、ボーダーに角丸もつけていることもありますし、メインカラムとサイドバーをピッタリくっつける需要ってあるのかなと思うので、やっぱり、1でいいんじゃないかと思います。
わいひらさん、ナイスです！
わいひら reacted
2019年2月21日 00:31
もしかしたら、別トピックの件のFlexboxのクリアフィックスがあるとカラム落ちしちゃったので２を足したのかもしれませんね。
それだ！！ ?
うまくいかなかったのでとりあえず2を足して、そのまま忘れてしまったような気がします?
あとは、ボーダーとカラム間にゼロを設定するかどうかですが、ボーダーに角丸もつけていることもありますし、メインカラムとサイドバーをピッタリくっつける需要ってあるのかなと思うので、やっぱり、1でいいんじゃないかと思います。
これは、値が0で条件分岐したときに、falseと判断されてしまって、値として取得していませんでした。
修正したものを以下にアップしておきました。
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
Topic starter
2019年2月21日 23:10
左右の空きがほんのちょっと違うとか、2pxセル幅が違うとか、なんだか重箱の隅（Flexboxも言ってみりゃ、デジタル重箱みたいなもん？）をつつくみたいでトピックを立てるのもどうかとも思いましたが、わいひらさんのお人柄に私はずいぶん救われています。
追記：ボーダーをゼロにすると、サイドバーが下になる画面幅のとき、サイドバーの上のパディングが足りなくなるような・・
ボーダーゼロって要るのかな？
2019年2月22日 20:48
むしろありがたいです。
なにせ、多くの人が気にしない部分の不具合こそ一番気づきにくいからです。
だって、フレックスのとか、開発者ですら全く気づいてなかったんですから(笑)
一種の特殊能力といっていいと思います。
追記：ボーダーをゼロにすると、サイドバーが下になる画面幅のとき、サイドバーの上のパディングが足りなくなるような・・
これなんですが、よろしければキャプチャ画像をアップしていただいてよろしいでしょうか。
ボーダーゼロって要るのかな？
ボーダー0にすると、背景色があった場合でも、添付画像のようにピッチリくっついて気持ち良いというのはあるかもしれません。
※ボーダー色も揃えればいいだけではありますけど。
Topic starter
2019年2月23日 04:33
あれ？画像うまくアップできてますでしょうか？
検索ボックスがサイドバーの上端にくっついてしまっています。
理由はたぶんですけど・・・
http://leafytree.minibird.jp/border-width-test/index.html
これじゃないかと・・
わいひら reacted
2019年2月23日 20:53
どうやら僕のスタイリングミスも原因にあるようです。
修正したものを以下にアップしておきました。
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
修正箇所。
https://github.com/yhira/cocoon/commit/6c82df28172e5a1e178b63a92952fdc8c2139a75
2019年2月23日 20:53
修正後。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。