WordPressテーマSANGOの質問

Gutenbergで作成した表の中にボタンを設置したい

アバター
おつじ

お忙しいところ失礼します。
Gutenbergで表を作成しているのですが、そのセルの中にSANGOオリジナルボタンを設置したいのですがうまくいきません。HTML編集で無理やりショートコードを挿入しても、ボタン幅がうまく調整されずに二行になってしまいます。
どうすればよいでしょうか。

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2020/03/22

たしかに表の中でSANGOの浮き出しボタンなどを使うと、セルの個数によっては大きくすぎるかもしれませんね。
以下のように表の中のボタンを小さくするようなCSSを書いておくと良いかもしれません。

/* 浮き出しボタンの場合 */
.entry-content table .raised {
    font-size: 13px; /* 文字サイズ */
    padding: 3px 8px; /* 文字周りの余白 */
    white-space: nowrap; /* ボタンの文字が改行されるのを防ぐ */
}

(ダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付ければOKです。

なお、ボタンはショートコードやブロックの他に、次のようなHTMLを書くことでも挿入できます。

<a href="ここにURL" class="btn raised main-bc strong">テキスト</a>

よろしくお願いします。