[Snow Monkey Blocks] アウトラインタイプのボタンがほしい

0
いいねをした人: 居ません
  • このトピックには9件の返信、3人の参加者があり、最後にHatsukiにより4年、 11ヶ月前に更新されました。
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • 投稿者
    投稿
  • #13931
    アクツ
    参加者
    167

    お世話になっています。

    Snow Monkey Blockのボタンブロックをそうとうヘビロテしています!素敵なブロックありがとうございます!!
    そんなボタンブロックですが、塗りがない線のボタンができたらもっとうれしいな〜と思い書き込みさせてもらいました。

    (↓こんな感じのがほしいです↓)

    もともとあるブロックエディタのボタンだとアウトラインスタイルができるのですが、角丸具合が強すぎて、なかなか使えないんですよね(^^;

    こちらも今のところ、CSSで対応していて不便はないのですが、あったらより助かるな!と思ってる次第であります

    0
    いいねをした人: 居ません
    #13936
    Hatsuki
    閲覧者
    6

    コレ、公式のボタンだとスタイルで選べるやつですよね。

    実は、ブロックのスタイル選択って所は、割と簡単に増やせたりするんです
    (ただReact.jsで書く必要がある…

    やり方はこちら(昔書いた

    なので、この際、簡単なので、欲しいスタイルをかたっぱしからキタジマさん抜きでボタンに思い切り入れまくっても良いと思います。やりませんか?(悪魔の誘い

    > こちらも今のところ、CSSで対応していて不便はないのですが、あったらより助かるな!と思ってる次第であります

    もう、コレも欲しいあれも欲しいってスタイルのCSSとスタイルの選択時の表示名を、パターンごとに貼り付けてもらえたら、そのスタイルの形で合わせて10種類でも増やしてやりますぜww(勝手すぎる)

    と言うのは冗談で、後から都度追加になると逆に面倒なので、ボタンの欲しいスタイルとCSSを貼ってください。それだけ追加します。

    って事で、CSSだけでもご協力お願いしまー。

    > 北島さん
    コレ、Snow Monkey Blocksのボタンにスタイル選択を追加する形で良いっすよね?

    0
    いいねをした人: 居ません
    #13974
    キタジマ タカシ
    参加者
    2227

    @ケミさん

    コレ、Snow Monkey Blocksのボタンにスタイル選択を追加する形で良いっすよね?

    や、Snow Monkey Blocks のボタンはスタイルじゃなくて、「タイプ」っていう独自のデザイン切り替えをつくっちゃってるんですよね。スタイル選択ができることを知る前につくっちゃったんで…。

    @kutsuさん

    多分できると思うのでタスクに入れときます!

    0
    いいねをした人: 居ません
    #13989
    Hatsuki
    閲覧者
    6

    @キタジマさん

    …タイプと言う独自……なんたる…問題!!

    と思いましたが、全然問題と認識してなくて、スタイルで大丈夫かと思ってます。

    だって、これ…フルサイズにするだけじゃないですか?
    smb-btn–fullクラスが付くだけやん…って感じな認識で、それなら、アウトラインのボタンでもタイプと言う項目をそのまま使って、フルにするかノーマルにするか…大きさを変更する項目に使って良いんじゃないかなと。

    タイプ → 大きさ
    と項目名を変えれば、解決だよねーと。(項目変更は、葉月さん案

    なので、そこまで影響はないかと。

    実際、BlockAlignmentToolbarを使って、テキストの位置とかも右寄せとか左寄せとかにするとかの方が変にそれをスタイルでやっちゃうと後から変になるので、タイプは残すままで良いと思います。

    どうでしょう?

    0
    いいねをした人: 居ません
    #13991
    キタジマ タカシ
    参加者
    2227

    タイプ → 大きさ
    と項目名を変えれば、解決だよねーと。(項目変更は、葉月さん案

    なるほど!ちょっとその方向でやってみます。

    0
    いいねをした人: 居ません
    #13993
    キタジマ タカシ
    参加者
    2227

    Snow Monkey Blocks v3.5.0 で追加しました〜

    0
    いいねをした人: 居ません
    #14000
    Hatsuki
    閲覧者
    6

    @キタジマさん

    あ、先に出された(笑)
    こっちでもボタンに対して色々検証やってたので、ちょっとそれだけ直したのをプルリクしておきました。

    どーも、supportsでalignすると色々と標準のクラス名で付いちゃうし、エディタだけの反映に問題があるんで、この際それを、BlockAlignmentToolbarを使ってクラス名を正しく当てようか考えてたのを、きちんと伝えれなかったorz
    すみません。そうしないとスタイル増やす際にちょっと問題が今後出てくるかもなんでそこだけ共有出来れば良いなと…。今度またそれだけ直そうかなと思います。
    よろしくお願いします。

    0
    いいねをした人: 居ません
    #14003
    キタジマ タカシ
    参加者
    2227

    あー、表側とエディタ側で横位置指定のためのクラスの付き方が違うということですね。うーん、それはそれで二重管理がめんどくさくはありますが、仕組み的にはこれが標準なわけで、 BlockAlignmentToolbar でやると後でわかりにくくなるようなきもしますね…。プルリクありがとうございます、とりあえずそれはマージします!

    0
    いいねをした人: 居ません
    #14036
    アクツ
    参加者
    167

    キタジマさん >
    ご対応ありがとうございます!大変助かりました!早速利用します

    ケミさん >
    なんたる悪魔の誘い(笑)
    でも確かによく使うパターン&世の中でもよく使いそうとか発生したら、プルリクまで私でもできそうな気がします(ナイス記事!)
    次回がんばってみますっ!!

    0
    いいねをした人: 居ません
    #14045
    Hatsuki
    閲覧者
    6

    @キタジマさん

    マージありがとうございました。
    後、さりげなく他のブロックのリファクタリングも参考になりました(笑)

    > BlockAlignmentToolbar でやると後でわかりにくくなるようなきもしますね…。

    確かに。標準がsupportsの方なので後でわかりにくくなる問題リスクは高い…。
    うーん、CSSだけのカスタマイズの場合、この部分の反映がそのままエディタ内ではされないのがちょっと悩ましい。ただ、標準のことも考えたら、キタジマさんの二重管理って方針が面倒だけど後々良さそうな気も…。ここはまた今後考えていく所かもしれませぬ。(エディター内のHTML仕様も変わる可能性あるし)

    @アクツさん

    アクツさんが想定されているCSSも、見れるならそれをベースにブロックの仕様上の問題をどうするかとか考えたいですし、よかったら問題ない範囲で今後でもCSSを晒しちゃってください(笑)色々そう言う所からもエディタに反映されない”だろう問題”とか解るので助かります。

    スタイルがサポートされているとスタイルの拡張自体は別プラグインで安全に出来るっぽいんで、Snow Monkey Blocksとは別のプラグイン作ってボタンブロックのスタイルくらいなら増やせると思います。

    …やり方は…またいつか書きたい(切実…

    0
    いいねをした人: 居ません
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • トピック「[Snow Monkey Blocks] アウトラインタイプのボタンがほしい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。