サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2022年10月14日 18:47
WordPress 6.1のRC版が利用できるようになりました。
これを書いている時点では、RC1です。
このトピックに、WordPress 6.1 RC版で確認していった結果を書いていこうと思います。
(WordPress 6.1で、何が機能追加されたのは、まだ確認していません・・・)
不具合ということではなく、「違い」というものも書いていくと思います。
わいひら reacted
トピックスターター 2022年10月14日 18:51
まだ確認を始めたばかりで、「段落ブロック」しか確認しておりません。
これから書くことは、おそらく不具合というよりは、仕様の「違い」なのかもしれないです。
その「違い」を挙げておこうと思います。
確認は、
- Cocoon 2.5.0.3
- WordPress公式テーマ「Twenty Twenty-Three」
上記の2テーマを比較しています。
ただ、「Twenty Twenty-Three」にあって、「Twenty Twenty-One」にはない。
そういうものもあるようですので、単に仕様の「違い」と言えるものもあるかもしれませんが、ご容赦ください。
(現時点で「Twenty Twenty-One」の修正が追いついていないのか、ただの違いなのか・・・)
今回は「段落ブロック」です。
Cocoon
Twenty Twenty-Three
1.色
Cocoon
Twenty Twenty-Three
「リンク」という部分が、Cocoonには無いようです。
2.タイポグラフィ
Cocoon
Twenty Twenty-Three
①フォント
Cocoonは表示されていないようです。
以下の画像のように、Cocoonは「フォント」がグレーアウトされていて、チェックはあるのですが表示はされていないようです。
②サイズ
a.サイズのボタン?みたいなものが、Cocoonにはないです。
Twenty Twenty-Threeで、この部分を選択すると、以下のように「px単位」で指定ができるみたいです。
b.「XXL」の指定が、Cocoonには無いようです。
③行の高さ
この項目も、Cocoonには無いようです。
④ドロップギャップ
これは言わなくても良い気もしますが、Cocoonのみですね。
3.寸法
この項目もCocoonには無いようです。
Twenty Twenty-Threeでは、paddingやmarginが指定できるみたいです。
今のところ、「段落ブロック」で気づいた箇所は以上です。
わいひら reacted
トピックスターター 2022年10月14日 20:01
そうなんです。
どの部分か忘れましたが、「Twenty Twenty-One」には無いものもありました。
そういう意味では、テーマ仕様の「違い」なのかどうか、良く分からないところです。
2022年10月14日 20:04
ちなみに他のテーマで試してみたら以下のような状況でした。
・Twenty Twenty-One:表示されない
・Twenty Twenty-Two:表示される
・Twenty Twenty-Three:表示される
・某有料テーマ:表示されない
Twenty Twenty-OneとTwenty Twenty-Twoの違いは、ブロックテーマかどうかです。
これはあくまで推測なんですが、おそらくクラシックテーマだとそういった機能に対応されていないのではないかと思います。
もしブロックテーマかどうかで機能が分かれるのであれば、ちょっと対応は難しいかもしれませんね。
トピックスターター 2022年10月14日 20:07
これはあくまで推測なんですが、おそらくクラシックテーマだとそういった機能に対応されていないのではないかと思います。
もしブロックテーマかどうかで機能が分かれるのであれば、ちょっと対応は難しいかもしれませんね。
なるほどです。
プロックテーマにしか対応しないのだとしたら、仕方ないですね。
これから、そういうものが増えていくのかもしれないですね、WordPressって。
トピックスターター 2022年10月14日 22:58
クラシックテーマとブロックテーマの違い。
上記を考えた方が良いかもしれないみたいですので、今度は比較対象を「Twenty Twenty-One」にしました。
同じく「段落ブロック」です。
「Twenty Twenty-One」との比較だと、違いは少ないですね。
Cocoon
Twenty Twenty-One
1.タイポグラフィ
Cocoon
Twenty Twenty-One
①サイズ
a.サイズ選択
サイズの選択が、Twenty Twenty-Oneは、ドロップダウンになっているみたいです。
また、ドロップダウンを選択した場合の選択肢も、多いです。
b.px指定
Twenty Twenty-Oneは、サイズの右上のスイッチ?みたいなものを選ぶと、「px指定」ができるようになります。
先程のドロップダウンの「カスタム」を選択した場合も、「px指定」できるようです。
②行の高さ
Twenty Twenty-Oneでは、「行の高さ」が指定できるようです。
(Cocoonには無い)
(Cocoonには無い)
2.寸法
Twenty Twenty-Oneでは、「寸法」が指定できるようです。
(Cocoonには無い)
(Cocoonには無い)
Twenty Twenty-Oneで指定できるのは、paddingのみのようです。
(Twenty Twenty-Threeでは、marginも指定できました)
展開すると、「px指定」できたり、上下左右が指定できるのは、Twenty Twenty-Threeと同じでした。
とりあえず今日は、段落ブロックだけで。
ブロックテーマ、クラシックテーマも見ていかねばならないとなると・・・。
少し大変ですね。
少し大変ですね。
わいひら and Yamachan11 reacted
トピックスターター 2022年10月15日 21:50
先に、Cocoonブロックの確認を始めました。
まだ途中ですが、儀いたものを先に書いてしまいます。
(忘れそうで・・・)
「アイコンリスト」のリスト部分が、エディタ上で少し段差があるように見えるようです。
(ページ表示には、影響ありませんでした)
WordPress 6.1 RC1
WordPress 6.0.2
ここからは特に不具合と言うことではありません。
WordPress 6.1になって、変わった様子な箇所を書いておきます。
WordPress側の「リスト」ブロックに変更があったようで、その影響かもしれないです。
「Twenty-Twenty-One」で確認しました。
「Twenty-Twenty-One」で確認しました。
WordPress 6.1
WordPress 6.0.2
リスト項目の移動ができるようになったり、「番号付きリスト」への変更の操作が変わったようです。
リスト項目の移動は、Cocoonでもできるようになっていました。
「番号付きリスト」(6.1では「順序付きリスト」)の操作は、リスト全体を選択した時にできるみたいです
(以下の添付画像)
(以下の添付画像)
リスト項目1つだけ選択時にはできなくなったようです。
(この辺りの操作は、「Twenty-Twenty-One」と同様です)
上のGIFでは「番号付きリスト」への変更が表示されていないです。
WordPress 6.1 RC1と6.0.2の対比のところでも分かると思います。
WordPress 6.1 RC1と6.0.2の対比のところでも分かると思います。
トピックスターター 2022年10月16日 19:06
今日までに、Cocoonブロックについては、一通り確認したと思います。
先に書いたもの以外は、他に気づきませんでした。
2022年10月16日 19:09
検証ありがとうございます!!
b.px指定Twenty Twenty-Oneは、サイズの右上のスイッチ?みたいなものを選ぶと、「px指定」ができるようになります。
これについては、以下の部分でカスタムフォントサイズのサイズ変更無効にしているからかと思われます。
https://github.com/xserver-inc/cocoon/blob/cbab7d230922ad6f21deb2aa4cfde3db1d24fbd7/blocks/src/init.php#L276
Cocoonでこのようにしているのは以下の理由があります。
・ツールバーで選択式で文字列が変更できるという代替機能もあるから
・もともとはAMP対応のためインラインスタイルにしたくなかったから
今後、AMPをやめるときがあれば使用できるようにしてもいいのかもしれません。
2022年10月16日 19:10
②行の高さTwenty Twenty-Oneでは、「行の高さ」が指定できるようです。
(Cocoonには無い)
これについては、コードを追加して有効にしておかないとだめなようです。
コードを追加しておきました。
https://github.com/xserver-inc/cocoon/blob/cbab7d230922ad6f21deb2aa4cfde3db1d24fbd7/blocks/src/init.php#L278
2022年10月16日 19:11
2.寸法Twenty Twenty-Oneでは、「寸法」が指定できるようです。
(Cocoonには無い)
これについてもコードを追加して有効にしてやらないとだめなようです。
こちらもCocoonにコードを追加しておきました。
https://github.com/xserver-inc/cocoon/blob/cbab7d230922ad6f21deb2aa4cfde3db1d24fbd7/blocks/src/init.php#L280
トピックスターター 2022年10月16日 19:28
b.px指定Twenty Twenty-Oneは、サイズの右上のスイッチ?みたいなものを選ぶと、「px指定」ができるようになります。これについては、以下の部分でカスタムフォントサイズのサイズ変更無効にしているからかと思われます。
https://github.com/xserver-inc/cocoon/blob/cbab7d230922ad6f21deb2aa4cfde3db1d24fbd7/blocks/src/init.php#L276Cocoonでこのようにしているのは以下の理由があります。
・ツールバーで選択式で文字列が変更できるという代替機能もあるから
・もともとはAMP対応のためインラインスタイルにしたくなかったから今後、AMPをやめるときがあれば使用できるようにしてもいいのかもしれません。
こちらの件は了解です。
これもAMPの影響でしたか・・・。
2022年10月16日 19:28
「アイコンリスト」のリスト部分が、エディタ上で少し段差があるように見えるようです。
(ページ表示には、影響ありませんでした)WordPress 6.1 RC1
こちら最新版で修正しておきました。
https://github.com/xserver-inc/cocoon/commit/f9f46a96e29b975cc52a728c224a6dd3c3124cc9
何かliとliの間が空いているなと思ったら途中でもリストの追加ができるようになっているんですね…(添付画像)。
それにしてもブロックエディターはしばらくみていないと劇的に変わっちゃいますね。
トピックスターター 2022年10月16日 19:38
ご対応いただきありがとうございます。
「アイコンリスト」が修正されていることを、確認しました。
何かliとliの間が空いているなと思ったら途中でもリストの追加ができるようになっているんですね…
本当ですね。
気づきませんでした・・・。
細かいところで変わっていますね。
もしかすると、他にも気づいていないところがあるのかもしれないです。
6.1正式リリースまで、少しずつですが、いろいろ操作して試してみようと思います。
わいひら reacted
2022年10月16日 20:56
ご確認いただきありがとうございます!
「寸法」は、少し「Twenty-Twenty-One」とは、選択できる単位が違うみたいです。
どうやら以下のコードを追加していなかったのが原因のようです。
https://github.com/xserver-inc/cocoon/commit/74aee2ad5ee3744053e65147791cc48d1a0b2bd8
Twenty-Twenty-Oneのソースコードには添付画像のように「これは WordPress 5.6 で削除された」みたいなことが書かれていたので追加しなかったんですが、今試してみたらまだ対応しているようですね。
トピックスターター 2022年10月16日 22:11
ご対応いただきありがとうございます。
「Twenty-Twenty-One」と同じになったことを確認しました。
そんなこんなしていたら、マウスが壊れたかもしれないです・・・。
ギリギリ動きますけど💧
トピックスターター 2022年10月16日 22:47
「画像」ブロックにも、変更があったみたいです。
「Twenty Twenty-One」には、「スタイル」に、「枠線」「フレーム」というものが増えています。
「Cocoon」では、これらは表示されていないようです。
ちなみに・・・ですが。
「Twenty Twenty-Three」では、「スタイル」は増えていませんでした。
しかし、「枠線」という項目が増えていて、四辺四角を直接変更できるみたいです。
インラインで追加されるみたいです。
「Twenty Twenty-Three」で、上記のように編集したものを、「Twenty Twenty-One」で開いてみると、そのまま反映されていました。
(編集はできませんが)
同様に「Cocoon」で開くと、角丸は反映されていますが、枠線は反映されないみたいです。
(テーマが違いますから、そこまで確認しなくても良いと思うのですが・・・)
(テーマが違いますから、そこまで確認しなくても良いと思うのですが・・・)
トピックスターター 2022年10月18日 00:35
これについてはTwenty Twenty-Oneテーマが独自にregister_block_styleで追加しているものみたいです。
なるほどです。
仰る通り「Twenty Twenty-One」独自なんですね。
「Twenty Nineteen」や「Twenty Twenty」には、ありませんでした。
独自スタイルについてはCocoonでも、Cocoon設定の「画像」タブの「画像の囲み効果」にあるスタイルを個別に設定できるようにスタイルを追加しても良いのかもしれませんね。
白色だけの画像ならはっきりとはわかるけど。
ブロックエディターのスタイル機能として追加するなら、もっとわかりやすいものを追加した方が良いのかもしれませんね。
こちらは、ご検討いただいても良いかもしれないです。
どれくらい需要があるかだとは思いますけれど。
私は基本的には画像に枠線はつけないですが・・・。
ただ、メインカラム背景色と同化し境目がはっきりしない画像には、枠線を追加しています。
そういう需要はあるのかもしれないですね。
わいひら reacted
2022年10月18日 20:28
ギャラリーブロックは、ややこしくて原因を探るのに時間がかかってしまいました。
ギャラリーブロックのカラムが正しく動作するように修正してみました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2022年10月18日 20:32
こちらは、ご検討いただいても良いかもしれないです。
どれくらい需要があるかだとは思いますけれど。
Cocoon設定にあるような枠線程度のスタイルであれば、おそらく需要はないように思います 😓
エディター上では見た目が変わったかどうかも分からないですし^^;
何かあった方が良いスタイル…と考えているんですけど、僕だったら画像は出来る限りそのまま表示したいので、全然思いつかないんですよね。一番見せたいのは画像なので。
トピックスターター 2022年10月18日 22:09
ご対応いただきありがとうございます。
「ギャラリー」ブロックが編集画面の表示が、実際のページ表示と一致していることを確認しました。
WordPress標準のブロックでも、影響があるものがあるのですね。
他のWordPress標準のブロックも、確認した方が良いのかも・・・ですね。
(今日は確認していないのです、あまり時間がとれず・・・)
わいひら reacted
トピックスターター 2022年10月18日 22:14
僕だったら画像は出来る限りそのまま表示したいので、全然思いつかないんですよね。一番見せたいのは画像なので。
これは同意ですね。
私も、基本的には写真に枠線はつけていないです。
操作方法説明のために、自サイトのキャプチャをした際に、境目が分からなくて、枠線をつけたことはあるのですけど。
漠然と思うのは、「Twenty Twenty-Three」のように4辺の変更はできなくても良いと思うのですけど。
枠線の太さや色が選べると良いなぁ…くらいには思います。
ただ、使うかと言われると、確かにあまり使わないんですよね。
他の方がどんなカスタマイズ等なさっているのか、少し見てみようかと思います。
2022年10月19日 21:27
ご確認いただきありがとうございます。
漠然と思うのは、「Twenty Twenty-Three」のように4辺の変更はできなくても良いと思うのですけど。
ほんまこれ、ですね。
個別の画像に個別の枠線を設定したいとも思ったこともないのに、4辺の変更なんて…使う人がおられるのかなとは思いますね。
何かしら需要があって実装されたのでしょうけど。
トピックスターター 2022年10月20日 01:24
はい、そうなんですよねぇ・・・。
画像は、もう少し探してみます。
今日はRC版の確認はできませんでした。
明日以降に確認しようと思います。
(おそらくRC2になっているはずですし)
わいひら reacted
2022年10月21日 19:25
フレームとかならやっている人はたまに見かけるかもしれませんね。
アルバム風というのにヒントを得て画像をセピアにするだけのスタイルとかでも良いのかもしれませんね。
記事内容的に古いものとかを演出したいときに。
とはいえ、使うかといえば使わないですね… 🤣
トピックスターター 2022年10月22日 18:14
アルバム風というのにヒントを得て画像をセピアにするだけのスタイルとかでも良いのかもしれませんね。
そうですね。
セピア調・モノクロームというところは、定番のような気がします。
とはいえ、使うかといえば使わないですね… 🤣
そうなんですよねぇ。
画像中心のサイトを運営している方でないと、ちょっとこの辺の必要性が分からないかも…です。
写真家さんや、アマチュアの方でも写真を主に掲載なさる方でないと・・・という気はしますね。
難しいです。
トピックスターター 2022年10月22日 18:15
あまり確認は進んでいませんが・・・。
特に不具合ではないと思うのですが、「コメント」ブロックで気になるところがありました。
「WordPress 6.1 RC2」で確認すると、テキスト色のカラーパレットは以下のような感じでした。
これは、いつもの感じで、特に違和感はないのですが・・・。
背景色を選ぶと以下のように「Gradient」が選択できるようになっていました。
Cocoonでは、これを初めて見ましたので「あれ?」と思ってしまいました。
(AMP対応の関係でしたでしょうか・・・)
(AMP対応の関係でしたでしょうか・・・)
試しに、「WordPress 6.0.3」でも確認してみました。
すると以下の状態でした。
すると以下の状態でした。
「コメント」ブロックを使うことが普段ないもので、こういう状態なことに初めて気づきました。
気づいただけですので、特に問題がなければ、それでOKです。
わいひら reacted
トピックスターター 2022年10月22日 19:02
すみません、更に追記です。
「WordPress 6.0.3」で、背景色に「グラデーション」が出てくるのは
- コメントクエリーループ
- 投稿コメントフォーム
上記2つのブロックでした。
それは、「WordPress 6.1 RC2」でも同様ですが、名前が変わっていますので、以下のような感じです。
- コメント
- 投稿コメントフォーム
すみません、とっ散らかりました。
(2画面を比較していると、混乱して分からなくなってきます・・・)
わいひら reacted
トピックスターター 2022年10月22日 19:56
WordPressの「カラム」ブロックも確認しました。
3カラムにして、真ん中のカラム幅を変更した場合(狭くした場合?)、Cocoonでは、以下のように重なってしまうことがあるようです。
(以下の例は、中央は「30px」、左右のカラム幅は未入力)
編集画面
実際のページ表示
Twenty Twenty-Oneでは、以下のように重ならなかったです。
上記は編集画面ですが、実際の表示も同様でした。
ちなみに、「カラム」ブロックの背景色のカラーパレットも、段落ブロック等と同様でした。
WordPress 6.1 RC2 - Cocoon
WordPress-6.0.3 - Cocoon
今日の確認は、ここまでで。
わいひら reacted
トピックスターター 2022年10月22日 20:12
すみません、「カラム」ブロックの重なりは、WordPress 6.0.3でも発生していました。
分かり易いように背景色をつけたことが、影響しているかもしれません。
わいひら reacted
2022年10月22日 22:11
画像ブロックのスタイルは、モノクロもいいかもしれませんね。
グラデーションはRC1からあったかもしれません。僕も見て.あらっ!と思ったので。
できればこれまで通り非表示にしておきたい感じです。
何か表示にする方法がないか探そうと思います。
「カラム」ブロックは明日あたりに確認してみようと思います。
同じ環境で試すためよろしければカラムブロックのソースコードをテキストファイルでいただいてよろしいでしょうか?
いろいろ調べいただいたりしてご報告いただきありがとうございます!
トピックスターター 2022年10月22日 23:02
グラデーションはRC1からあったかもしれません。僕も見て.あらっ!と思ったので。
できればこれまで通り非表示にしておきたい感じです。
そうでしたか。
気づきませんでした。
思いの外、既存のWordPressのブロックも変わっていて、確認項目が多いですね。
「6.0.3」と「6.1 RC版」の2画面を開いて確認していますが、混乱します。
更に、テーマを「Twenty Twenty-One」や「Twenty Twenty-Three」に切り替えたりすると、もう分からなくなってしまいます・・・。
もう少し余裕はあると思いますから、時間のある時に、のんびり確認していこうかと思います。
わいひら reacted
2022年10月22日 23:19
ソースコードありがとうございます!
明日試してみます。
ほんまブロックエディターのブロックや機能は増えるごとに保守コストが上がりますね…。
最近急に寒くなったりで体調も崩しやすい季節です。
mk2さんも無理はなさらずご自愛ください。
トピックスターター 2022年10月23日 00:40
ほんまブロックエディターのブロックや機能は増えるごとに保守コストが上がりますね…。
そうですね。
ひっそりと、そして結構変わっているので、なかなかツラいですね。
最近急に寒くなったりで体調も崩しやすい季節です。
微妙な気候が続きますね。
私もほんの少しだけ体調崩し気味です。
お互い気を付けましょう。
先日、インフルエンザの予防接種も受けてきたところです。
本当はコロナワクチンと同時が良かったのでしょうけど、まだ接種券ありません。
(まだ接種しなきゃいけない・・・のでしょうね)
わいひら reacted
固定ページ 1 / 3
次へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。