サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
2023年10月5日 15:57
[Cocoon設定]→[画像]→サムネイル画像
表示される例えばエントリーカードの表示サイズを変更する機能ではありません。
メディアフォルダーに自動生成されるサムネイル画像自体を設定比率で作成します。https://wp-cocoon.com/thumbnail-aspect-ratio/
スキン制御により、サムネイル自動生成に影響を及ぼすと思いますが。
>わいひらさん
↑間違っていますかね?
こちらのこの部分
スキン制御により、サムネイル自動生成に影響を及ぼすと思いますが。
「サムネイル自動生成に影響を及ぼす」というのは、もともとCocoon設定でデフォルトの9:16以外になっている場合というのであっていますでしょうか。
不具合とかでない限り、個人的にできる限り作者さんの意図は尊重したいと思っております。
トピックスターター 2023年10月5日 16:35
わいひら様
検索ボタンについてご連絡ありがとうございます!
これ僕がスキンのフォルダ名を変更していたのが原因でした。
フォルダ名をgrayish-topfull → skin-grayish-topfullに戻したら表示されるようになりました。
そうだったんですね!Cocoonのサイトで検索ボタンが表示されていることを確認できました!
ご対応いただき、ありがとうございます!
Twitterのロゴがエックスに変わっていて驚きました、意外と違和感ないですね^^
grayishをCocoonに同梱させていただけるとは、大変光栄なことです・・・
勿論、同梱OKです。同梱料についてもお気遣い恐れ入ります。
メールでご連絡も承知しました。
ありがとうございます。
わいひら reacted
2023年10月5日 17:42
フォルダ名をgrayish-topfull → skin-grayish-topfullに戻したら表示されるようになりました。
同じような事が私のスキンでもあり。
ソース中に例えば、get_theme_file_uri+スキンフォルダー名と言うようにスキンフォルダー名を固定で記述する事を止めました。
以下のようにしています。
設定したスキンURLから、style.cssを削除すれば、設定している「子スキンURL(MY_SKIN_URL)」。
子テーマURLを削除すれば、「skins/スキンフォルダー名(MY_SKIN_NAME)」。
$skin_url = str_replace('style.css', '', get_skin_url()); $skin = str_replace(get_theme_file_uri() , '', $skin_url); define('MY_SKIN_URL', $skin_url); define('MY_SKIN_NAME' , $skin);
わいひら reacted
2023年10月5日 23:07
grayishをCocoonに同梱させていただけるとは、大変光栄なことです・・・
勿論、同梱OKです。同梱料についてもお気遣い恐れ入ります。
メールでご連絡も承知しました。
ありがとうございます!感謝申し上げます!
明日にでも詳細をメールで連絡させていただきます。
na2factory reacted
2023年10月5日 23:16
あと今日気づいたことが1点。
先日のaリンクと似たようなことなのですが、以下のコード部分も
.skin-grayish .appeal-button { color: var(--white); background-color: var(--skin-grayish-site-sub-color); font-weight: 400; }
以下のようにするとだめでしょうか。
.appeal-button { color: var(--white); background-color: var(--skin-grayish-site-sub-color); font-weight: 400; }
.appeal-buttonだけにしても一番優先されるCSSになるように思います。
※もし間違っていたり、意図したものだったりした場合はごめんなさい。
.appeal-buttonだけでも、僕の環境では.appeal-buttonが一番上に来るようです。
この投稿は1年前ずつわいひらに変更されました
na2factory reacted
トピックスターター 2023年10月6日 10:15
わいひらさま
appeal-buttonについて、ご確認ありがとうございます。
承知しました!
検証してみて、次のverで修正したいと思います。
わいひら reacted
2023年10月6日 11:51
>わいひらさん
再度、意見を伺いたく。
YES。
デフォルトの9:16以外を、スキン制御で9:16とした場合です。
Cocoonユーザーが今まで3:4比率でサムネイルを作成・表示してきた。
grayishに変更以降、スキン制御で9:16比率に変わり、ユーザー設定が無視され、サムネイル画像自体が9:16比率で、メディアフォルダーに登録される。
今までと同じ3:4比率としたい場合「スキン制御を解除して下さい」となり、ユーザーが戸惑いませんか?
マニュアルの注意事項見ても、影響がどこにも書かれていないので、気付かないのでは?
このようなスキンは無かったので、尚更だと思います。
トピックスターター 2023年10月6日 19:11
お世話になっております。
沢山のご指摘、ありがとうございます。
いただいた内容と、自分で発見した不具合の修正を行い、grayish v1.0.3をDownloadできるようにしております。
https://cocoon-grayish.na2-factory.com/
-------------
以下修正の概要です
- .appeal-buttonからスキン独自クラスの削除
- ブロックエディタ関連
- エディタ内でアコーディオンボックスを開いたときの高さがおかしい
- エディタ内でカテゴリの設定欄の高さがおかしい
- エディタ内のタグ設定欄の内側に四角の枠が表示される
- エディタ内でアイコンボックスの選択時のフォーカスの範囲が小さい
- エディタ内でランキングボックスのアイコンが表示されない
- プロフィールボックスのスタイル調整
- フロントページタイプをカテゴリーごと選択時、不要な余白がある
-------------
週末は私があまりPCを触れない感じになってしまいますが、
もしお時間ありましたら、修正のご確認いただければと思います。
よろしくお願いいたします。
わいひら reacted
トピックスターター 2023年10月7日 00:00
mk2さん
早速のご確認をありがとうございました!
2023年10月8日 01:17
Cocoonユーザーが今まで3:4比率でサムネイルを作成・表示してきた。
grayishに変更以降、スキン制御で9:16比率に変わり、ユーザー設定が無視され、サムネイル画像自体が9:16比率で、メディアフォルダーに登録される。今までと同じ3:4比率としたい場合「スキン制御を解除して下さい」となり、ユーザーが戸惑いませんか?
その状況になった場合は確かにユーザーさんは戸惑うかと思います。
画像などにキャプションを入れている場合、サムネイルサイズに応じて文字を入れると思うので。
サイズが変わると文字が見切れてしまうなどは考えられますね。
確かに他のサムネイル画像比率を選択できるようにしておいて、CSSでaspect-ratio:16 / 9と矯正する案は、デザインを維持しつつサムネイル画像も保持して影響は少ないように思います。
@na2factory さん
もしよろしければ僕の方で修正いたしますがいかがでしょう。
2023年10月8日 15:43
>@na2factoryさん
先に述べた文は、わいひらさんに宛てたものではありません。
よく読んで、Cocoonの概要、理解して頂ければと思います。
もしよろしければ僕の方で修正いたしますがいかがでしょう。
上記ですが、CSSに以下を追加すればいいのでは?
/* カード全般 */ .a-wrap figure img, /* CTA */ .cta-box .cta-thumb img, /* ランキング */ .ranking-box .ranking-item-image-tag img, /* Facebookボックス */ .fb-like-box .fb-like-thumb img { aspect-ratio: 16 / 9; }
わいひら reacted
トピックスターター 2023年10月8日 16:04
確認と返信が遅くなってすみません。
土日祝日は家庭の事情であまりPCさわれないもので。
>わいひら様
確かに他のサムネイル画像比率を選択できるようにしておいて、CSSでaspect-ratio:16 / 9と矯正する案は、デザインを維持しつつサムネイル画像も保持して影響は少ないように思います。
@na2factory さん
もしよろしければ僕の方で修正いたしますがいかがでしょう。
修正のお申し出ありがとうございます。
こちら、CSSでaspect-ratio:16 / 9で表示されるように修正を入れようと考えてました。
他にも修正が必要な箇所があるので、
私の方で変更してまた次verのダウンロードデータ用意させていただきたいと思います。
>chu-yaさん
何度もありがとうございます。
次verにて、スキン制御せずにCSSで対応するように修正させていただきます。
また、カスタマイザーのテキスト未入力時のご指摘もありがとうございます。
- "最新の記事"を変更
- Moreボタン "More"を変更
- Nextボタン "Next"を変更
この時、タイトル名、ボタン名(図参照)が非表示となる。
こちら、未入力の場合はデフォルト値をセットするように修正します。
以上です。
わいひら reacted
トピックスターター 2023年10月10日 08:23
お世話になっております。
>chu-yaさん
ご確認とご指摘ありがとうございます。
●現象1
[Cocoon設定]→[モバイル]→「常にサイトヘッダーロゴを表示する」オフ
モバイルの時、メインビジュアのロゴが非表示となる。
ヘッダーモバイルボタンにロゴが設定された場合、重複する。
この為、メインビジュアルからロゴを消す事も可能と言う、意図したデザインですか?
はい。意図して設定可能になっています。
メインビジュアルにロゴを表示せず、ヘッダーモバイルボタンで表示したいという
使い方もあるかもしれないと思ったので。
●現象2
[Cocoon設定]→[モバイル]→「モバイルボタン時コンテンツ下のサイドバーを表示」オン
投稿/固定ページの時、コンテンツ下にサイドバーが表示される。
この時、図に示すよう、ウィジェト(見出し、ボックスメニュー)の左右に余白がなく。
これは意図したデザインですか?
こちらは、確認漏れのミスです。
ご指摘ありがとうございます。
次バージョンで修正させていただきます。
わいひら reacted
トピックスターター 2023年10月10日 08:59
フォーラムの皆様
お世話になっております。
grayishの次バージョンにて、現在ご指摘いただいている内容の他に、以下の修正も予定しております。
明日以降になってしまうと思いますが、データが準備できましたら、またこちらに連絡させていただきたいと思います。
------
●スキン制御
Cocoon設定>インデックスのカードタイプにある、
「スマホ端末で縦型&タイル型のエントリーカードを1カラムにする」
をスキン制御項目に追加しようと思ってます。
※スキンのCSSで表示を制御しており、上記の設定はONにしても意味がない状態のため
●Cocoon設定>インデックスのフロントページタイプでカテゴリーごと(2カラム、3カラム)を選択時、
カテゴリが1つも設定されていない時にフロントページに「Categroy」のテキストが表示されるのを、
表示しないように変更
●PC時の投稿・固定ページで表示する縦表示SNSシェアボタンについて
アピールエリア・カルーセル・おすすめカード、コンテンツ上部ウィジェット等が表示された場合、表示が重なる。
縦表示ボタンは現在のフッターが見えるまで表示する仕様から、mainが表示されている間表示する仕様に変更。
●PC時のフロントページ以外のグローバルナビのサブメニューの表示について
アピールエリア〜コンテンツ上部ウィジェット等が表示された場合の動作を考慮できておらず、
ページトップにいてもサブメニューが表示されないのを修正。
●コンテンツ上部ウィジェットについて
SP時に左右に余白が入っているのを修正(プロフィールボックスについては意図した余白あり)
●他、スタイルで気になった箇所についても随時修正行います。
------
何度も恐れ入ります。
以上について宜しくお願いいたします。
わいひら reacted
トピックスターター 2023年10月12日 18:10
お世話になっております。
grayish ver1.0.4のダウンロードデータを用意させていただきました。
https://cocoon-grayish.na2-factory.com/
ーーーー 以下主な修正の内容になります。
- スキン独自テーマカスタマイザーの項目について修正
- トップページ→フロントページへ変更等、親テーマのマニュアル記載との不一致箇所の修正
- テキスト変更可能な箇所を「全体:テキスト変更」に変更
- 入力空欄時の処理(デフォルト値の設定)を追加
- スキン制御
- Cocoon設定の画像タブのサムネイル画像についてスキン制御無しへ変更
- Cocoon設定のインデックスタブのカードタイプにある、
「スマホ端末で縦型&タイル型のエントリーカードを1カラムにする」
をスキン制御項目に追加
- サムネイル画像の表示についてCSS(aspect-ratio: 16 / 9;)で縦横比率を追加
- Cocoon設定のモバイルタブの「モバイルボタン時コンテンツ下のサイドバーを表示」オンにした際に左右の余白がないのを修正
- Cocoon設定のインデックスタブのフロントページタイプでカテゴリーごと(2カラム、3カラム)を選択時、
カテゴリが1つも設定されていない時にフロントページに「Categroy」のテキストが表示されるのを、
表示しないように変更 - PC時の投稿・固定ページで表示する縦表示SNSシェアボタンについて
- mainが表示されている間、表示する仕様に変更
- PC時のフロントページ以外のグローバルナビのサブメニューの表示について
- アピールエリア〜コンテンツ上部ウィジェット等が表示される場合もページトップではサブメニューが表示されるように修正
- 他、細かいスタイルの修正
※申し訳ありませんがマニュアルの更新がまだできておりません。
今後随時修正してまいります。
ーーーー
【補足】
- サムネイル画像の表示についてCSS(aspect-ratio: 16 / 9;)で縦横比率を追加
について、以下のように追加しました。
.a-wrap figure img, .fb-like-box img { aspect-ratio: 16 / 9; }
※ランキングやCTAの画像については、アフィリエイトバナーが設定される可能性もあるのでは・・
と思ったので対象外にしました。
※他テーマからの移行の方や、サムネイル画像を9:16ではない設定にされている方が
各自の比率で一覧ページ等のカードを表示したい場合は、上記CSSを子テーマでカスタマイズしていただく、という事になると思います。(間違っていたらご指摘ください。)
以上について、お時間のある際に動作確認をお願いできればと思います。
長文で申し訳ありません。
宜しくお願いいたします。
わいひら reacted
2023年10月12日 21:38
rengelogさん
申し訳ありませんが、こちらは別の方(na2factoryさん)のトピックです。
はるさんもお書きになっている通りなのですが・・・。
トピック主さん(na2factoryさん)のスキンについてのやりとりが行われており、ここにそれ以外の話題で割り込むことは失礼になってしまうかと思います。
勝手ながら、以下のトピックへ転記させていただきました。
スキン作成のご報告(rengelog)
https://wp-cocoon.com/community/postid/74597/
rengelogさんスキンについて何かおありになる方は、上記トピックへお願い致します。
わいひら reacted
トピックスターター 2023年10月13日 11:28
ご確認ありがとうございます。
Ver.1.0.4
●画像
[Cocoon設定]→[画像]→「アイキャッチにキャプションがある場合は表示する」オン
メディアに登録したキャプション(図参照)がアイキャッチ右下に表示されます。
意図した仕様ですか?
一見、設定画面はグレーになっていますが、入力可能です。
これはCocoon設定のデフォルトのままにしています。
アイキャッチにキャプションを表示したくない場合はOFFにして使用していただく形になります。
投稿ページ上にアイキャッチを表示したくない、と言うケースがあるかと思います。
スキン制御で、アイキャッチの表示をオンとするのは、止めた方がいいかと思います。
画像タブのアイキャッチの表示「本文上にアイキャッチを表示する」をONでスキン制御している箇所についてでよろしいですか?
現状、各投稿・固定ページでアイキャッチを登録しなければ表示されないと思いますが
・全ての投稿・固定ページでアイキャッチを表示したくないケース
に対応できないから、スキン制御するべきではないというご意見でよろしいでしょうか?
このスキン制御は外してもレイアウト崩れなどの問題はないですが、
「本文上にアイキャッチを表示する」をOFFにした場合も、
フロント、一覧ページや人気記事や関連記事ウィジェット等では
No-image画像(アイキャッチを設定しているならアイキャッチ)が表示されます。
これらも全部表示OFFにできるようにするべき、となると
全体タブの「サムネイル表示」のスキン制御も外すべき、となると思います。
しかしながらgrayishはサムネイル表示OFFについては考慮できていません。
各サムネイルを表示させたくない、というニーズ(文章メインのサイト?)には応えられないスキンとなってしまいますが・・・
全体タブの「サムネイル表示」のスキン制御はこのままにしたいです。
2023年10月13日 12:01
●キャプション
拝承。
●アイキャッチ
画像タブのアイキャッチの表示「本文上にアイキャッチを表示する」をONでスキン制御している箇所についてでよろしいですか?
YES。
「本文上にアイキャッチを表示する」をOFFにした場合も、
フロント、一覧ページや人気記事や関連記事ウィジェット等では
No-image画像(アイキャッチを設定しているならアイキャッチ)が表示されます。
スキン制御から削除願います。
仕様を間違えて理解しています。
「本文上にアイキャッチを表示する」オフ(図①)
投稿ページでアイキャッチ画像を設定(図②)
投稿で設定したアイキャッチ画像が、本文上に画像が非表示となる。(図③)
設定画面に「投稿・固定ページトップにアイキャッチを表示します。」と記述されています。
実際、投稿・固定ページトップにアイキャッチを表示しないケースはあります。
エントリーカードなどのサムネイルは、NO IMAGEでなく。
設定したアイキャッチ画像が表示されます。(図④)
トピックスターター 2023年10月13日 12:47
仕様を間違えて理解しています。
スキン制御から削除して下さい。
別に削除してもいいのですが、
「本文上にアイキャッチを表示する」をOFFにすると全ての投稿・固定ページで
本文上にアイキャッチが表示されなくなりますよね?この認識が間違っています?
「本文上にアイキャッチを表示する」をOFFにすると
本文上のアイキャッチは表示されないけど、
エディタでアイキャッチ画像を設定していたらフロント等ではサムネイルとして表示されますし、
アイキャッチ画像を設定していなかったらNo-imageが表示されると書いたつもりでしたが。
No-image画像(アイキャッチを設定しているならアイキャッチ)が表示されます。
↓エディタでアイキャッチ画像設定していなければNo-imageになりますよね?これが間違っていますか?
エントリーカードには、NO IMAGEでなく、サムネイルとして表示されます。(図④)
本文にはアイキャッチ画像を表示したくないけど、
フロント等には(エディタでアイキャッチ画像設定していれば)
サムネイル表示されます。
このような使用方法をしたい方が一定数いると想定されて
「スキン制御から削除して下さい。」
と強くおっしゃられているということですか?
トピックスターター 2023年10月13日 12:49
2023年10月13日 12:55
「本文上にアイキャッチを表示する」をOFFにすると全ての投稿・固定ページで
本文上にアイキャッチが表示されなくなりますよね?この認識が間違っています?
あっています。
↓エディタでアイキャッチ画像設定していなければNo-imageになりますよね?これが間違っていますか?
あっています。
本文にはアイキャッチ画像を表示したくないけど、
フロント等には(エディタでアイキャッチ画像設定していれば)
サムネイル表示されます。
このような使用方法をしたい方が一定数いると想定されて
「スキン制御から削除して下さい。」
と強くおっしゃられているということですか?
YES。
投稿・固定ページトップに表示するかしないかは、ユーザー任せでいいと思います。
それこそ、先のキャプチャの方が不要だと、私は思います。
オフしても、単に投稿・固定ページトップにアイキャッチが表示されないだけで、スキンには何の影響もないと思いますが。
わいひら reacted
2023年10月13日 14:48
Ver.1.0.4
●ボックスメニュー
アイコンの場合、カスタマイザーで設定した色が、反映されない仕様でしょうか?
●補足
Cocoon公式マニュアルでは、キーカラーで色変更でき。
スキンは、キーカラーがスキン制御で、入力不可となっています。
https://wp-cocoon.com/box-menu-shortcode/
わいひら reacted
2023年10月13日 16:59
Ver.1.0.4
●通知エリア
「通知タイプ」を選択しても、通知エリアの背景色が変わらない。
以下で設定した色となる。
[全体:カラー設定]→メイン薄い青色
スキン制御で選択不可としては?
わいひら reacted
2023年10月13日 19:33
grayish ver1.0.4のダウンロードデータを用意させていただきました。
最新版を当サイトにも適用してみました。
https://wp-cocoon.com/?theme-switch=skin-grayish-topfull
.appeal-buttonのCSSの詳細度が親テーマと変わらなくなったおかげで、同サイトアピールエリアののボタンでもCSS子テーマのstyle.cssが優先されることになり、子テーマに書いたものが上書きされることはなくなりました。
chu-yaさんが書かれた以外の、その他の不具合については、簡単に見た感じではないように思います。
na2factory reacted
トピックスターター 2023年10月16日 09:53
お世話になっております。
わいひら様
v1.0.4についてご確認、ありがとうございます。
現在ご指摘いただいている内容の修正と、
ウィジェットやCocoonブロックについて見直したい箇所がいくつかありますので、
またv1.0.5が準備できましたら連絡させていただきます。
少々お時間いただいてしまいますが、どうぞ宜しくお願いいたします。
わいひら reacted
トピックスターター 2023年10月16日 10:00
chu-yaさん
ご指摘ありがとうございます。
Ver1.0.4
●ページ送りナビ
こちら次バージョンで修正させていただきます。
●ヘッダー
仕様です。
●目次
意図したデザインです。
以上になります。
トピックスターター 2023年10月24日 19:08
お世話になっております。
grayishのv1.0.5のダウンロードデータを用意させていただきました。
https://cocoon-grayish.na2-factory.com/
以下修正内容です。
ーーー
- コメントの画像についてaspect-ratio対象外に変更
- 投稿のページ送りナビ(デフォルト)について最初の投稿の時、NEXTボタンが左寄りになってしまう現象を修正
- 投稿のページ送りナビについてホバー時に背景色を付けていたのを無しに変更
- 投稿のページ送りナビについて「表示タイプ」をデフォルトに固定(スキン制御)
- ボックスメニューについてFontAwesome5のアイコン使用時のカラー変更対応
- スキン制御
- Cocoon設定の画像タブの「本文上にアイキャッチを表示する」を対象外に変更
- Cocoon設定の通知タブの「通知タイプ」をスキン制御に追加
- Cocoon設定の投稿タブの「ページ送りナビ設定 表示タイプ」をデフォルトにスキン制御追加
- フッターにウィジェットが無い場合はフッターのロゴ上の線を表示しないように変更
- フッターにウィジェットを置いた場合にスタイルが当たっていなかった物を修正
- プロフィールボックスとブログカードについて、エディタでカラムレイアウト(Cocoonレイアウトやコアのカラムブロック)時のスタイル等を追加
- スキン独自テーマカスタマイザー
- 各項目にマニュアルページのリンクを追加
- ヘッダーに表示するSNSアイコン エックス(旧Twitter)対応
- その他細かいスタイルの調整や不具合修正
ーーー
マニュアルも修正中です。
ご多忙の中恐れ入りますが、動作をご確認いただければと思います。
以上です。
わいひら reacted
2023年10月24日 19:55
@na2factory さん
アップデートありがとうございます!
次のバージョンアップ(v2.6.9)でgrayishスキンを同梱させていただこうと考えております。
v2.6.9にバージョンアップする際にメール等で連絡させていただきます。
よろしくお願いいたします。
当サイトのgrayishスキンもv1.0.5にアップデートさせていただきました。
https://wp-cocoon.com/?theme-switch=skin-grayish-topfull
na2factory reacted
2023年10月24日 20:05
Ver.1.0.4で確認しており、Ver.1.0.5では修正されていました。
この為、投稿を削除しました。
トピックスターター 2023年10月25日 02:08
@yhira さん
ご連絡ありがとうございます!
v2.6.9で、承知しました!
ただ、現在分かっている不具合は早急に対応させていただいて、すぐデータを出し直したいのですが、それでも大丈夫でしょうか・・・
申し訳ありません、宜しくお願いいたします。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。