[inc2734]

なるほど…。ボタンブロック（親）にも推奨幅が用意されていたのですね。

具体的には、ボタンブロック（親）自体が持っているわけではなくて、「「両端ブロックの子ブロック」に「推奨幅」が追加される」という挙動になります。

ブロックの組み合わせは調整が大変かと思いますが、今後ともよろしくお願いします！

ありがとうございます。こちらこそ、よろしくおねがいします！

♥ 0

いいねをした人： いません

[inc2734]

ご報告ありがとうございます。

ボタンブロックの min-width、例えばユーザーが 600px と入力したときに、素直に min-width: 600px に設定しちゃうとモバイルサイズのときに画面を突き抜けてしまうので、親の大きさは超えることがないように内部的に min-width: min(600px, 100%) となるようにしています。

両端ブロックは子要素を両端に寄せるために子要素を flex-basis: fit-content にして、子要素のサイズがなるべく中身にあわせて縮むようになっています。

今回はその2つの CSS が干渉して発生している現象のようです。内部的にスマートに解決する方法がちょっと思いつかないので、とりあえずボタンブロック（親）の「推奨幅」を fit-content 以外（例えばボタンブロック（子）に設定した最小幅と同じ値）を設定するとどうかなと思うのですが…。試してみてください！

♥ 0

いいねをした人： いません

[inc2734]

ありがとうございます。そのまま貼り付けたら投稿無しになったのですが、カテゴリー指定が含まれているようだったのでリセットしてみて、あと記事が1件指定になっていたので増やしてみたところ、先頭固定表示が反映されました。

もしカテゴリー指定をリセットしても反映されないのであれば、先頭固定表示したい記事に先頭固定表示が有効化されているか一度確認したほうが良いかもです。そこも問題なければ、クエリーをカスタマイズするようなこともされていないとのことなので、あとは実際に管理画面を確認しながらデバッグしないとわからないかもです…。

♥ 0

いいねをした人： いません

[inc2734]

本サイトのトップページの「ブログ」のところでやってみたのですがら正しく反映されました。
※12月8日の記事が1件目に表示されているのが確認できると思います。

WordPress テーマ unitone – 美しいタイポグラフィと、フルサイト編集・Every Layout による自由なレイアウト

unitone.2inc.org

なにかクエリーをカスタマイズするようなカードを追加したり、プラグインを使ったりしていないでしょうか？

また、そのクエリーループブロックをこちらの環境でも試してみたいので、エディターをテキストモードにして、そのクエリーループ部分のコードをここに貼り付けていただけると助かります！

♥ 0

いいねをした人： いません

[inc2734]

v15.1.2 で修正を入れました。アップデート通知がきたらアップデートして確認してみてください！

♥ 1

いいねをした人：

[inc2734]

すぐ修正します！！！

♥ 1

いいねをした人：

[inc2734]

現段階では、例えばコンテナーで囲って幅指定して、ボタンの幅を100%にするとかですかね。ボタンが1個のときしかダメですが…。

♥ 0

いいねをした人： いません

[inc2734]

要は横 padding が大きめなボタン（幅が広めなボタン）をつくりたい、ということですよね？

これ padding で幅を広げるのって問題があって、padding が基本縮まないから、モバイルとかで親の幅が狭いときにボタンの文字列が潰れちゃうことがあるんですよね。だから幅を広めにしたいときは width + max-width とか、width + min() とか flex-basis で実装して、親が縮まったら幅も縮む、みたいにしたほうが本来は良いのかなと思っています。まぁそういう機能がコアのボタンブロックに無いので微妙なんですが…。

ボタン関係なく padding の個別設定については検討中なので、気長にお待ちください>< （実装がゲキムズになりそうなので後回しになっています…）

♥ 0

いいねをした人： いません

[inc2734]

ご報告ありがとうございます、こちらでも再現しました！調査して修正いれます。

♥ 1

いいねをした人：

[inc2734]

追加しました！

♥ 1

いいねをした人：

[inc2734]

v14.2.1 で修正しました！

♥ 0

いいねをした人： いません

[inc2734]

わ、ほんとですね。unitone の設計仕様上、ほぼ全要素に直接 font-size が指定されているのでその影響ですね。設定があるのを見逃していました。次のアップデートで調整入れます！

♥ 0

いいねをした人： いません

[inc2734]

v14.2.0 で追加しました！

♥ 0

いいねをした人： いません

[inc2734]

あれ、なんで入れてなかったんだろう…。次のアップデートで追加します！

♥ 0

いいねをした人： いません

[inc2734]

v14.1.0 で修正しました！

♥ 0

いいねをした人： いません

[投稿者]

投稿