【Bubble】テキストを挿入してみよう Part10 ~ ノーコードプログラミングを学ぼう ~ #21

Bubble

ノーコードプログラミングのBubbleの解説をやっていきます。

Bubbleは僕もまだまだ勉強中な部分も非常に多いので備忘的な部分も多く含めているのをご了承ください。




テキストカスタマイズ

Bubbleのテキストは左メニューの「Text」をドラッグ&ドラッグすることで挿入することができます。

そんな「Text」にはかなりのカスタマイズ項目があります。

ただ、そんな「Text」もよく使う機能と使わない機能があるのでいくつか抜粋して紹介していきます。




スポンサーリンク

テキストカスタマイズ方法

今回はそんなBubbleの「Text」において「Headingタブ(hタグ)」について解説していきます。


「Text」

「Headingタブ(hタグ)」

Bubbleのhタグは指定したテキストのタグを通常の状態から「h1」「h2」といったタグに変更することができます。

しかし見た目的な変化はないので正直分かりづらいです。




「Bubble」でテキストアイテムをカスタマイズてみよう

1-1.今回は「Text」の「Headingタブ(hタグ)」について解説していきます。


1-2.「Text」は左メニュー内にある「Text」から挿入することができます。

Bubble_Text挿入


Bubble_Text挿入_挙動




Headingタブ(hタグ)

1-3.Textアイテムの「hタグ」は「HTML tag fro this element(SEO)」を設定することで変更することができます。

Bubble_Text_HTML tag fro this element(SEO)_1


Bubble_Text_HTML tag fro this element(SEO)_2


Bubble_Text_HTML tag fro this element(SEO)_挙動





今回はここまで。

次回はTextについてまとめていきます。

コメント