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

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

WordPress 6.1 RC版が利...
 
共有:
通知
すべてクリア

WordPress 6.1 RC版が利用できるようになりました

122 投稿
2 ユーザー
56 Likes
1,158 表示
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

WordPress 6.1のRC版が利用できるようになりました。

これを書いている時点では、RC1です。

このトピックに、WordPress 6.1 RC版で確認していった結果を書いていこうと思います。
(WordPress 6.1で、何が機能追加されたのは、まだ確認していません・・・)

不具合ということではなく、「違い」というものも書いていくと思います。


   
わいひら reacted
引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

まだ確認を始めたばかりで、「段落ブロック」しか確認しておりません。

これから書くことは、おそらく不具合というよりは、仕様の「違い」なのかもしれないです。
その「違い」を挙げておこうと思います。

確認は、

  • 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
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

時間が切れました・・・

「3.寸法」の部分の追記です。

プリセットされた?間隔を指定したり

 
「px単位」で指定ができたり
 
それぞれ、上下左右で指定できたりするみたいです

 


 
他のブロックは、まだ確認しておりません。
 
明日以降、時間がある時に確認しようと思います。

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @mk2_mk2
①フォント
 
Cocoonは表示されていないようです。
 
以下の画像のように、Cocoonは「フォント」がグレーアウトされていて、チェックはあるのですが表示はされていないようです。
 

すみません、この部分、勘違いしていますね。

「フォント」ではなく、グレーアウトされているのは「フォントサイズ」ですね。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

確かにTwenty Twenty-Threeテーマだと表示されますね。
ただ、Twenty Twentyテーマだと表示されませんね。
何かしらテーマ側で対応しないと表示されないのかもしれませんね。

This post was modified 2か月前 by わいひら

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

そうなんです。

どの部分か忘れましたが、「Twenty Twenty-One」には無いものもありました。

そういう意味では、テーマ仕様の「違い」なのかどうか、良く分からないところです。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

ちなみに他のテーマで試してみたら以下のような状況でした。

・Twenty Twenty-One:表示されない
・Twenty Twenty-Two:表示される
・Twenty Twenty-Three:表示される
・某有料テーマ:表示されない

Twenty Twenty-OneとTwenty Twenty-Twoの違いは、ブロックテーマかどうかです。
これはあくまで推測なんですが、おそらくクラシックテーマだとそういった機能に対応されていないのではないかと思います。
もしブロックテーマかどうかで機能が分かれるのであれば、ちょっと対応は難しいかもしれませんね。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @yhira

これはあくまで推測なんですが、おそらくクラシックテーマだとそういった機能に対応されていないのではないかと思います。
もしブロックテーマかどうかで機能が分かれるのであれば、ちょっと対応は難しいかもしれませんね。

なるほどです。

プロックテーマにしか対応しないのだとしたら、仕方ないですね。

これから、そういうものが増えていくのかもしれないですね、WordPressって。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

クラシックテーマとブロックテーマの違い。

上記を考えた方が良いかもしれないみたいですので、今度は比較対象を「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には無い)
 
 

 
2.寸法
 
Twenty Twenty-Oneでは、「寸法」が指定できるようです。
(Cocoonには無い)
 
 
Twenty Twenty-Oneで指定できるのは、paddingのみのようです。
(Twenty Twenty-Threeでは、marginも指定できました)
 
展開すると、「px指定」できたり、上下左右が指定できるのは、Twenty Twenty-Threeと同じでした。
 
 

 
とりあえず今日は、段落ブロックだけで。
 
ブロックテーマ、クラシックテーマも見ていかねばならないとなると・・・。
少し大変ですね。

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

先に、Cocoonブロックの確認を始めました。

まだ途中ですが、儀いたものを先に書いてしまいます。
(忘れそうで・・・)

「アイコンリスト」のリスト部分が、エディタ上で少し段差があるように見えるようです。
(ページ表示には、影響ありませんでした)

WordPress 6.1 RC1

 
WordPress 6.0.2
 
 

ここからは特に不具合と言うことではありません。
WordPress 6.1になって、変わった様子な箇所を書いておきます。
 
WordPress側の「リスト」ブロックに変更があったようで、その影響かもしれないです。
「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の対比のところでも分かると思います。

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

今日までに、Cocoonブロックについては、一通り確認したと思います。

先に書いたもの以外は、他に気づきませんでした。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

検証ありがとうございます!!

投稿者:: @mk2_mk2
b.px指定
 
Twenty Twenty-Oneは、サイズの右上のスイッチ?みたいなものを選ぶと、「px指定」ができるようになります。

これについては、以下の部分でカスタムフォントサイズのサイズ変更無効にしているからかと思われます。
https://github.com/xserver-inc/cocoon/blob/cbab7d230922ad6f21deb2aa4cfde3db1d24fbd7/blocks/src/init.php#L276

Cocoonでこのようにしているのは以下の理由があります。

・ツールバーで選択式で文字列が変更できるという代替機能もあるから
・もともとはAMP対応のためインラインスタイルにしたくなかったから

今後、AMPをやめるときがあれば使用できるようにしてもいいのかもしれません。

This post was modified 2か月前 by わいひら

   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 
投稿者:: @mk2_mk2
②行の高さ
 
Twenty Twenty-Oneでは、「行の高さ」が指定できるようです。
(Cocoonには無い)

これについては、コードを追加して有効にしておかないとだめなようです。
コードを追加しておきました。
https://github.com/xserver-inc/cocoon/blob/cbab7d230922ad6f21deb2aa4cfde3db1d24fbd7/blocks/src/init.php#L278


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 
投稿者:: @mk2_mk2
2.寸法
 
Twenty Twenty-Oneでは、「寸法」が指定できるようです。
(Cocoonには無い)

これについてもコードを追加して有効にしてやらないとだめなようです。
こちらもCocoonにコードを追加しておきました。
https://github.com/xserver-inc/cocoon/blob/cbab7d230922ad6f21deb2aa4cfde3db1d24fbd7/blocks/src/init.php#L280


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @mk2_mk2
投稿者:: @mk2_mk2
b.px指定
 
Twenty Twenty-Oneは、サイズの右上のスイッチ?みたいなものを選ぶと、「px指定」ができるようになります。

これについては、以下の部分でカスタムフォントサイズのサイズ変更無効にしているからかと思われます。
https://github.com/xserver-inc/cocoon/blob/cbab7d230922ad6f21deb2aa4cfde3db1d24fbd7/blocks/src/init.php#L276

Cocoonでこのようにしているのは以下の理由があります。

・ツールバーで選択式で文字列が変更できるという代替機能もあるから
・もともとはAMP対応のためインラインスタイルにしたくなかったから

今後、AMPをやめるときがあれば使用できるようにしてもいいのかもしれません。

こちらの件は了解です。

これもAMPの影響でしたか・・・。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 
投稿者:: @mk2_mk2

「アイコンリスト」のリスト部分が、エディタ上で少し段差があるように見えるようです。
(ページ表示には、影響ありませんでした)

WordPress 6.1 RC1

こちら最新版で修正しておきました。
https://github.com/xserver-inc/cocoon/commit/f9f46a96e29b975cc52a728c224a6dd3c3124cc9
何かliとliの間が空いているなと思ったら途中でもリストの追加ができるようになっているんですね…(添付画像)。
それにしてもブロックエディターはしばらくみていないと劇的に変わっちゃいますね。

This post was modified 2か月前 by わいひら

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

ご対応いただきありがとうございます。

「行の高さ」「寸法」が追加されていることを確認しました。

 

「寸法」は、少し「Twenty-Twenty-One」とは、選択できる単位が違うみたいです。
(ただ、これってエディタ画面で、どこまで使うものか・・・という気もしなくはないですが)

Cocoon

 
 
Twenty-Twenty-One

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

ご対応いただきありがとうございます。

「アイコンリスト」が修正されていることを、確認しました。

投稿者:: @yhira

何かliとliの間が空いているなと思ったら途中でもリストの追加ができるようになっているんですね…

本当ですね。
気づきませんでした・・・。

細かいところで変わっていますね。
もしかすると、他にも気づいていないところがあるのかもしれないです。

6.1正式リリースまで、少しずつですが、いろいろ操作して試してみようと思います。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

ご確認いただきありがとうございます!

投稿者:: @mk2_mk2

「寸法」は、少し「Twenty-Twenty-One」とは、選択できる単位が違うみたいです。

どうやら以下のコードを追加していなかったのが原因のようです。
https://github.com/xserver-inc/cocoon/commit/74aee2ad5ee3744053e65147791cc48d1a0b2bd8
Twenty-Twenty-Oneのソースコードには添付画像のように「これは WordPress 5.6 で削除された」みたいなことが書かれていたので追加しなかったんですが、今試してみたらまだ対応しているようですね。

This post was modified 2か月前 by わいひら

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

ご対応いただきありがとうございます。

「Twenty-Twenty-One」と同じになったことを確認しました。

そんなこんなしていたら、マウスが壊れたかもしれないです・・・。
ギリギリ動きますけど💧


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

「画像」ブロックにも、変更があったみたいです。

「Twenty Twenty-One」には、「スタイル」に、「枠線」「フレーム」というものが増えています。

 
「Cocoon」では、これらは表示されていないようです。
 
 

 
ちなみに・・・ですが。
 
「Twenty Twenty-Three」では、「スタイル」は増えていませんでした。
 
しかし、「枠線」という項目が増えていて、四辺四角を直接変更できるみたいです。
 
インラインで追加されるみたいです。
 
 
「Twenty Twenty-Three」で、上記のように編集したものを、「Twenty Twenty-One」で開いてみると、そのまま反映されていました。
(編集はできませんが)
 
同様に「Cocoon」で開くと、角丸は反映されていますが、枠線は反映されないみたいです。
(テーマが違いますから、そこまで確認しなくても良いと思うのですが・・・)

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @mk2_mk2
「Twenty Twenty-Three」で、上記のように編集したものを、「Twenty Twenty-One」で開いてみると、そのまま反映されていました。
(編集はできませんが)

もとい・・・ですね。

上辺の色が違いますね。

Twenty Twenty-Three

Twenty Twenty-One

 

おそらく、「Twenty Twenty-Three」独自の色だから?と思われます。

 
 
 
ちなみに、Cocoonでは編集画面には反映されませんでしたが、ページ表示には反映されていました。

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

「ギャラリー」ブロックについて、編集画面と実際の表示が異なるようです。
(横に並ばない?)

Cocoonの編集画面

 
上記のページ表示
 
 
テーマをTwenty Twenty-Oneに変更した際の、編集画面
 
Twenty Twenty-Oneのページ表示
 
 
「ギャラリー」ブロックは、あまり使ったものがないもので、そもそもどんな感じだったか試しておらず・・・。
 
後程、6.0.2でも確認してみようと思います。

   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 
投稿者:: @mk2_mk2

「Twenty Twenty-One」には、「スタイル」に、「枠線」「フレーム」というものが増えています。

これについてはTwenty Twenty-Oneテーマが独自にregister_block_styleで追加しているものみたいです。
独自スタイルについてはCocoonでも、Cocoon設定の「画像」タブの「画像の囲み効果」にあるスタイルを個別に設定できるようにスタイルを追加しても良いのかもしれませんね。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

とはいっても、Cocoon設定の画像スタイルは違いが微妙すぎて「変わらない」と不具合報告がきそうな感じではある…


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

白色だけの画像ならはっきりとはわかるけど。
ブロックエディターのスタイル機能として追加するなら、もっとわかりやすいものを追加した方が良いのかもしれませんね。

This post was modified 2か月前 by わいひら

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

すみません、「ギャラリー」ブロックの続きです。

WordPress 6.1 RC1

 
WordPress 6.0.2
 
 
「画像」ブロックは、後程確認させていただきます。
(これからご飯を・・・)

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @yhira

これについてはTwenty Twenty-Oneテーマが独自にregister_block_styleで追加しているものみたいです。

なるほどです。

仰る通り「Twenty Twenty-One」独自なんですね。
「Twenty Nineteen」や「Twenty Twenty」には、ありませんでした。

 

投稿者:: @yhira

独自スタイルについてはCocoonでも、Cocoon設定の「画像」タブの「画像の囲み効果」にあるスタイルを個別に設定できるようにスタイルを追加しても良いのかもしれませんね。

投稿者:: @yhira

白色だけの画像ならはっきりとはわかるけど。
ブロックエディターのスタイル機能として追加するなら、もっとわかりやすいものを追加した方が良いのかもしれませんね。

こちらは、ご検討いただいても良いかもしれないです。
どれくらい需要があるかだとは思いますけれど。

私は基本的には画像に枠線はつけないですが・・・。

ただ、メインカラム背景色と同化し境目がはっきりしない画像には、枠線を追加しています。

そういう需要はあるのかもしれないですね。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

ギャラリーブロックは、ややこしくて原因を探るのに時間がかかってしまいました。
ギャラリーブロックのカラムが正しく動作するように修正してみました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 
投稿者:: @mk2_mk2

こちらは、ご検討いただいても良いかもしれないです。
どれくらい需要があるかだとは思いますけれど。

Cocoon設定にあるような枠線程度のスタイルであれば、おそらく需要はないように思います 😓 
エディター上では見た目が変わったかどうかも分からないですし^^;
何かあった方が良いスタイル…と考えているんですけど、僕だったら画像は出来る限りそのまま表示したいので、全然思いつかないんですよね。一番見せたいのは画像なので。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

ご対応いただきありがとうございます。

「ギャラリー」ブロックが編集画面の表示が、実際のページ表示と一致していることを確認しました。

WordPress標準のブロックでも、影響があるものがあるのですね。
他のWordPress標準のブロックも、確認した方が良いのかも・・・ですね。
(今日は確認していないのです、あまり時間がとれず・・・)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @yhira

僕だったら画像は出来る限りそのまま表示したいので、全然思いつかないんですよね。一番見せたいのは画像なので。

これは同意ですね。

私も、基本的には写真に枠線はつけていないです。

操作方法説明のために、自サイトのキャプチャをした際に、境目が分からなくて、枠線をつけたことはあるのですけど。

漠然と思うのは、「Twenty Twenty-Three」のように4辺の変更はできなくても良いと思うのですけど。
枠線の太さや色が選べると良いなぁ…くらいには思います。

ただ、使うかと言われると、確かにあまり使わないんですよね。

 

他の方がどんなカスタマイズ等なさっているのか、少し見てみようかと思います。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

ご確認いただきありがとうございます。

投稿者:: @mk2_mk2

漠然と思うのは、「Twenty Twenty-Three」のように4辺の変更はできなくても良いと思うのですけど。

ほんまこれ、ですね。
個別の画像に個別の枠線を設定したいとも思ったこともないのに、4辺の変更なんて…使う人がおられるのかなとは思いますね。
何かしら需要があって実装されたのでしょうけど。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

はい、そうなんですよねぇ・・・。

画像は、もう少し探してみます。

今日はRC版の確認はできませんでした。
明日以降に確認しようと思います。
(おそらくRC2になっているはずですし)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

画像のスタイルの件ですが、なかなか良いものが思い浮かばず・・・。

とりあえず、Twenty Twenty-Oneではどんな感じなのか、確認すると。

角丸

 
枠線
 
フレーム
 
 
ネットのカスタマイズ系サイトで割と見かけたものをやってみると・・・。
 
角丸の延長で、楕円
 
枠線やフレームの延長で、アルバム風にしてみる感じなど
(色が微妙で見づらいです)
 
 
なかなか、ピンときませんね。
(普段やりませんから・・・)

   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

フレームとかならやっている人はたまに見かけるかもしれませんね。
アルバム風というのにヒントを得て画像をセピアにするだけのスタイルとかでも良いのかもしれませんね。
記事内容的に古いものとかを演出したいときに。
とはいえ、使うかといえば使わないですね… 🤣 


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @yhira

アルバム風というのにヒントを得て画像をセピアにするだけのスタイルとかでも良いのかもしれませんね。

そうですね。
セピア調・モノクロームというところは、定番のような気がします。

投稿者:: @yhira

とはいえ、使うかといえば使わないですね… 🤣 

そうなんですよねぇ。
画像中心のサイトを運営している方でないと、ちょっとこの辺の必要性が分からないかも…です。
写真家さんや、アマチュアの方でも写真を主に掲載なさる方でないと・・・という気はしますね。

難しいです。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

あまり確認は進んでいませんが・・・。

特に不具合ではないと思うのですが、「コメント」ブロックで気になるところがありました。

「WordPress 6.1 RC2」で確認すると、テキスト色のカラーパレットは以下のような感じでした。

 
これは、いつもの感じで、特に違和感はないのですが・・・。
 
背景色を選ぶと以下のように「Gradient」が選択できるようになっていました。
 
Cocoonでは、これを初めて見ましたので「あれ?」と思ってしまいました。
(AMP対応の関係でしたでしょうか・・・)
 

 
試しに、「WordPress 6.0.3」でも確認してみました。
すると以下の状態でした。
 
 
「コメント」ブロックを使うことが普段ないもので、こういう状態なことに初めて気づきました。
 
気づいただけですので、特に問題がなければ、それでOKです。

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

すみません、「カラーパレット」関連で、追加で確認しました。

「WordPress 6.1 RC2」では、「段落」ブロックの背景色のカラーパレットで「Gradient」が選択できます。

テキスト色

 
背景色
 
「WordPress 6.1 RC1」の時は、気づきませんでした。
(記憶にありませんが、RC2で変わった?)
 

 
「WordPress 6.0.3」では、「グラテーション」は「段落」ブロックにはないです。
 
テキスト色
 
背景色

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

すみません、更に追記です。

「WordPress 6.0.3」で、背景色に「グラデーション」が出てくるのは

  • コメントクエリーループ
  • 投稿コメントフォーム

 
上記2つのブロックでした。

それは、「WordPress 6.1 RC2」でも同様ですが、名前が変わっていますので、以下のような感じです。

  • コメント
  • 投稿コメントフォーム

 

すみません、とっ散らかりました。
(2画面を比較していると、混乱して分からなくなってきます・・・)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

WordPressの「カラム」ブロックも確認しました。

3カラムにして、真ん中のカラム幅を変更した場合(狭くした場合?)、Cocoonでは、以下のように重なってしまうことがあるようです。
(以下の例は、中央は「30px」、左右のカラム幅は未入力)

編集画面

 
実際のページ表示
 
 
Twenty Twenty-Oneでは、以下のように重ならなかったです。
 
上記は編集画面ですが、実際の表示も同様でした。
 
 

 
ちなみに、「カラム」ブロックの背景色のカラーパレットも、段落ブロック等と同様でした。
 
WordPress 6.1 RC2 - Cocoon
 
WordPress-6.0.3 - Cocoon
 
 
今日の確認は、ここまでで。

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

すみません、「カラム」ブロックの重なりは、WordPress 6.0.3でも発生していました。

分かり易いように背景色をつけたことが、影響しているかもしれません。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

画像ブロックのスタイルは、モノクロもいいかもしれませんね。

グラデーションはRC1からあったかもしれません。僕も見て.あらっ!と思ったので。
できればこれまで通り非表示にしておきたい感じです。
何か表示にする方法がないか探そうと思います。

「カラム」ブロックは明日あたりに確認してみようと思います。
同じ環境で試すためよろしければカラムブロックのソースコードをテキストファイルでいただいてよろしいでしょうか?
いろいろ調べいただいたりしてご報告いただきありがとうございます!


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @yhira

同じ環境で試すためよろしければカラムブロックのソースコードをテキストファイルでいただいてよろしいでしょうか?

了解です。

カラムブロックのソースを添付します。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @yhira

グラデーションはRC1からあったかもしれません。僕も見て.あらっ!と思ったので。
できればこれまで通り非表示にしておきたい感じです。

そうでしたか。
気づきませんでした。

思いの外、既存のWordPressのブロックも変わっていて、確認項目が多いですね。

「6.0.3」と「6.1 RC版」の2画面を開いて確認していますが、混乱します。

更に、テーマを「Twenty Twenty-One」や「Twenty Twenty-Three」に切り替えたりすると、もう分からなくなってしまいます・・・。

もう少し余裕はあると思いますから、時間のある時に、のんびり確認していこうかと思います。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

ソースコードありがとうございます!
明日試してみます。

ほんまブロックエディターのブロックや機能は増えるごとに保守コストが上がりますね…。
最近急に寒くなったりで体調も崩しやすい季節です。
mk2さんも無理はなさらずご自愛ください。

This post was modified 1か月前 by わいひら

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  
投稿者:: @yhira

ほんまブロックエディターのブロックや機能は増えるごとに保守コストが上がりますね…。

そうですね。
ひっそりと、そして結構変わっているので、なかなかツラいですね。

投稿者:: @yhira

最近急に寒くなったりで体調も崩しやすい季節です。

微妙な気候が続きますね。

私もほんの少しだけ体調崩し気味です。
お互い気を付けましょう。

先日、インフルエンザの予防接種も受けてきたところです。
本当はコロナワクチンと同時が良かったのでしょうけど、まだ接種券ありません。
(まだ接種しなきゃいけない・・・のでしょうね)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

WordPress標準の「ボタン」ブロックについてです。

角丸は、右下の「枠線」-「角丸」の部分で調整可能で、初期はゼロのようです。

しかし、Cocoonの場合は、追加した時点で、角丸の状態で追加されるようです。
そのため、右下の「枠線」-「角丸」の部分と、状態が一致しないみたいです。

(Twenty Twenty-Oneでは、初期状態では角があるが、Cocoonでは角丸)

 

言葉で睦明するのは難しいですので、GIFにしました。

「Cocoon」

 
 
「Twenty Twenty-One」
 
 
鎌倉殿が…💦

   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14165
 

すいません。まだ確認できていません。
これから鎌倉殿を見た後確認させていただきます!
かなりの鬱展開な予感…。


   
mk2 reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 4452
Topic starter  

WordPress 6.1だからということではないのですが。

先程別件を確認していて、ふと思ったので、少し書かせていただきます。

Cocoonのブロックは、「HTMLアンカー」(id)が指定できないみたいですが、何か理由があるのでしょうか。

 
そんなに気にはなっていないのですけれど、WordPressのブロックと比較していて、ふと思ってしまいました。

   
返信引用
固定ページ 1 / 3
共有:

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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