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

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

共有:
通知
すべてクリア

雑談 Part 2

1,617 投稿
25 ユーザー
485 Reactions
49.7 K 表示
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
トピックスターター  

シンプルにこんな感じでも良さそうかなと。


   
mk2 reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

投稿者:: @yhira

シンプルにこんな感じでも良さそうかなと。

良いと思います。
シンプルが良いです。

あとは、個々にCSSでご対応いただければ…という気がします。


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

ご確認 & サンプル色々ありがとうございます。
もう少し余白を持たせた形に修正してGitHubにアップしておきました。
後は各自って感じですね。


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

モバイル。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

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

私も確認しました。

PC

 
モバイル
 
モバイルの時に、カテゴリーが途中で折り返してしまうみたいです。
inline-blockにしておいた方が良い気がします。
(どちらの考え方もある気はしますけれど)

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

ご確認いただきありがとうございます。
確かに。
修正したものをGitHubにアップしておきました。
https://github.com/xserver-inc/cocoon/commit/b10f34ff0c25cab99bf424c2f817c281b960f8a0


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

こちらは、変わっていないような・・・?
(6.2 RC版と私の環境が違いますので、私が何か間違いを・・・?)

 
 
【追記】
再度GitHubからダウンロードして適用してみましたが、やはり変わらないみたいです。

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

ご確認いただきありがとうございます。
修正しておきました。
どうやらFirefoxで見ると上の余白が大きくなるみたいでそれが気に入らずいろいろ触っているうちにdisplay: inline-block;を消しちゃったようです。


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

Chromeだと多少マシに見えますが、やっぱ下よりも上の方が広いように感じます。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

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

修正されていることを確認しました。

投稿者:: @yhira

Firefoxで見ると上の余白が大きくなるみたい

投稿者:: @yhira

Chromeだと多少マシに見えますが、やっぱ下よりも上の方が広いように感じます。

これは確かに・・・。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

デフォルトの状態

Chrome

 
Firefox
 
line-heightを2emくらいにしてみると
 
Chrome
 
Firefox
 
日付との位置関係が少しずれますね。
(もうお眠でそろそろPC落とさねば)

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

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

投稿者:: @mk2_mk2

line-heightを2emくらいにしてみると

そうしてみようかな。
ちょっと確認してみます。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

もう、こんな時代ですか。

タイトルのアイデアを提案する「AIタイトル提案機能」のベータ版を公開しました
https://movabletype.net/2023/03/openai.html

WordPressにも欲しいかもです。

「夢のようなタイトル」って、どんなのでしょうね。


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

Classic Editorでまだ公開されてないですけど、こんなのを作っている方はおられますね。
https://twitter.com/mygw1212/status/1638415252923752448
今後はAIを使いこなせないと置いてかれそう…。


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

と思ったらで公開されてた。
とりあえずダウンロードしといた。
https://twitter.com/mygw1212/status/1639798451847438337

HOME プラグイン - BizOh!
https://bizoh.jp/


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

公開されてますね。

これ、もう条件さえ与えれば、自動でどんどん書いてくれるのでは・・・。

書き手さんの個性という面では、まだだと思いますけど。
でも、将来的には、それもできてしまいそう。


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

明日は定期検診で朝からCT検査などで半日ほどかかるので、おそらく疲れてフォーラムへの返信はお休みさせていただくと思います。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

どうぞ、ゆっくりなさってください。

私も定期的に大学病院まで、CTやMRIを撮りに行きますが、それだけで結構疲れます。
当日は、のんびりするようにしています。

意外と疲れるんですよね。


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

ありがとうございます。
昨日は帰ってきてから疲れてしまって爆睡しました。ほんと地味に疲れますよね。
おかげさまでかなり休ませていただきました。
ただ月曜日から喉が痛く、今日それはだいぶ和らいだのですが今度は鼻水と咳と痰が出てきて、なんだか風邪気味みたいなので、ある程度良くなるまでやわやわと行こうと思います。


   
mk2 reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

はい、何気に疲れます。

数年前に、MRIの造影剤があわなかったことがあり、撮影後に意識が飛んで倒れそうになり、技師さんに受け止めてもらったことがあります。

その辺りから、CT・MRIで造影剤を使う場合は、用心した方が良いと思うようになりました。

更に、ブロ友さんに「通院の日は、本人が気づかないところで疲れているから休め、俺なら休むぞ」と言われたことがあります。

「そうなんだ」と思って、そこから益々大学病院に通院する日は無理しないようにしようと、思うようになりました。

そして、わいひらさんもですか。

私も、昨日今日と、喉や気管が痛く、ちょっと熱っぽいです。(咳は少ししか出ないのですが)
本当は、昨日通院予定(大学病院ではなく、その辺の)で、今日もいけなくて、来週にしようと思っているところです。

 

無理せず、様子を見ながらで良いと思います。


   
返信引用
(@mysanc0303)
Eminent Member Registered
結合: 2年前
投稿: 21
 

こんにちは!MRIと造影剤が話に上がっていたのでお邪魔します。
造影剤が合わない、ということもあるのですね。以前造影剤ありMRI受けた際、ものすごく気分が悪くなって血圧が下がる?様な感じがしたのですが、緊張ですねと言われてそういうものかと思っていました。いや、私が緊張しすぎていたのかもしれませんが(笑)。MRIはどうしても耐えられずブザー押して出たり入ったりして時間がかかります。あの空間に慣れるコツとかあるんでしょうか…?

おふたりのご体調が少しでも良くなっていることを祈ります。


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

風が悪化して伏せっておりました。
現在、一昨日昨日よりは良くなっているんですけどもうちょい様子を見たいと思います。
回復次第対応できるものから対応したいと思います。


   
mk2 reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

ご無理なさらずに。

体調優先で良いと思います。

私も、回復傾向ですが、長い時間考えると頭がぼぉーっとするので、のんびりするようにしています。
(難しいことは考えられないです)


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

投稿者:: @mysanc0303

造影剤が合わない、ということもあるのですね。

そうですね、そういう話でした。
次からは、造影剤を別のものに変更したそうです。
(お値段もアップしました)

投稿者:: @mysanc0303

あの空間に慣れるコツとかあるんでしょうか…?

私は、MRIの中に入った時は、目を閉じることにしています。

目を開けていると、どうしても圧迫感を感じてしまいますので。
技師さんに話し掛けられても、目は開けないです。
ずっと、閉じることにしています。

あとは、とにかく脱力することにしています。

肩や腕、脚といったところに力が入っていないか意識して、ただただ脱力することにしています。
このまま寝てしまえと、そういうくらいに脱力します。
(少しうつらうつらするくらいなら、寝たこともあります)

慣れるほど撮影しないのが一番だと思いますけれど。

私は一時期は2~3ヶ月に1度くらいはMRIを撮影していたもので、慣れたのかもしれないです。
(短いスパンで考えると、もっと高頻度なことも)


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

ようやくちょっと元気が出てきました。
ただまだ鼻が詰まって鼻声なので、音声入力の精度が悪いです笑
はい、しばらくゆるゆるいかせていただきます。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

はい、今は回復優先でいきましょう。
あまり無理なさらずに。

私も、またちょっとイマイチな状態です。
夕方くらいまでダウンしていました。
起きて布団から出てはいましたが、頭が完全に死んでいて、何も考えずにぼぉーっとしていました。

今やっと、気力が出てきて、少し考えてることもできるかな、くらいです。
今、フォーラムを見始めましたが、ちょっと集中が続かないですね。
ほどほどにして、無理せず、もうちよっとのんびりします。


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

去年8月にコロナになって以降調子よかったんですが。
今回の風邪はコロナ並みにグズグズと引きずってます。。
今回は検査してないのでコロナだったのかもしれないけど、熱は38度程度しか出てないんですよね。症状もだいぶ違ったし。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

かえって正体の分からない風邪のようなものが、長引くのかもしれないです。

私も、何だか良く分からず、良くなったと思ったら、次の日は気管が痛いなど、ぶり返しますし、なかなか治らないです。
(しかも夜眠れないです・・・これはいつもかもですが。)

まだ本来良くなきゃいけない通院も出来ていない始末で…。
(そろそろお薬が切れてしまうので行かねば)

焦らず、本調子になるまでは、大事にいきましょう。


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

ほんとじっくり治したいと思います。
朝調子良くても、夜咳が出てきたりとかもありますね。
今日なんてしばらく車椅子に乗ってなかったので起立性低血圧になってしまう始末で…。
車椅子に乗るリハビリから始めようと思います。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

はい、なかなか難しいです。
季節の変わり目ですし、気温も季節通りではないことが多いですから、なお良くないのかもしれません。

私も明け方から調子が良くなく、夕方くらいまで臥せっていました。

 

起立性低血圧。
安静にしている時間が長いと、どうしても…ですね。

私は、長い入院から自宅療養に切り替えた時に。

それまで座っていたのですが、宅配便が来たので玄関まで行ったのですが。

玄関の外から「大丈夫ですか」と呼ぶ声が聞こえて、気づいたら倒れている状態でした。
倒れたことすら分かっていなくて、歩いている内に気を失って、倒れていたみたいです。

宅配便を受け取りに来たんだと、分かった時には身体中が痛かったです。

ドアを開けて、荷物を受け取ろうとすると、「血が出てますよ」と宅配便の方に言われて。

その後、鏡を見たら、額がぱっくり割れていました。

その後も、立ち上がると気を失うことが何度もありましたし。
今は、気を失うまではないですが、危ない時はありますね。

今も、血圧の上は、2桁です。
入院中ずっと安静にしていましたから、血圧下がってしまったみたいです。
そう先生に言われました。

 
これは、ある程度毎日動くしかないみたいですけど。
でも、難しいですよね。

無理はいけないと思いますが、でもある程度は動いていかないとですね。
無理せず、でもできる範囲で、少しずつですね。


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

昨日、「今日は調子が良さそうなのでリハビリがてら長い時間車椅子に乗ろう」と、長く乗っていたところ体が冷えたらしく咳がぶり返してきて夜に38度の熱が出てしまいました。
そんな無理したつもりもないのですが、治りかけはなかなかに微妙ですね…。
でもその熱が最後の風邪ウイルス?に効果があったのか、今日は前より症状が治まったような気がします。
とはいえ昨日の失敗は繰り返されないようにしないと。

起立性低血圧、僕はまだ気を失ったことまではないんですけど、血圧の上は60とかになりますね。
計測不能な時もあるので多分50未満なんだと思います。

あまり休みすぎても血圧(心臓)が弱るし、無理して風邪をぶり返してもダメなので難しいところですね。
明日から車椅子に乗れるとしたら、1時間→1時間半→2時間→みたいにちょっとずつ伸ばしていくことにしようと思います。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

あらら…。
無理の範囲が分からないんですよね、本人は無理してるつもりはまったくですから。

私も、入院中に良く看護師さんに注意されました。
本人的には無理はしてなくて、むしろ慎重なのに。

自分の体力の落ち具合って、意外と分からないですよね。

ゆっくりいきましょう。

私は、昨日はやっと通院できて、薬もいただいたのですが、今日は黄砂で完全にアウトです。
頭痛は酷いですし、何故か寒気が。
完全に冬物の室内着です。

私も血圧2桁が平常です。
ある程度の時間歩いたりしても、2桁どまりで。

何の検査は忘れましたが、検査前に血圧を測らないといけないものがあったのです。
機械だと、測れませんでした。
何度やってもダメでした。

結局看護師さんがやってきて、手動?(しゅこしゅこするもの)で、測りました。

安静にしたくてしている訳ではないけれど、休むとそうなっちゃいますしね。
難しいです。

長いスパンで考えて、ゆっくり少しずつが良いんだと思います。


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

ようやく体調も元に戻った感じです。
ただ相変わらず気温差が激しくてしんどいですね…。

Cocoonブロックをカスタム色に対応させてみました。
https://wp-cocoon.com/wp-content/uploads/2023/04/cocoon-master.zip
結構な改修をしたのでちょっと不安…。
皆さんの環境で問題なく動作しますでしょうか。
コンソールでエラーが出るかどうかだけでもご確認いただければ幸いです。
僕がテストに使ったソースコードも掲載しておきます。
※テキストファイルだと文字化けするのでzipに圧縮しました。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

本当に気温差半端ないです。
昨日期日前投票に行きましたが、汗だくでびしょびしょになってしまいました。

カスタム色、ご対応ありがとうございます。

あまりたくさんは確認していませんが、特に問題なく使えているように思います。

コンソールのエラーも出ていないと思います。

少し思ったのは、Cocoonブロックは透明度は変更できない感じですね。
(赤矢印の部分がない、RGBAではなくRGB)

 
そうは言え、そこまで使うものでもない気がして、私は気になりませんけれど。
(他のブロックと対比して、気づいてしまいました・・・)

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

1日の気温差が20度近くあったりする日もあったりでほんとしんどいですね…。

ご確認ありがとうございます!
確かに透明度なんて本文中で変更することがないので、機能の存在にすら気づいていなかったかもしれません…。
修正できそうか確認してみます。


   
mk2 reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

本当に、気温差が凄すぎます。

今日は寒くて、下半身、特に太ももの辺りがぞくぞくするような感じで、室内着は完全な冬仕様にしました。
体調崩さないように、気を付けましょう、お互いに。
 

投稿者:: @yhira

修正できそうか確認してみます。

お手数お掛けします。

正直、あまりニーズはない気がして、できなそうであれば、Cocoonブロックは非対応ですと言い切っても良い気はします。(もしくは、ペンディングという位置付けでも)
おそらくお問い合わせもあまりなさそうな気もしますし。

 

そう言えば、まだ決まりではないみたいですが。

WordPress 6.2.1は、RC版が5/9で、リリースは5/16。
WordPress 6.3は、RC1が7/18、リリースは8/8。

上記のようなスケジュールが提案されているみたいです。

6.2.1は、意外と近いですね。
(6.2は大きなトラブルは聞かないですから、大きな変更は無さそうには思いますけれど)

スケジュール確定するか、時々ウォッチしようと思います。


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

透明のバーを出す方法を調べてみたんですがちょっとよく分かりませんでした…。
とりあえず大きな問題はなさそうなので現在の仕様で行かせていただこうと思います。
対応方法が分かったら対応する感じにしようと思います。

投稿者:: @mk2_mk2

そう言えば、まだ決まりではないみたいですが。

WordPress 6.2.1は、RC版が5/9で、リリースは5/16。
WordPress 6.3は、RC1が7/18、リリースは8/8。

上記のようなスケジュールが提案されているみたいです。

6.2.1もうそんなところまで迫っているんですね。
自分のタスク管理ツールに追加しておこうと思います。
6.2.1もうまくいくといいなぁ。
WordPressアップデートと聞くと毎度毎度胸がキュンとしてしまって緊張します笑

 


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

投稿者:: @yhira

対応方法が分かったら対応する感じにしようと思います。

はい、それで良いと思います。

元々分かっていない私も探してみましたが、良く分かりませんでした。

以下の「settings.color.custom」は、特に透明度について指定していないのに、画像を見ると表示されているようですし・・・。
(他のサイトでも、似たような感じで、これだというものが見つかりません。)

【WordPress5.9 / 6.0版】theme.json 全解説
https://qiita.com/AkiHamano/items/1cff973739039e5efc18

 

6.2.1は、まだ正式なスケジュールではないですけど、おそらくその近辺ではあると思います。
マイナーアップデートですし、元々の6.2も大きな問題はなさそうですし、大きな変更はない…はず。
(そう思いたいだけかもですが)


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

block.json supports color関係のものにもそれっぽいのはないんですよね。
https://ja.wordpress.org/team/handbook/block-editor/reference-guides/block-api/block-supports/#color
とりあえず静観。
以前からパレットのデフォルト色が急に出てきたことがあったけど、そういうこともあるかもしれませんしね。

6.2.1は、さすがに大丈夫と信じたい…。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

投稿者:: @yhira

block.json supports color関係のものにもそれっぽいのはないんですよね。

はい、見つからないですね。
何かあるんでしょうか・・・。

とりあえずは、スルーですね。
確かにいきなり出てくることもあるかもです。

6.2.1は、大丈夫と信じましょう。
(大きな変更はないはず・・・)

 

【追記】

SANGOの修正履歴に、以下のようなものを見つけました。
(「Gutenberg 開発 カスタムカラー 透明度」で検索したらヒットしました)
https://saruwakakun.com/sango/sango-gutenberg%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%83%8E%E3%83%BC%E3%83%88

v1.66.2:2022/6/6

  • SANGO カスタムブロックのカラーピッカーで透明度を指定できるように調整

これなのかしら・・・。
(今見つけたばかりで、まだ何も調べてはいないです)

この投稿は2年前ずつわいひらに変更されました

   
返信引用
(@yamachan11)
Honorable Member Registered
結合: 5年前
投稿: 427
 

 わいひら さん

 mk2 さん

 

こんばんは、「透明度の指定の件」ですが、

もしお探しのものが「不透明度の指定」で、よろしければ

私のサイトで、実現している方法でよろしければ、.jsも含めご提供しても・・・・と思っています。
以下のページで動きを確認して戴ければと思います。

グラス モーヒズム デザイン cssを出力できます。GlassmorphismDesign あなたの感覚で動かしてみてください。

この投稿は2年前 2回ずつYamachan11に変更されました

   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3131
 

投稿者:: @yamachan11

.jsも含めご提供しても・・・・と思っています。

申し訳ありませんが、全く論点がずれています。
Gutenbergのカラーパレットの話です。


   
返信引用
(@yamachan11)
Honorable Member Registered
結合: 5年前
投稿: 427
 

 chu-ya さん
そうでしたか、大きな勘違いをしてしまいました。m(・ ・)m

 

この投稿は2年前 2回ずつYamachan11に変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
 

Yamachan11さん

お世話になります。

そうなんです、chu-yaさんの仰る通り、Gutenbergの話なんです。

WordPressコアのブロックでは、カスタムカラーの設定時に、透明度も調整できるみたいです。

今回、Cocoonブロックにも、カスタムカラーを設定できるようにしていただいたのですが、透明度はないみたいなんですよね。
あまり需要はない気はしますが、どうしたらできるのかな・・・という疑問にぶち当たっているところです。

いくつか上の返信に貼ったのですが、以下の画像の赤矢印の部分です。
(添付したのは、WordPressコアのブロックです)

 

【追記】

私が書きこんでいる間に、Yamachan11さんの書き込みが。


   
わいひら reacted
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3131
 

Gutenbergの余談
スタイルにhoverした際、表示される赤枠の部分。
勉強の為、その仕組み、作り方につい参考になるソース、文献など教えて頂けたらと思います。
Gutenberg全く使っていませんが笑


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

Gutenbergのことは正直良く分かりませんけれど。

hoverで表示される部分は、各ブロックの「block.json」の「example」に登録しておくのだと思います。
(各ブロックのindex.jsに、メタデータとしてblock.jsonを登録しておく感じ?それ以上は私は良く分かっていないです)

https://ja.wordpress.org/team/handbook/block-editor/reference-guides/block-api/block-metadata/

上記リンクは、以下の一部です。
(これを読むといろいろと書いてあるのかもしれないです、量が多く全部読んだことはありません・・・)

ブロックエディターハンドブック
https://ja.wordpress.org/team/handbook/block-editor/


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

投稿者:: @chu-ya

スタイルにhoverした際、表示される赤枠の部分。
勉強の為、その仕組み、作り方につい参考になるソース、文献など教えて頂けたらと思います。

その部分はブロックのblock.jsonに以下のように書いてコンパイルするだけです。
https://github.com/xserver-inc/cocoon/blob/159b163af28da0e4e4fdb5b0e67b51641f2928b2/blocks/src/block/faq/block.json#L39-L51


   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3131
 

mk2さん、わいひらさん

ありがとうございます。
色々見ているとコンパイル、ビルドが目に付き。
旧エディタとは違い、テキストエディタで作成ではなく。
先ず開発環境が必要ですね苦笑
作る以前に、少し環境周り勉強してみます。

余談
PCローカルにWordPress環境を作っておらず、いつも問題調査は机上トレースで調べており笑笑


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

chu-yaさん

投稿者:: @chu-ya

色々見ているとコンパイル、ビルドが目に付き。
旧エディタとは違い、テキストエディタで作成ではなく。
先ず開発環境が必要ですね苦笑

はい、そうみたいです。

ブロックエディタの開発環境までは・・・と、私は断念しました。

いろんな環境があるのだと思いますが、以下を見ると、そこまでは・・・と思ってしまいました。

Gutenbergブロック開発徹底解説
https://kinsta.com/jp/blog/gutenberg-blocks/#dev-environment


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

無理やりにでも透明度を変更する方法は見つけました。
それはblock.jsonのsupportsに以下のように書くことです。

  "supports": {
    "color": {
      "gradient": true
    }
  }

すると、添付画像のようなスタイル設定項目が表示されます。


   
返信引用
固定ページ 10 / 33
共有:

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

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

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

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

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

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

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

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