ウラオモテで使えるショートコードと使い方

ウラオモテのオリジナル

装飾系

ショートコード	結果
[にじゅうまる]
[まる]
[さんかく]
[ばつ]
[ほし1]
[ほし15]
[ほし2]
[ほし25]
[ほし3]
[ほし35]
[ほし4]
[ほし45]
[ほし5]
[赤]テキスト[/赤]	赤文字
[太赤]テキスト[/太赤]	太赤文字
[太]テキスト[/太]	太字
[蛍光]テキスト[/蛍光]	マーカー

まるばつ記号のオプション値 Ver4.1.0～

Ver4.1.0からまるばつ記号のサイズや余白を持たせられるようにオプション値を設けました。

オプション	意味	デフォルト値	使用例	表示結果
height	サイズの調整	30(px)	[まる height="35" margin="10"]
margin	余白の調整	5(px)	[さんかく height="50" margin="5"]

//オプション値を設定しない場合（デフォルト）
[まる]

//サイズだけを変える場合
[まる height="35"]

//隣接する要素との余白をあけたい場合
[まる margin="10"]

//高さも余白も変えたい場合
[まる height="35" margin="35"]

ランキングのアイコン

[rank rank="xx"]

オプション	意味	デフォルト値	使用例	表示結果
height	サイズの調整	40(px)	[rank rank="1" height="35"]
margin	余白の調整	5(px)	[rank rank="5" margin="10"]

ランキング	値（rank=”XX”）
1～10位	数字
ランク外	_none

使用例	表示結果
[rank rank="1"]
[rank rank="2"]
[rank rank="_none"]

今日の日付

[today_date]

余白の調整 Ver4.1.0～

ブロック間の余白を微調整をしたい時に使います。

全方向指定　[margin value="xx"]

//ショートコード
[margin value="xx"]

//上下の余白を15px増やしたい場合
[margin value="15px 0"]

//上下の余白を15px減らしたい場合
[margin value="-15px 0"]

上側のみ　[margin-top value="xx"]

//ショートコード
[margin-top value="xx"]

//上の余白を15px増やしたい場合
[margin-top value="15px"]

//上の余白を15px減らしたい場合
[margin-top value="-15px"]

下側のみ　[margin-bottom value="xx"]

//ショートコード
[margin-bottom value="xx"]

//上の余白を15px増やしたい場合
[margin-bottom value="15px"]

//上の余白を15px減らしたい場合
[margin-bottom value="-15px"]

スクロールボックス Ver4.1.0～

[scrollbox]

オプション	意味	デフォルト値
title	ボックスのタイトル	－
title_color	タイトルの背景色	#fff
border	ボックスの枠線	1px
border_color	ボックスの枠線色	#ddd
background_color	ボックスの背景色	#fff
padding	ボックス内の余白	20px
height	ボックスの高さ	500px

[scrollbox title="クチコミだよ" title_color="" border="2px" border_color="#2ca9e1" background_color="#edfbff" padding="30px" height="300px"]

～ 表示させたい内容 ～

[/scrollbox]

フッターリンクボタンの表示

カスタムフィールドでフッターのリンクボタンを表示する設定にしている時のみ、以下のショートコードを設置した個所でリンクボタンを表示させることができます。

[フッターボタンを表示]

テキストクリック型のアコーディオン

[acd]
～ クリックした後に表示させる内容 ～
[/acd]

オプション	意味	デフォルト値
title	アコーディオンに表示させる文字	続きを読む
align	文字寄せ	right

[acd title="さらに詳しく" align="left"]
～ クリックした後に表示させる内容 ～
[/acd]

カスタムフィールドの値

本テーマ専用のカスタムフィールドの値を以下のショートコードで呼び出せます。

ショートコード	表示される内容	項目がある場所
[商品名]	商品・サービス名の値	商品情報その1
[商品説明]	商品・サービスの説明の値	商品情報その1
[画像URL]	商品の画像の値（画像）	画像・ヘッダー周り
[URL]	アフィリエイトリンクコードのURL （コンバージョン測定するを選択している場合はそのURL）	リンク設定

ピックアップポイント

Cocoonで用意されてるショートコード

Cocoonで用意されてるショートコードについては公式サイトを参照ください。

以下のサイトの記事でも分かりやすくまとめてくれています。

---

このページの説明は以上です。