ショートコード一覧

レビュー

[review title="●●" caption="●●" avatar="画像URL" star="●●"]コメントが入ります[/review]

title、captionとavatarに画像URlを設定してください。starに評価5までの数値を入力してください。

全国対応で地方の求人も紹介してもらえた

30代 女性

3.5

コメントが入ります。コメントが入ります。コメントが入ります。コメントが入ります。

マーカー

[marker type="●●"]

typeに「verygood」「good」「soso」「bad」のいずれかを指定してください。

吹き出し

[balloon position="●●" name="●●" avatar="画像URL"]コメントが入ります[/balloon]

positionに「left」か「right」、name（任意）、avatarに画像URlを設定してください。

お名前

コメントが入ります。コメントが入ります。コメントが入ります。コメントが入ります。

コメントが入ります。コメントが入ります。コメントが入ります。コメントが入ります。

画像付きボックス

[image_box type="●●" image="画像URL" href="●●" target="blank" width="●●" image_width="●●" bg-color="#●●"]
テキストが入ります
[/image_box]

typeに「center」か「inline」、widthに要素の幅、image_widthに画像の幅を%かpxで指定してください。bg-colorで背景色を設定できます。

center

航空会社

航空会社

航空会社

inline

航空会社

航空会社

日付

[date diff=●●]

diffに今日を基準とした日数差を入力してください。
例：今日「diff=0」、3日後「diff=3」、10日前「diff=-10」

10日前：2026年4月5日

引用

[quote color="#●●" bg-color="#●●" cite="引用元" cite-url="引用元URL"]引用内容が入ります[/quote]

引用内容が入ります。引用内容が入ります。引用内容が入ります。
引用内容が入ります。引用内容が入ります。引用元

線

[border]

点線

[border_dot]

リスト

[list type="●●" text-color="●●●●" marker-color="●●"]内容1,内容2,内容3[/list]

リストの内容をカンマ区切りで、typeに「dics」（中黒）か「decimal」（数字）を入力してください。テキストカラーとマーカーカラーを設定できます。

• 1内容1
• 2内容2
• 3内容3

カウントダウン

[countdown year=●●●● month=●● day=●● hour=●● minute=●● second=●●]

年月日時分秒を設定してください。

時分秒の設定は任意です。未設定の場合は表示されません。

カウントダウン（ルーティーン）

[countdown_r days="●●" hour=●● minute=●● second=●●]

daysに曜日（毎日、日、月、火、水、木、金、土）のどれかと時分秒を設定してください。

例：次の月曜10時まで、

例：毎日10時まで、

時分秒の設定は任意です。未設定の場合は表示されません。月曜10時まで

アコーディオン

[accordion header="タイトル" bg-color="#ededed"]内容を入力します[/accordion]

クリックで内容が表示される、よくある質問などに使うやつです。
headerでタイトルテキスト、bg-colorで背景色を設定できます。

コラムボタン

[column_btn id=●●]

idにコラム記事のIDを設定してください。

ボックス

[box title="タイトル" title-align="center" title-color="#5fc2f5" body-color="#edf6ff"]内容を入力してください[/box]

titleにヘッダテキスト、センター揃えにしたい場合はtitle-align=”center”、title-color、body-colorを設定できます。

星

[star num=●]

numに表示したい星の数を入力してください。

タグ

[tag]●●,●●,●●,●●[/tag]

要素をカンマ区切りで、入力してください。

• XD
• モックアップ
• デザイン
• イラスト
• Photoshop

ボタン

URL、別ウィンドウで開きたい場合はtarget=”blank”、必要な場合はwidthを設定してください。（デフォルトは横幅いっぱいになります）

詳細ボタン

[simple_button url="●●" target="blank" width="●●"]詳しく見る[/simple_button]

公式ボタン

[button url="●●" target="blank" width="●●"]公式サイト[/button]

テキスト点滅

[blink]テキスト[/blink]

点滅させたい部分をblinkタグで囲ってください。

テキストハイライト

テキスト編集のハイライト→背景から設定できます。

ウィジェット内で使用するショートコード

「テーマ設定」->「ウィジェット設定」で使用するショートコードです。

商材

[widget_product id=●●]テキストを入力してください[/widget_product]

idに商材記事IDを入力してください。テキストは自由に設定できます。

コラム

特定のコラムを取得

[widget_column id=●●,●●]

idにコラム記事IDを入力してください。複数表示したい場合はカンマ区切りになります。

最新のコラムを取得

[widget_column recent=●●]

表示したい件数をrecentに入力してください。

特集

[widget_feature id=●●,●●]

idに特集記事IDを入力してください。複数表示したい場合はカンマ区切りになります。