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

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

「Cocoon 設定」各項目におけるチ...
 
共有:
通知
すべてクリア

[解決済] 「Cocoon 設定」各項目におけるチェックボックスに関して

16 投稿
3 ユーザー
5 Reactions
4,241 表示
 mori
(@mori)
Active Member
結合: 4年前
投稿: 7
トピックスターター  

お世話になっております。

「Cocoon 設定」では、多くの詳細な設定が可能となっていて、そのほとんどが『チェックボックス』で選択する形式となっていますが、このチェックボックス選択に関して、テキスト部分にまでポインターのフォーカスを有効にしてはどうでしょうか?

小さなチェックボックス部分だけにカーソルを合わせるより若干ストレスが減ると思います。

多くのwebサービスやサイトなどでも、テキスト部分にポインターを乗せるだけでチェックできるようになっていると思います。

ご検討のほどよろしくお願いいたします。


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

そのように修正してみました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


   
返信引用
 mori
(@mori)
Active Member
結合: 4年前
投稿: 7
トピックスターター  

@yhira ご対応ありがとうございます。

 

アプデされたCocoon設定を確認しました。

ほとんど変更されているのですが、ところどころ以前のままになっていると思われます。

項目数が多いためすべてを確認はできていませんが。

ex. スキン>表示スキン

 

また、「ウィジェット」でも不統一の部分が確認できました。

ex. [C]新着記事

 

これは僕自身はもちろん早い対応を求めているわけではありませんので、一応ご報告ということでよろしくお願いいたします。


   
返信引用
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 

チェックボックスについては適用されていて、ラジオボタンが適用されていないようですね。


   
返信引用
 mori
(@mori)
Active Member
結合: 4年前
投稿: 7
トピックスターター  

@haruinoue あっ、気づかなかったですw その違いでしたね。

どうなんでしょう。ラジオボタンはそのままのほうがいいのかな。


   
返信引用
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 

と思ったらチェックボックスでも適用されていない部分がありましたね。

  • 広告>広告の表示位置(詳細設定の中のチェックボックスは適用)
  • カテゴリーにチェックを入れるような部分(広告>広告除外カテゴリー、インデックス>フロントページタイプ>表示カテゴリーなど)
  • ウィジェットにチェックを入れるような部分(ウィジェット>除外ウィジェット、ウィジェットエリア>除外ウィジェットエリア)

対応するかどうかは別として、ご報告までに…。

投稿者:: @mori

どうなんでしょう。ラジオボタンはそのままのほうがいいのかな。

個人的にはラジオボタンもlabelが付いてた方が使いやすいと思います。

ただコード見ると既に何かにlabelを使ってるのかも…?


   
返信引用
 mori
(@mori)
Active Member
結合: 4年前
投稿: 7
トピックスターター  

一応、WordPressの他の設定箇所などがどうなっているか見てみました。

「設定」ではラジオボタンもlabel付いてますね。

プラグインなども一部見てみると、そのようになってます。

全体として統一的にするなら、label付いてたほうがいいのかもしれません。使いやすいですし。

投稿者:: @haruinoue

ただコード見ると既に何かにlabelを使ってるのかも…?

そうですね、これは思いました。選択部分がちょっとズレてたりするのかなと。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

ラベルクリックが動作しているかどうかの違いはgenerate_checkbox_tag関数を通しているかどうかだと思います。
https://github.com/yhira/cocoon/commit/6376b7134b8bc8e9a87052bceb225c00e96f48f9
とりあえず全部修正するのは大変なので、とりあえずgenerate_checkbox_tagだけ修正してどんなもんか返信を待っていた感じです。
もし全部修正して、「そうじゃなかった」となってもしんどいので。

ラジオボタンもgenerate_radiobox_tagを通しているものであれば、ここを修正すれば良いだけなので、すぐに変更できるかと思います。
https://github.com/yhira/cocoon/blob/6376b7134b8bc8e9a87052bceb225c00e96f48f9/lib/html-forms.php#L141

ただ、すべてこういった関数を通しているわけではなかったので、クリック動作する部分としない部分があるといった感じです。

もし、ラベルクリック動作がされていない箇所があれば、その部分のスクリーンショットを貼り付けていただければ、その都度修正いたします。


   
はる reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 
投稿者:: @haruinoue
  • 広告>広告の表示位置(詳細設定の中のチェックボックスは適用)
  • カテゴリーにチェックを入れるような部分(広告>広告除外カテゴリー、インデックス>フロントページタイプ>表示カテゴリーなど)
  • ウィジェットにチェックを入れるような部分(ウィジェット>除外ウィジェット、ウィジェットエリア>除外ウィジェットエリア)

対応するかどうかは別として、ご報告までに…。

投稿者:: @mori

ex. [C]新着記事

これは後で対応できそうならしておきます。


   
はる reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

最近忙しくて、少しずつで申しわけないのですが「関数を利用したラジオボタン」と「新着記事ウィジェット」を修正しておきました。
https://github.com/yhira/cocoon


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 
投稿者:: @haruinoue

広告>広告の表示位置(詳細設定の中のチェックボックスは適用)

少しずつではありますがこちらに対応。
https://github.com/yhira/cocoon/commit/36c36806585076ec50b61f74499121b81058744e


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

このトピックで指摘されている部分に関しては、ラベルを修正しておきました。
https://github.com/yhira/cocoon


   
はる reacted
返信引用
 mori
(@mori)
Active Member
結合: 4年前
投稿: 7
トピックスターター  

@yhira ありがとうございます。

 

修正版をインストールしてみたところ、サイトのレイアウトの崩れのようなものをいくつか確認しています。

 

・ヘッダーと「コンテンツ上部」の間の余白がなくなっている

・サイドバーのどこかで余白がなくなる(現象が現在確認できなくてすみません)

 

のような感じです。

 

ラベルクリックとは無関係の箇所のようには感じますが。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

どういう状態なのかスクリーンショットいただいてもよろしいでしょうか。
もし不具合があったとしても、今回のラベルとは関係のない部分のような気がします。


   
返信引用
 mori
(@mori)
Active Member
結合: 4年前
投稿: 7
トピックスターター  

@yhira

バージョン: 2.2.4.5

.content-top,

.content-bottom {
margin: 1em 0;
}

↓↓

バージョン: 2.2.4.6

.content-top,
.content-bottom {
margin-bottom: 1.2em;
}

 

とCSSが若干変わってました。

 

ラベル修正のとは関係ない感じですね。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

ちょっと別件で仕様変更した部分があって、その影響が出てしまったなと思います。
その部分は、余白が出るように手元のファイルを修正しておきました。
次のバージョンアップで改善されるかと思います。


   
返信引用
共有:

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

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

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

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

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

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

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

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