サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023年10月25日 02:19
テーブルについてご確認ありがとうございます。
Ver.1.0.5
テーブルなのに、スクロールヒントのデザインが異なる。
すみません。こちら、再現できておりません。
テーブルのスクロールヒントのスタイルは以下が当たるはずなんですが
何かで上書きされているんでしょうか？
.skin-grayish :where(.wp-block-table, .under-entry-content .related-list) .scroll-hint-icon {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--skin-grayish-cat-back);
width: 80px;
border-radius: 99%;
top: calc(50% - 30px);
left: unset;
right: 20px;
}
Topic starter
2023年10月25日 11:24
CSSに間違いがあります。
なぜCSSクラスがwp-block-tableなのですか？
ScrollHintの対象はtableです。
元々スキンの仕様でテーブルブロックについてスクロールヒントの独自スタイルを追加、としていたからです。
https://cocoon-grayish.na2-factory.com/block-sample-core/
ですが、テーブルブロック以外にも中途半端にスタイルが当たっているのはおかしいので
テーブルブロックという指定は次verで外します。
以上になります。
わいひら reacted
Topic starter
2023年10月25日 17:45
@yhira さま
grayishのv1.0.6のダウンロードデータを用意させていただきました。
https://cocoon-grayish.na2-factory.com/
以下修正内容になります。
ーーー
- コンテンツ下部にウィジェットを置いた場合、幅が狭くなる不具合修正
- スクロールヒントのスキンスタイルを全てのテーブル対象へ変更
- その他細かいスタイルの修正など
ーーー
どうぞ宜しくお願いいたします。
わいひら reacted
2023年10月25日 19:28
ただ、現在分かっている不具合は早急に対応させていただいて、すぐデータを出し直したいのですが、それでも大丈夫でしょうか・・・
全然大丈夫です。
特に急いではいないのでゆっくりでも大丈夫ですよ。
na2factory reacted
2023年10月25日 19:31
タブを開いて他のトピックへの返信を書いている間にいっぱい返信が…。
grayishのv1.0.6のダウンロードデータを用意させていただきました。
https://cocoon-grayish.na2-factory.com/
以下修正内容になります。
ありがとうございます。
後で確認してみます。
na2factory reacted
2023年10月25日 19:53
v2.6.9で、承知しました！
grayishスキンの紹介記事を書くのにgrayishサイトの画像とかキャプチャーを使用してもよろしいでしょうか。
na2factory reacted
Topic starter
2023年10月25日 22:49
grayishスキンの紹介記事を書くのにgrayishサイトの画像とかキャプチャーを使用してもよろしいでしょうか。
お世話になります。
紹介記事ありがとうございます！！
勿論大丈夫です！いくらでも使って下さい！
2023年10月26日 01:34
Ver.1.0.6
●現象
「新着記事」などのカードブロックの設定で以下とする。
- 大きなサムネイルにタイトル重ねる
- 説明文の表示
行数が多いと、途中でスニペットが見切れる。
2023年10月26日 01:45
Ver.1.0.6
●現象
[本文]→「横幅の広いテーブルは横スクロール」をオンとする。
セルは折り返さなくなる。(white-space: nowrap)
これにより、テーブル全体の高さが狭くなり、スクロールヒントが欠けて表示される場合がある。
これは仕方ないと思いますが、念のために確認です。
●余談
CSSのベンダープレフィックス記述について。
例：display:flexなど、既にサポートされているCSSプロパティについても記述しており。
マニュアルに、推奨動作環境を書かれており、必要でしょうか？
私なら付けませんが。
2023年10月26日 01:55
Ver.1.0.6
●現象
「新着記事」などのカードブロックの設定で以下とする。
- 表示カードタイプ「カードに枠線を表示する」
- 「横並び表示」オン
- 「説明文の表示」オン
先と同様、スニペットの行数により、カードの高さがまちまちになり。
枠線を付けると、枠線が無い時より明確になるので、気になり。
意図したデザインですか？
2023年10月26日 10:59
Ver.1.0.6
●functions.php
作りが冗長的で、問題はありませんが、get_theme_modの使い方が変です。
if文は不要で、$main_colorの代入だけでOKです。
if (get_theme_mod('colorpicker_main_blue_T0', '#AAC2D2')) {
$main_color = esc_attr(get_theme_mod('colorpicker_main_blue_T0', '#AAC2D2'));
} else {
$main_color = '#AAC2D2';
}
●説明
カスタマイザーの保存先は、DBのwp_optionsテーブルのtheme_mods_テーマ名(cocoon-child-master)となります。
get_theme_modは、第1パラメータで指定した変数がDBに存在しない場合、第2パラメータの値を返却します。
●ご参考
https://developer.wordpress.org/reference/functions/get_theme_mod/
2023年10月26日 11:22
Ver.1.0.6
●functions.php
不透明度で、先頭に0.5があり、並びが昇順0→1.0ではなく不自然。
●説明
WP_Customize_Manager::add_settingで、defaultを設定すると、初期表示の時、この値が選択れます。
ChromeのデベロッパーでHTMLを見れば分かりまが、selectタグにselected属性が付きます。
この為、配列の先頭に記述する必要はありません。
Topic starter
2023年10月26日 11:52
Ver.1.0.6
●現象
「新着記事」などのカードブロックの設定で以下とする。
- 大きなサムネイルにタイトル重ねる
- 説明文の表示
行数が多いと、途中でスニペットが見切れる。
Cocoonのデフォルト（スキンなし）と同じ動作になります。
カードブロックについてスキンで構造を変えるようなカスタマイズは行ってないです。
添付：Cocoon（2.6.8.4）スキンなしでの新着記事ブロックで指摘と同じ設定で確認した画像です。
Topic starter
2023年10月26日 11:55
Ver.1.0.6
●現象
「新着記事」などのカードブロックの設定で以下とする。
- 表示カードタイプ「カードに枠線を表示する」
- 「横並び表示」オン
- 「説明文の表示」オン
先と同様、スニペットの行数により、カードの高さがまちまちになり。
枠線を付けると、枠線が無い時より明確になるので、気になり。
こちらも、Cocoonデフォルトと同じ表示になってると思います。
Topic starter
2023年10月26日 11:58
Ver.1.0.6
●現象
[本文]→「横幅の広いテーブルは横スクロール」をオンとする。
セルは折り返さなくなる。(white-space: nowrap)
これにより、テーブル全体の高さが狭くなり、スクロールヒントが欠けて表示される場合がある。これは仕方ないと思いますが、念のために確認です。
はい。そのようにスクロールヒントが欠けて表示される場合があることは承知しています。
マニュアルに欠けるケースも載せておきたいと思います。
2023年10月26日 12:17
上記の件、拝承。
Ver.1.0.6
●現象
カスタマイザーのプロフィール画像の挙動がおかしい。
[カスタマイズ]→[プロフィールボックス]の画像アップロードで画像を選択し、[公開]。
[×]でカスタマイザーを閉じる。
メディアから、プロフィール画像を削除する。
リロードし、再度、[プロフィールボックス]を開くと図のように、何もないプレビューが表示される。
また「デフォルト」ボタンが現れる。
●原因
defaultに前回保存した、画像URLを設定している。
既にメディアから削除されている為、プレビューに表示されなくなる。
また、defaultとする為、「デフォルト」ボタンが表示される。
既にメディアから削除されている為、プレビューに表示されなくなる。
また、defaultとする為、「デフォルト」ボタンが表示される。
①スキン側でデフォルト画像が用意されていないのに、defaultを記述するのは間違い。
②メディアから取得するにコールバックしチェックする必要がない。
$wp_customize->add_setting(
'undercon_profbg_image',
array(
'default' => get_theme_mod('undercon_profbg_image'), // これを入れないとアップロードした画像のプレビューが消えてしまう①
'sanitize_callback' => 'esc_url_raw'②
)
);
●対策
以下だけで問題ないと思いますが。
$wp_customize->add_setting('undercon_profbg_image');
$wp_customize->add_control(
new WP_Customize_Image_Control(
$wp_customize,
'undercon_profbg_image',
array(
'section' => 'under_contents_section', // 紐づけるセクションIDを指定
'settings' => 'undercon_profbg_image', // 紐づける設定IDを指定
'label' => '画像アップロード',
'description' => 'プロフィールボックスの背景に設定したい画像を選択'
)
)
);
}
●ご参考
functions.phpですが、コードレビューさせて頂きました。
私なら、ユーザーの使い勝手を考慮し、カスタマイザーを簡潔に以下のようにします。
スキン内のフォルダー構成を変えてあります。
functions.php以外は、Ver.1.0.6のままです
2023年10月27日 11:42
@na2factory さん
今回chu-yaさんにご報告いただいたものにCocoon由来の問題が含む部分もあるみたいです。Cocoonの問題も含めてgrayishスキンの修正も兼ね合いを見ながら統合的に修正するために、修正もこちら（わいひら）でやらせていただくことは可能でしょうか。
grayishスキンのデザインや動作はできる限り買えず、スキンの製作意図にそった修正を心がけます。
修正が終わった際には修正ファイルを送らせていただきます。
こちらの都合で無理を言ってるかもしれず申し訳ありません。よろしくお願い致します。
na2factory reacted
2023年10月27日 11:48
Cocoon由来の問題が含む部分
こう言う部分があると気付いているなら、スキンを提供する側として、事前に問合せ確認する。
その上で、どうデザイン設計するか？だと私は思います。
2023年10月27日 11:51
この部分も含め、スキンを提供する側として、どうデザイン設計するか？だと私は思います。
僕はまずここはCocoonが修正しないとだめな部分だと思っています。
na2factory reacted
Topic starter
2023年10月27日 12:18
@yhira さま
お世話になっております。
今回chu-yaさんにご報告いただいたものにCocoon由来の問題が含む部分もあるみたいです。Cocoonの問題も含めてgrayishスキンの修正も兼ね合いを見ながら統合的に修正するために、修正もこちら（わいひら）でやらせていただくことは可能でしょうか。
grayishスキンのデザインや動作はできる限り買えず、スキンの製作意図にそった修正を心がけます。
修正が終わった際には修正ファイルを送らせていただきます。
こちらの都合で無理を言ってるかもしれず申し訳ありません。よろしくお願い致します。
はい、修正していただいて、全く問題ございません。
現状、私の対応できる時間が限られておりご迷惑をおかけしているので、お任せできればと思います。
お手数をおかけして、本当に申し訳ありません。
こちらご許可いただきありがとうございます！
とんでもないです！逆にありがとうございます。
以上について宜しくお願いいたします。
2023年10月27日 12:52
現状、私の対応できる時間が限られており
これは言うべきではないと、私は思います。
スキンをデバッグしている方々も、限られた時間の中で対応しています。
失礼だと思いませんか？
急ぎスキン提供する必要はなく、完成度を高めリリースするのが本来ある姿ではありませんか？
2023年10月27日 19:21
こう言う部分があると気付いているなら、スキンを提供する側として、事前に問合せ確認する。
これは言うべきではないと、私は思います。
スキンをデバッグしている方々も、限られた時間の中で対応しています。
失礼だと思いませんか？
急ぎスキン提供する必要はなく、完成度を高めリリースするのが本来ある姿ではありませんか？
恐れながら人それぞれ開発手法があるので、自身のやり方を強制すべきではないと思っております。
僕もそれに見合う報酬をお支払いできるわけではないかもしれないので、心苦しいです。
先日メールでna2factoryさんとライセンス関係のことをやり取りをさせていただきました。na2factoryさんも、自身の仕事があり空いた時間が限られてる中、これだけ完成度の高いgrayishスキンを作ってくださったようです。今回の修正も時間のない中、対応してくださっっていたのではないかと思っております。
そんな時に、僕が作業して問題ないものは、作業をフォローさせていただいても良いのではないかと思いました。
今回のリファクタリングに関する部分などは僕が完成度を高めても問題ないと思うのです。
※もちろんデザインに関する部分は、僕が勝手にこねくり回してはいけないのでna2factoryさんのご負担にならないように質問させていただくことはあるかもしれません。
いずれにせよgrayishスキンが、同梱された後では基本的に僕が修正することになります。
それが少し早まったぐらいに思っていただければ幸いです。
This post was modified 1年前 by わいひら
2023年10月29日 15:39
Ver.1.0.6
●現象
「新着記事」などのカードブロックの設定で以下とする。
- 表示カードタイプ「カードに枠線を表示する」
- 「横並び表示」オン
- 「説明文の表示」オン
先と同様、スニペットの行数により、カードの高さがまちまちになり。
枠線を付けると、枠線が無い時より明確になるので、気になり。意図したデザインですか？
こちらについてはCocoonの親テーマの方で修正させていただきました。
ご指摘いただきありがとうございます。
2023年10月29日 15:40
●ご参考functions.phpですが、コードレビューさせて頂きました。私なら、ユーザーの使い勝手を考慮し、カスタマイザーを簡潔に以下のようにします。スキン内のフォルダー構成を変えてあります。functions.php以外は、Ver.1.0.6のままです
遅くなって申し訳ないです。
こちらの方も確認してみます。
2023年10月30日 22:35
●ご参考functions.phpですが、コードレビューさせて頂きました。私なら、ユーザーの使い勝手を考慮し、カスタマイザーを簡潔に以下のようにします。スキン内のフォルダー構成を変えてあります。functions.php以外は、Ver.1.0.6のままです
こちら確認させていただきました。
UIが簡潔になり分かりやすくなっていると思います。
ただ、こちらのコードを使用させていただくとき「（chu-ya）」ってやっぱ必要でしょうか？
スキンのstyle.cssのAuthor URIの下にSpecial Thanksとかを設けて記述するのではダメでしょうか。
https://github.com/xserver-inc/cocoon/blob/526efa8b97bbc4ca88e5ea604d3e5cde75ef83e0/skins/skin-grayish-topfull/style.css#L8
もちろんリファクタリングも大変でしたでしょうが、スキン作成（サイト作成）されたAuthorは、Na2factoryさんなので単一作者表記でいかせていただけたらと存じます。
2023年10月31日 09:30
●補足
元スキンと、私の修正版スキンと、両方をサーバーに入れており。
その際、Cocoon設定に表示される、スキン名を区別する為に、追記しました。
わいひら reacted
2023年10月31日 19:30
そうだったんですね。承知いたしました。ありがとうございます。
動作確認も改めてしてみます。
2023年11月2日 22:20
●ご参考functions.phpですが、コードレビューさせて頂きました。私なら、ユーザーの使い勝手を考慮し、カスタマイザーを簡潔に以下のようにします。スキン内のフォルダー構成を変えてあります。functions.php以外は、Ver.1.0.6のままです
このコードの対応を検討する上で色々動作させながら調べている時にふとgrayishスキンサイトを見るとマニュアルが全て変更前のもので書かれていたので、恐れ入りますが以下の対応だけ行ってコードの適用はやめることとしました。
https://wp-cocoon.com/community/postid/74977/
https://wp-cocoon.com/community/postid/74984/
ちょっとお忙しい中「サイトのマニュアル全てを書き換えてください」なんてことは、とてもじゃないけど僕としもお願いできないです。
コードを有効活用できず申し訳ありません。
2023年11月4日 00:09
隙間時間に、functions.phpを見直してみました。
使うか否かはお任せします。
大元のメニューは既存のままとし、機能単位に纏めました。
尚、テストは十分ではありません。
●ご参考
2.6.8.9同梱のスキン1.0.6に対し以下を見直し
●改善
- functions.phpを機能単位に、ファイル分割。
- tmp-grayishフォルダー→tmpに変更。
- コピーしたテンプレートtmp-grayish/cstm-mobile-search-button.phpを止め、親のtmp/mobile-search-buttonを参照。
- get_site_icon_fontの返却値を、Fontawesine5固定としていたのを止め、option.csvに定義。
- カスタマイザー透過度の並びを昇順に変更。
- WP_Customize_Controlのvalue値、get_theme_modの使い方の見直し。
●バグ対策
- カスタマイザープロフィール背景画像WP_Customize_Image_Controlの使い方の誤りを修正。
- [Cocoon設定]→[全体]→サイトフォント「ヒラギノ角」を選択しても「メイリオ」になってしまう。
https://drive.google.com/file/d/1HT7RPomyFaUXxZQSZWYmxrnVUER5OmbI/view?usp=drive_link
わいひら reacted
2023年11月6日 02:49
各所でwp_headを呼び出し、CSSを追加しており。
これを、CSS用テンプレートtmp/css-custom.phpを新設し纏めました。
●補足
以前、私が気付いたfunctions.phpの問題は、修正してあります。
わいひら reacted
2023年11月10日 11:29
ありがとうございます。
こちら後で時間がある時に確認してみます。
固定ページ 3 / 3
前へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。