サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年11月27日 10:38
ウィジェットidを使ってcssカスタマイズをしているのですが、PC表示時はウィジェットidが出ているのですが、モバイル表示時（スライドインメニュー使用時）は、ウィジェットidがないことに気が付きました。
自分の環境だけかとも思い、Cocoonのサイトでも表示を確認したところ同じ結果でした。
▼PC表示時
<aside id="new_entries-2" class="widget widget-sidebar widget-sidebar-standard widget_new_entries">
▼モバイル表示時（スライドイン使用）
<aside class="widget widget-sidebar widget-sidebar-standard widget_new_entries">
これはデフォルトの仕様でしょうか。
よろしくお願いします。
2018年11月27日 13:03
Cocoon設定の『モバイル』タブで『スライドイン』でサイドバーを表示している場合はIDがありますけど、
スライドインのサイドバーにはIDを置いてないのが仕様だという認識です。※かなり以前の書き込みにもあるかと思います。
スライドインボタン時コンテンツ下のサイドバーを表示
「モバイルボタンレイアウト」で「スライドインボタン」が表示されているときメインカラム下に表示されるサイドバーを表示するかどうか。
複数の『widget widget-sidebar widget-sidebar-standard widget_new_entries』を利用されてるんですね？
例えばnth-childで指定してみるとかはどうですか？CSSの高速化が有効であればガチッっと指定すれば反映されると思います。
class属性を追加できたら超絶簡単で誰もが扱いやすいかもしれないですね。
2018年11月27日 20:34
例えば社員IDが重複していては、意味ないのと同じで、IDは本来、一意であるべきです。
実際、HTML5のバリデーションでもIDが重複しているとエラーになるので、スライドインメニュー部分にはIDを出力させない仕様になっています。
Topic starter
2018年11月28日 09:48
>IDは本来、一意であるべき
>IDが重複しているとエラーになる
>スライドインメニュー部分にはIDを出力させない仕様
Cocoonの仕様ということで理解しました。
ありがとうございます。
わいひら reacted
2018年11月28日 19:04
今よくよく考えたら、IDが重複しなければ良いので、IDを削除せずに新しいIDを割り振るようにしました。
https://github.com/yhira/cocoon/archive/master.zip
元のIDが「new_entries-2」だったら、「slide-in-new_entries-2」というIDを割り振るように変更しました。
これだったら、IDでCSSの指定もしやすいかと思います。
タスカム reacted
Topic starter
2018年11月29日 09:28
早速、適用させていただきました。
こちらの表示も、
<aside id="slide-in-○○">text text</aside>
と表示さていました。
これで、カスタマイズがしやすくなります。ほんと助かります。
ありがとうございました。
わいひら reacted
2018年11月29日 22:19
動作確認ありがとうございます。
うまく出力できていたようでよかったです。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。