ショートコードの一覧

概要

Danganページビルダーでは、テキストの装飾のためのショートコードを用意しています。ページビルダー内の各パーツで使用することができます。

アクセント: [accent]〜[/accent]

文字を目立たせるために色を変えるショートコードです。

※配色は、パーツごとに設定している「スタイル」によって決まります。表示例はスタイルのプレビューを参照下さい。

使用例 これは[accent]ヘッドライン[/accent]の表示例です

ラベル: [label]〜[/label]

文字の背景を塗りつぶすショートコードです。

※配色は、パーツごとに設定している「スタイル」によって決まります。表示例はスタイルのプレビューを参照下さい。

使用例 [label]スタイルA[/label]プレビュー用に表示しています

テキスト: [text]〜[/text]

文字の色・サイズ・ウェイトを指定するためのショートコードです。

パラメーター

color

文字の色を以下の中から指定します。

• white… 白
• red… 赤
• blue… 青
• gray… 灰色
• dark… 黒

使用例 [text color="red"]赤色文字です[/text]

size

文字のサイズを％で指定します。数値は50から300まで10刻みです。例えば、120を指定した場合は、120%のサイズになります。

使用例 [text size="80"]80%のサイズの文字です[/text]

weight

フォントのウェイト（太さ）です。数値は100から900まで100刻みです。例えば、900を指定した場合は、もっとも太くなります。

使用例

使用例 [text weight="900"]最も太い文字です[/text]

また、以下のように複数のパラメーターを組み合わせる事もできます。

使用例 [text size="150" color="blue" weight="700"]ここを強調[/text]

マーカー: [marker]〜[/marker]

蛍光ペン風の黄色いアンダーラインを引くためのショートコードです。

使用例 [marker]ここは大事です[/marker]

枠線: [waku]〜[/waku]

枠線で囲むためのショートコードです。

パラメーター

style

配色パターンを以下の中から指定します。

• a… 薄い灰色の枠線
• b… 青色の枠線
• c… オレンジの枠線と、薄いオレンジの背景
• d… 緑の枠線と、薄い緑の背景

title

枠線のタイトルを設定します。

使用例 [waku style="d" title="枠線の使用例"]この文章は枠線で囲まれています。[/waku]

改行させない: [word]〜[/word]

囲んだ箇所をできるだけ改行しないように表示するショートコードです。スマホなどで表示した時に予期しない位置で改行されるのを防ぐために使用します。

使用例 このドキュメントでは[word]Danganページビルダーの[/word]使い方を紹介します。

カウントダウン: [countdown]

カウントダウンの設定を参照。