広告 始め方

【タグ一覧まとめ】AFFINGER6(アフィンガー)のタグ機能の使い方

AFFINGER6(アフィンガー)のタグ

https://marumonablog.com

こんにちは、まるモです。

「どうやってAFFINGER6(アフィンガー)のタグ機能と使いこなせば良いんだろうか」と悩んでいる人は多いと思います。

そんな人に向け、「初心者でも簡単にブログを装飾できる」と思ってもらえる設定方法を紹介します！

本記事ではタグ一覧を、文字通り一覧でご紹介します。

まるモ
この記事はこんな人におすすめ
・AFFINGER6(アフィンガー)のタグ機能を使いこなしたい
・AFFINGER6(アフィンガー)のタグ機能を一覧で確認したい
・AFFINGER6(アフィンガー)でおしゃれにブログを装飾したい

そんな疑問や悩みを解決する記事を用意しました。

この記事で紹介する方法を実践すれば、誰でも簡単に連携することができます。

賃貸仲介件数では全国展開のFC事業で全国ベスト3以上を複数回受賞！
累計成約件数2,000件以上！賃貸のみならず売買についてもしっかりご対応！
これまでたくさんのお金にまつわるお仕事をしてきたまるモがお手伝いします。
ファイナンシャルプランナー
宅地建物取引士
賃貸不動産経営管理士

では早速詳しくみていきましょう。

【タグ一覧①】AFFINGER6(アフィンガー)のタグ機能の使い方
【タグ一覧②】AFFINGER6(アフィンガー)のタグ機能の使い方
【タグ一覧③】AFFINGER6(アフィンガー)のタグ機能の使い方
【タグ一覧④】AFFINGER6(アフィンガー)のタグ機能の使い方
【タグ一覧まとめ】AFFINGER6(アフィンガー)のタグ機能の使い方

－本ブログのテーマ－
「稼ぐ」に特化したWordPressテーマ AFFINGER

＼詳しくはコチラ／

今すぐ申し込む

※初心者でも簡単にデザインできました！

テキストパーツ

クリップメモ

クリップメモ-メモ

[st-cmemo webicon="st-svg-file-text-o" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモ-メモ[/st-cmemo]

クリップメモー外部リンク

[st-cmemo webicon="st-svg-external-link" iconcolor="#BDBDBD" bgcolor="#fafafa" color="#757575" bordercolor="" borderwidth="" iconsize=""]クリップメモー外部リンク[/st-cmemo]

クリップメモーブックマーク

[st-cmemo webicon="st-svg-bookmark" iconcolor="#BDBDBD" bgcolor="#fafafa" color="#757575" bordercolor="" borderwidth="" iconsize=""]クリップメモーブックマーク[/st-cmemo]

クリップメモーおしらせ

[st-cmemo webicon="st-svg-bullhorn" iconcolor="#FFEB3B" bgcolor="#FFFDE7" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモーおしらせ[/st-cmemo]

クリップメモーはてな

[st-cmemo webicon="st-svg-question-circle" iconcolor="#4FC3F7" bgcolor="#E1F5FE" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモーはてな[/st-cmemo]

クリップメモーコメント

[st-cmemo webicon="st-svg-comments" iconcolor="#F48FB1" bgcolor="#FCE4EC" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモーコメント[/st-cmemo]

クリップメモーコード

[st-cmemo webicon="st-svg-code" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize="150"]クリップメモーコード[/st-cmemo]

クリップメモーポイント

[st-cmemo webicon="st-svg-lightbulb-o" iconcolor="#FFA726" bgcolor="#FFF3E0" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモーポイント[/st-cmemo]

クリップメモーユーザー

[st-cmemo webicon="st-svg-user" iconcolor="#4FC3F7" bgcolor="#E1F5FE" color="#000000" bordercolor="" borderwidth="" iconsize="150"]クリップメモーユーザー[/st-cmemo]

クリップメモー初心者

[st-cmemo webicon="st-svg-bigginer_l" iconcolor="#9CCC65" bgcolor="#F1F8E9" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモー初心者[/st-cmemo]

クリップメモー注意文

[st-cmemo webicon="st-svg-exclamation-circle" iconcolor="#ef5350" bgcolor="#ffebee" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモー注意文[/st-cmemo]

クリップメモー注意文(グレー)

[st-cmemo webicon="st-svg-exclamation-circle" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモー注意文(グレー)[/st-cmemo]

ここにテキストクリップメモー「？」ガイド＊使用不可

[st-cmemo webicon="Webアイコン" iconcolor="アイコンの色" bgcolor="背景色" color="文字色" bordercolor="ボーダー色" borderwidth="枠線の太さ（px）" iconsize="アイコンサイズ（%）"]ここにテキストクリップメモー「？」ガイド＊使用不可[/st-cmemo]

クリップメモ(テキスト)

クリップメモ(テキスト)ーメモ

[st-cmemo myclass="st-text-guide st-text-guide-memo" webicon="st-svg-pencil" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモ(テキスト)ーメモ[/st-cmemo]

クリップメモ(テキスト)ー参考

[st-cmemo myclass="st-text-guide st-text-guide-sankou" webicon="st-svg-quote-left" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモ(テキスト)ー参考[/st-cmemo]

クリップメモ(テキスト)ー関連

[st-cmemo myclass="st-text-guide st-text-guide-kanren" webicon="st-svg-file-text-o" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモ(テキスト)ー関連[/st-cmemo]

クリップメモ(テキスト)ー注意

[st-cmemo myclass="st-text-guide st-text-guide-attention" webicon="st-svg-exclamation-circle" iconcolor="#ef5350" bgcolor="#ffebee" color="#000000" bordercolor="#ffcdd2" borderwidth="" iconsize=""]クリップメモ(テキスト)ー注意[/st-cmemo]

クリップメモ(テキスト)ーCheck

[st-cmemo myclass="st-text-guide st-text-guide-point" webicon="st-svg-check" iconcolor="#FF8F00" bgcolor="#FFF8E1" color="#000000" bordercolor="#FFE082" borderwidth="" iconsize="150"]クリップメモ(テキスト)ーCheck[/st-cmemo]

クリップメモ(テキスト)ー次へ進む

[st-cmemo myclass="st-text-guide st-text-guide-next" webicon="st-svg-arrow-right faa-horizontal animated" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize="150"]クリップメモ(テキスト)ー次へ進む[/st-cmemo]

クリップメモ(テキスト)ー前に戻る

[st-cmemo myclass="st-text-guide st-text-guide-prev" webicon="st-svg-arrow-left" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize="150"]クリップメモ(テキスト)ー前に戻る[/st-cmemo]

クリップメモ(テキスト)ー質問

[st-cmemo myclass="st-text-guide st-text-guide-question" webicon="st-svg-quora" iconcolor="#29B6F6" bgcolor="#E1F5FE" color="#000000" bordercolor="#81D4FA" borderwidth="" iconsize=""]クリップメモ(テキスト)ー質問[/st-cmemo]

クリップメモ(テキスト)ー回答

[st-cmemo myclass="st-text-guide st-text-guide-answer" webicon="st-svg-font" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""]クリップメモ(テキスト)ー回答[/st-cmemo]

ミニふきだし

ミニふきだしー基本

[st-minihukidashi webicon="" fontsize="" fontweight="" bgcolor="#f3f3f3" color="#000000" margin="0 0 20px 0" radius="" position="" myclass="" add_boxstyle=""]ミニふきだしー基本[/st-minihukidashi]

ミニふきだしーオレンジ

[st-minihukidashi webicon="" fontsize="" fontweight="" bgcolor="#FFB74D" color="#fff" margin="0 0 20px 0" radius="" position="" myclass="" add_boxstyle=""]ミニふきだしーオレンジ[/st-minihukidashi]

ミニふきだしーピンク

[st-minihukidashi webicon="" fontsize="" fontweight="" bgcolor="#F48FB1" color="#fff" margin="0 0 20px 0" radius="" position="" myclass="" add_boxstyle=""]ミニふきだしーピンク[/st-minihukidashi]

ミニふきだしーブルー

[st-minihukidashi webicon="" fontsize="" fontweight="" bgcolor="#4FC3F7" color="#fff" margin="0 0 20px 0" radius="" position="" myclass="" add_boxstyle=""]ミニふきだしーブルー[/st-minihukidashi]

ミニふきだしーグリーン

[st-minihukidashi webicon="" fontsize="" fontweight="" bgcolor="#7CB342" color="#fff" margin="0 0 20px 0" radius="" position="" myclass="" add_boxstyle=""]ミニふきだしーグリーン[/st-minihukidashi]

ミニふきだしーレッド

[st-minihukidashi webicon="" fontsize="" fontweight="" bgcolor="#f44336" color="#fff" margin="0 0 20px 0" radius="" position="" myclass="" add_boxstyle=""]ミニふきだしーレッド[/st-minihukidashi]

ふきだしテキスト

ミニふきだしー+マイボックス

 shortcode
[st-div class="" margin="0 0 15px 0" padding="0 0 0 0" add_style=""][st-minihukidashi webicon="e" fontsize="" fontweight="bold" bgcolor="#f3f3f3" color="" margin="0" radius="" position="" myclass="" add_boxstyle=""]ふきだしテキスト[/st-minihukidashi][/st-div][st-mybox title="" webicon="" color="" bordercolor="" bgcolor="#f3f3f3" borderwidth="" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="0 0 25px 0"]ミニふきだしー+マイボックス[/st-mybox]

ここにテキストミニふきだしー［？］ガイド＊使用不可

[st-minihukidashi webicon="Webアイコン" fontsize="文字サイズ（%）" fontweight="文字の太さ（bold）" bgcolor="背景色" color="文字色" margin="余白（上 右 下 左）" radius="角の丸み" position="吹き出し位置（on）" myclass="CSSクラス" add_boxstyle="全体を囲むdivに追加するCSS"]ここにテキストミニふきだしー［？］ガイド＊使用不可[/st-minihukidashi]

複合

自由なメモ

複合ー自由なメモ

 shortcode
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#FFC107" color="#fff" margin="0 0 0 -6px"]自由なメモ[/st-minihukidashi][st-cmemo webicon="st-svg-file-text-o" iconcolor="#FFC107" bgcolor="#FFFDE7" color="#000000" iconsize="200"]
複合ー自由なメモ
[/st-cmemo]

ココがポイント

複合ーココがポイント

 shortcode
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#3F51B5" color="#fff" margin="0 0 0 -6px"]ココがポイント[/st-minihukidashi][st-cmemo webicon="st-svg-hand-o-right" iconcolor="#3F51B5" bgcolor="#E8EAF6" color="#000000" iconsize="200"]
複合ーココがポイント
[/st-cmemo]

ココがおすすめ

複合ーココがおすすめ

 shortcode
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#3F51B5" color="#fff" margin="0 0 0 -6px"]ココがおすすめ[/st-minihukidashi][st-cmemo webicon="st-svg-thumbs-o-up" iconcolor="#3F51B5" bgcolor="#E8EAF6" color="#000000" iconsize="200"]
複合ーココがおすすめ
[/st-cmemo]

ココがダメ

複合ーココがダメ

 shortcode
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#3F51B5" color="#fff" margin="0 0 0 -6px"]ココがダメ[/st-minihukidashi][st-cmemo webicon="st-svg-thumbs-o-down" iconcolor="#3F51B5" bgcolor="#E8EAF6" color="#000000" iconsize="200"]
複合ーココがダメ
[/st-cmemo]

ココに注意

複合ーココに注意

 shortcode
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#ef5350" color="#fff" margin="0 0 0 -6px"]ココに注意[/st-minihukidashi][st-cmemo webicon="st-svg-exclamation-circle" iconcolor="#ef5350" bgcolor="#ffebee" color="#000000" iconsize="200"]
複合ーココに注意
[/st-cmemo]

さらに詳しく

複合ーもっと詳しく

 shortcode
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#66BB6A" color="#fff" margin="0 0 0 -8px"]さらに詳しく[/st-minihukidashi][st-cmemo webicon="st-svg-search" iconcolor="#66BB6A" bgcolor="#E8F5E9" color="#000000" iconsize="200"]
複合ーもっと詳しく
[/st-cmemo]

◯才女性

複合ー女性コメント

 shortcode
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#F06292" color="#fff" margin="0 0 0 -9px"]◯才女性[/st-minihukidashi][st-cmemo webicon="st-svg-user" iconcolor="#F06292" bgcolor="#FCE4EC" color="#000000" iconsize="200"]
複合ー女性コメント
[/st-cmemo]

◯才男性

複合ー男性コメント

 shortcode
[st-minihukidashi webicon="" fontsize="80" fontweight="" bgcolor="#42A5F5" color="#fff" margin="0 0 0 -9px"]◯才男性[/st-minihukidashi]
[st-cmemo webicon="st-svg-user" iconcolor="#42A5F5" bgcolor="#E3F2FD" color="#000000" iconsize="200"]
複合ー男性コメント
[/st-cmemo]

複合(アイコンなし)

自由なメモ

複合(アイコンなし)ー自由なメモ

 shortcode
[st-minihukidashi webicon="st-svg-file-text-o" fontsize="90" fontweight="bold" bgcolor="#FFC107" color="#fff" margin="0 0 0 0"]自由なメモ[/st-minihukidashi][st-mybox title="" webicon="" color="#757575" bordercolor="" bgcolor="#FFFDE7" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
複合(アイコンなし)ー自由なメモ
[/st-mybox]

ココがポイント

複合(アイコンなし)ーココがポイント

 shortcode
[st-minihukidashi webicon="st-svg-hand-o-right" fontsize="90" fontweight="bold" bgcolor="#3F51B5" color="#fff" margin="0 0 0 0"]ココがポイント[/st-minihukidashi][st-mybox title="" webicon="" color="#757575" bordercolor="" bgcolor="#E8EAF6" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
複合(アイコンなし)ーココがポイント
[/st-mybox]

ココがおすすめ

複合(アイコンなし)ーココがおすすめ

 shortcode
[st-minihukidashi webicon="st-svg-circle-o" fontsize="90" fontweight="bold" bgcolor="#3F51B5" color="#fff" margin="0 0 0 0"]ココがおすすめ[/st-minihukidashi][st-mybox title="" webicon="" color="#757575" bordercolor="" bgcolor="#E8EAF6" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
複合(アイコンなし)ーココがおすすめ
[/st-mybox]

ココがダメ

複合(アイコンなし)ーココがダメ

 shortcode
[st-minihukidashi webicon="st-svg-times" fontsize="90" fontweight="bold" bgcolor="#3F51B5" color="#fff" margin="0 0 0 0"]ココがダメ[/st-minihukidashi][st-mybox title="" webicon="" color="#757575" bordercolor="" bgcolor="#E8EAF6" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
複合(アイコンなし)ーココがダメ
[/st-mybox]

ココに注意

複合(アイコンなし)ーココに注意

 shortcode
[st-minihukidashi webicon="st-svg-exclamation-circle" fontsize="90" fontweight="bold" bgcolor="#ef5350" color="#fff" margin="0 0 0 0"]ココに注意[/st-minihukidashi][st-mybox title="" webicon="" color="#757575" bordercolor="" bgcolor="#ffebee" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
複合(アイコンなし)ーココに注意
[/st-mybox]

もっと詳しく

複合(アイコンなし)ーもっと詳しく

 shortcode
[st-minihukidashi webicon="st-svg-search" fontsize="90" fontweight="bold" bgcolor="#66BB6A" color="#fff" margin="0 0 0 0"]もっと詳しく[/st-minihukidashi][st-mybox title="" webicon="" color="#757575" bordercolor="" bgcolor="#E8F5E9" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
複合(アイコンなし)ーもっと詳しく
[/st-mybox]

つまづきポイント

複合(アイコンなし)ーはてなマーク

 shortcode
[st-minihukidashi webicon="st-svg-question-circle" fontsize="90" fontweight="bold" bgcolor="#03A9F4" color="#fff" margin="0 0 0 0"]つまづきポイント[/st-minihukidashi][st-mybox title="" webicon="" color="#757575" bordercolor="" bgcolor="#E1F5FE" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
複合(アイコンなし)ーはてなマーク
[/st-mybox]

まるもじ(小)

まるもじ(小)ー基本
 shortcode
[st-marumozi webicon="" bgcolor="#f3f3f3" bordercolor="" color="#000000" radius="30" margin="0 10px 0 0" myclass=""]まるもじ(小)ー基本[/st-marumozi]
まるもじ(小)ーオレンジ
 shortcode
[st-marumozi webicon="" bgcolor="#FFB74D" bordercolor="" color="#fff" radius="30" margin="0 10px 0 0" myclass=""]まるもじ(小)ーオレンジ[/st-marumozi]
まるもじ(小)ーピンク
 shortcode
[st-marumozi webicon="" bgcolor="#F48FB1" bordercolor="" color="#fff" radius="30" margin="0 10px 0 0" myclass=""]まるもじ(小)ーピンク[/st-marumozi]
まるもじ(小)ーブルー
 shortcode
[st-marumozi webicon="" bgcolor="#4FC3F7" bordercolor="" color="#fff" radius="30" margin="0 10px 0 0" myclass=""]まるもじ(小)ーブルー[/st-marumozi]
まるもじ(小)ーブルー
 shortcode
[st-marumozi webicon="" bgcolor="#4FC3F7" bordercolor="" color="#fff" radius="30" margin="0 10px 0 0" myclass=""]まるもじ(小)ーブルー[/st-marumozi]

 shortcode
[st-marumozi webicon="st-svg-exclamation-circle" bgcolor="#ffebee" bordercolor="" color="#ef5350" radius="30" margin="0 10px 0 0" myclass=""][/st-marumozi]
まるもじ(小)ー注意
 shortcode
[st-marumozi webicon="st-svg-exclamation-circle" bgcolor="#ef5350" bordercolor="" color="#fff" radius="30" margin="0 10px 0 0" myclass=""]まるもじ(小)ー注意[/st-marumozi]
ここにテキストまるもじ(小)ー［？］ガイド＊使用不可
 shortcode
[st-marumozi webicon="Webアイコン" bgcolor="背景色" bordercolor="ボーダー色" color="文字色" radius="角丸（px）" margin="余白（上 右 下 左）" myclass="CSSクラス"]ここにテキストまるもじ(小)ー［？］ガイド＊使用不可[/st-marumozi]

まるもじ(大)

まるもじ(大)ー基本

 shortcode
[st-marumozi-big webicon="" bgcolor="#f3f3f3" bordercolor="" color="#000000" radius="30" margin="0 10px 10px 0" myclass=""]まるもじ(大)ー基本[/st-marumozi-big]

まるもじ(大)ーオレンジ

 shortcode
[st-marumozi-big webicon="" bgcolor="#FFB74D" bordercolor="" color="#fff" radius="30" margin="0 10px 10px 0" myclass=""]まるもじ(大)ーオレンジ[/st-marumozi-big]

まるもじ(大)ーピンク

 shortcode
[st-marumozi-big webicon="" bgcolor="#F48FB1" bordercolor="" color="#fff" radius="30" margin="0 10px 10px 0" myclass=""]まるもじ(大)ーピンク[/st-marumozi-big]

まるもじ(大)ーブルー

 shortcode
[st-marumozi-big webicon="" bgcolor="#4FC3F7" bordercolor="" color="#fff" radius="30" margin="0 10px 10px 0" myclass=""]まるもじ(大)ーブルー[/st-marumozi-big]

まるもじ(大)ーはてな

 shortcode
[st-marumozi-big webicon="st-svg-question-circle" bgcolor="#4FC3F7" bordercolor="" color="#fff" radius="30" margin="0 10px 10px 0" myclass=""]まるもじ(大)ーはてな[/st-marumozi-big]

まるもじ(大)ーチェック

 shortcode
[st-marumozi-big webicon="st-svg-check-circle" bgcolor="#FFB74D" bordercolor="" color="#fff" radius="30" margin="0 10px 10px 0" myclass=""]まるもじ(大)ーチェック[/st-marumozi-big]

まるもじ(大)ーうすい注意

 shortcode
[st-marumozi-big webicon="st-svg-exclamation-circle" bgcolor="#ffebee" bordercolor="" color="#ef5350" radius="30" margin="0 10px 10px 0" myclass=""]まるもじ(大)ーうすい注意[/st-marumozi-big]

まるもじ(大)ー注意

 shortcode
[st-marumozi-big webicon="st-svg-exclamation-circle" bgcolor="#ef5350" bordercolor="" color="#fff" radius="30" margin="0 10px 10px 0" myclass=""]まるもじ(大)ー注意[/st-marumozi-big]

ここにテキストまるもじ(大)ー［？］ガイド＊使用不可

 shortcode
[st-marumozi-big webicon="Webアイコン" bgcolor="背景色" bordercolor="ボーダー色" color="文字色" radius="角丸（px）" margin="余白（上 右 下 左）" myclass="CSSクラス"]ここにテキストまるもじ(大)ー［？］ガイド＊使用不可[/st-marumozi-big]

〈/〉HTML(カスタム)

〈/〉HTML(カスタム)ールビ(ふりがな)ふりがな

 html
<p><ruby>〈/〉HTML(カスタム)ールビ(ふりがな)<rt>ふりがな</rt></ruby></p>

〈/〉HTML(カスタム)ーPタグ

 shortcode
[st-p add_style=""]〈/〉HTML(カスタム)ーPタグ[/st-p]
〈/〉HTML(カスタム)ーspanタグ
 shortcode
[st-span add_style=""]〈/〉HTML(カスタム)ーspanタグ[/st-span]

％カスタムフォント

％カスタムフォントーデフォルト

 shortcode
[st-designfont myclass="" webicon="" fontsize="150" fontweight="bold" color="#000" textshadow="" webfont="" margin="0 0 20px 0"]％カスタムフォントーデフォルト[/st-designfont]

％カスタムフォントー白影

 shortcode
[st-designfont myclass="" webicon="" fontsize="150" fontweight="bold" color="#fff" textshadow="#424242" webfont="on" margin="0 0 20px 0"]％カスタムフォントー白影[/st-designfont]

ステップ

step
1ステップ


step
2ステップ


step
3ステップ

 shortcode
[st-step step_no="1"]ステップ[/st-step]
[st-step step_no="2"]ステップ[/st-step]
[st-step step_no="3"]ステップ[/st-step]

ポイント

ポイント

 shortcode
[st-point fontsize="" fontweight="bold" bordercolor=""]ポイント[/st-point]

ラベル

おすすめ

ラベル
ラベル
ラベル

 shortcode
[st-label label="おすすめ" bgcolor="#FBC02D" color="#FFFFFF"]
ラベルラベルラベル
[/st-label]

流れる文字(marquee風)

流れる文字(marquee風)

<div class="st-marquee"><p>流れる文字(marquee風)</p></div>

ボックスデザイン

タイトル

バナー風ボックスー基本

 shortcode
[st-flexbox url="" rel="nofollow" target="" webicon="" title="タイトル" width="" height="" color="#fff" fontsize="200" radius="0" shadow="#424242" bordercolor="#ccc" borderwidth="1" bgcolor="#ccc" backgroud_image="" blur="on" left="" margin_bottom="0" myclass=""]
バナー風ボックスー基本
[/st-flexbox]

タイトル

バナー風ボックスー背景なし(高さ400px)

 shortcode
[st-flexbox url="" rel="nofollow" target="" webicon="" title="タイトル" width="" height="400" color="#fff" fontsize="200" radius="0" shadow="#424242" bordercolor="" borderwidth="0" bgcolor="" backgroud_image="" blur="" left="" margin_bottom="0" myclass=""]
バナー風ボックスー背景なし(高さ400px)
[/st-flexbox]

タイトル

バナー風ボックスー左寄せ

 shortcode
[st-flexbox url="" rel="nofollow" target="" webicon="" title="タイトル" width="" height="" color="#fff" fontsize="120" radius="0" shadow="#424242" bordercolor="#ccc" borderwidth="1" bgcolor="#29B6F6" backgroud_image="" blur="" left="on" margin_bottom="0" myclass=""]
バナー風ボックスー左寄せ
[/st-flexbox]

マイボックス

ポイント

マイボックスー基本

 shortcode
[st-mybox title="ポイント" webicon="st-svg-check-circle" color="#757575" bordercolor="#BDBDBD" bgcolor="#ffffff" borderwidth="2" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスー基本
[/st-mybox]

マイボックスーしかく(枠のみ)

 shortcode
[st-mybox title="" webicon="" color="#757575" bordercolor="#ccc" bgcolor="#ffffff" borderwidth="2" borderradius="2" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスーしかく(枠のみ)
[/st-mybox]

マイボックスーまるみ

 shortcode
[st-mybox title="" webicon="" color="#757575" bordercolor="#BDBDBD" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスーまるみ
[/st-mybox]

参考

マイボックスー参考

 shortcode
[st-mybox title="参考" webicon="st-svg-file-text-o" color="#757575" bordercolor="" bgcolor="#fafafa" borderwidth="0" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスー参考
[/st-mybox]

関連

マイボックスー関連

 shortcode
[st-mybox title="関連" webicon="st-svg-file-text-o" color="#757575" bordercolor="" bgcolor="#fafafa" borderwidth="0" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスー関連
[/st-mybox]

メモ

マイボックスーメモ

 shortcode
[st-mybox title="メモ" webicon="st-svg-file-text-o" color="#757575" bordercolor="" bgcolor="#fafafa" borderwidth="0" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスーメモ
[/st-mybox]

ポイント

マイボックスーポイント

 shortcode
[st-mybox title="ポイント" webicon="st-svg-check-circle" color="#FFD54F" bordercolor="#FFD54F" bgcolor="#FFFDE7" borderwidth="2" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスーポイント
[/st-mybox]

注意ポイント

マイボックスー注意ポイント

 shortcode
[st-mybox title="注意ポイント" webicon="st-svg-exclamation-circle" color="#ef5350" bordercolor="#ef9a9a" bgcolor="#ffebee" borderwidth="2" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスー注意ポイント
[/st-mybox]

はてな

マイボックスーはてな

 shortcode
[st-mybox title="はてな" webicon="st-svg-question-circle" color="#03A9F4" bordercolor="#B3E5FC" bgcolor="#E1F5FE" borderwidth="2" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスーはてな
[/st-mybox]

ふきだしテキスト

マイボックスー+ミニふきだし

 shortcode
[st-div class="" margin="0 0 15px 0" padding="0 0 0 0" add_style=""][st-minihukidashi webicon="e" fontsize="" fontweight="bold" bgcolor="#f3f3f3" color="" margin="0" radius="5" position="" add_boxstyle=""]ふきだしテキスト[/st-minihukidashi][/st-div]
[st-mybox title="" webicon="" color="" bordercolor="#f3f3f3" bgcolor="" borderwidth="5" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="0 0 25px 0"]
マイボックスー+ミニふきだし
[/st-mybox]

マイボックスーShortCode

 shortcode
[st-scbox title="" webicon="" color="#000" bordercolor="" bgcolor="#fafafa" borderwidth="" borderradius="0" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
マイボックスーShortCode
[/st-scbox]

マイボックス(+CSSクラス)

メモ

マイボックス(+CSSクラス)ーメモ

 shortcode
[st-mybox title="メモ" webicon="st-svg-file-text-o" color="#727272" bordercolor="#ff0000" bgcolor="#FAFAFA" borderwidth="0" borderradius="5" titleweight="bold" title_bordercolor="" fontsize="" myclass="st-mybox-class st-title-under" margin="25px 0 25px 0"]
マイボックス(+CSSクラス)ーメモ
[/st-mybox]

メモ

マイボックス(+CSSクラス)ーメモ(下線のみ)

 shortcode
[st-mybox title="メモ" webicon="st-svg-file-text-o" color="#727272" bordercolor="#ff0000" bgcolor="#FAFAFA" borderwidth="0" borderradius="5" titleweight="bold" title_bordercolor="#757575" fontsize="" myclass="st-mybox-class st-title-under" margin="25px 0 25px 0"]
マイボックス(+CSSクラス)ーメモ(下線のみ)
[/st-mybox]

メモ

マイボックス(+CSSクラス)ーメモ(枠のみ)

 shortcode
[st-mybox title="メモ" webicon="st-svg-file-text-o" color="#727272" bordercolor="#f3f3f3" bgcolor="" borderwidth="3" borderradius="5" titleweight="bold" title_bordercolor="" fontsize="" myclass="st-mybox-class st-title-under" margin="25px 0 25px 0"]
マイボックス(+CSSクラス)ーメモ(枠のみ)
[/st-mybox]

メモ

マイボックス(+CSSクラス)ーメモ(枠・下線あり)

 shortcode
[st-mybox title="メモ" webicon="st-svg-file-text-o" color="#727272" bordercolor="#f3f3f3" bgcolor="" borderwidth="3" borderradius="5" titleweight="bold" title_bordercolor="#757575" fontsize="" myclass="st-mybox-class st-title-under" margin="25px 0 25px 0"]
マイボックス(+CSSクラス)ーメモ(枠・下線あり)
[/st-mybox]

ここに注意

マイボックス(+CSSクラス)ー注意(下線のみ)

 shortcode
[st-mybox title="ここに注意" webicon="st-svg-exclamation-circle" color="#ef5350" bordercolor="#f3f3f3" bgcolor="#ffebee" borderwidth="" borderradius="5" titleweight="bold" title_bordercolor="#ef5350" fontsize="" myclass="st-mybox-class st-title-under" margin="25px 0 25px 0"]
マイボックス(+CSSクラス)ー注意(下線のみ)
[/st-mybox]

必要なモノ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト
 shortcode
[st-mybox title="必要なモノ" webicon="st-svg-file-text-o" color="#757575" bordercolor="#f3f3f3" bgcolor="" borderwidth="3" borderradius="5" titleweight="bold" title_bordercolor="#757575" fontsize="" myclass="st-mybox-class st-title-under st-list-circle" margin="25px 0 25px 0"]

    

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 


[/st-mybox]

必要なモノ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト
 shortcode
[st-mybox title="必要なモノ" webicon="st-svg-file-text-o" color="#757575" bordercolor="#f3f3f3" bgcolor="" borderwidth="3" borderradius="5" titleweight="bold" title_bordercolor="#757575" fontsize="" myclass="st-mybox-class st-title-under st-list-border st-list-circle" margin="25px 0 25px 0"]

    

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 


[/st-mybox]

チェックリスト

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト
 shortcode
[st-mybox title="チェックリスト" webicon="st-svg-file-text-o" color="#757575" bordercolor="#f3f3f3" bgcolor="" borderwidth="3" borderradius="5" titleweight="bold" title_bordercolor="#757575" fontsize="" myclass="st-mybox-class st-title-under st-list-check" margin="25px 0 25px 0"]

    

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 


[/st-mybox]

チェックリスト

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト
 shortcode
[st-mybox title="チェックリスト" webicon="st-svg-file-text-o" color="#757575" bordercolor="#f3f3f3" bgcolor="" borderwidth="3" borderradius="5" titleweight="bold" title_bordercolor="#757575" fontsize="" myclass="st-mybox-class st-title-under st-list-border st-list-check" margin="25px 0 25px 0"]

    

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 


[/st-mybox]

簡単な流れ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト
 shortcode
[st-mybox title="簡単な流れ" webicon="st-svg-list-ol" color="#757575" bordercolor="#f3f3f3" bgcolor="" borderwidth="3" borderradius="5" titleweight="bold" title_bordercolor="#757575" fontsize="" myclass="st-mybox-class st-title-under st-list-no" margin="25px 0 25px 0"]

    

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 


[/st-mybox]

簡単な流れ

  • ダミーテキスト
  • ダミーテキスト
  • ダミーテキスト
 shortcode
[st-mybox title="簡単な流れ" webicon="st-svg-list-ol" color="#757575" bordercolor="#f3f3f3" bgcolor="" borderwidth="3" borderradius="5" titleweight="bold" title_bordercolor="#757575" fontsize="" myclass="st-mybox-class st-title-under st-list-no st-list-border" margin="25px 0 25px 0"]

    

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 

  • ダミーテキスト
    • 


[/st-mybox]

見出し付きフリーボックス

見出し（全角15文字）

見出し付きフリーボックスー基本

 shortcode
[st-midasibox title="見出し（全角15文字）" webicon="" bordercolor="" color="" bgcolor="" borderwidth="" borderradius="" titleweight="bold" myclass=""]
見出し付きフリーボックスー基本
[/st-midasibox]

注意

見出し付きフリーボックスー注意

 shortcode
[st-midasibox title="注意" webicon="st-svg-exclamation-circle faa-flash animated" bordercolor="#f44336" color="" bgcolor="#ffebee" borderwidth="" borderradius="5" titleweight="bold" myclass=""]
見出し付きフリーボックスー注意
[/st-midasibox]

はてな

見出し付きフリーボックスーはてな

 shortcode
[st-midasibox title="はてな" webicon="st-svg-question-circle faa-ring animated" bordercolor="#03A9F4" color="#fff" bgcolor="#E1F5FE" borderwidth="" borderradius="5" titleweight="bold" myclass=""]
見出し付きフリーボックスーはてな
[/st-midasibox]

ポイント

見出し付きフリーボックスーポイント

 shortcode
[st-midasibox title="ポイント" webicon="st-svg-check-circle faa-ring animated" bordercolor="#FFC107" color="" bgcolor="#FFFDE7" borderwidth="" borderradius="5" titleweight="bold" myclass=""]
見出し付きフリーボックスーポイント
[/st-midasibox]

メモ

見出し付きフリーボックスーメモ

 shortcode
[st-midasibox title="メモ" webicon="st-svg-file-text-o faa-float animated" bordercolor="#757575" color="" bgcolor="#FAFAFA" borderwidth="" borderradius="5" titleweight="bold" myclass=""]
見出し付きフリーボックスーメモ
[/st-midasibox]

見出し（全角15文字）

見出し付きフリーボックスー基本(タイトル幅100%)

 shortcode
[st-midasibox-intitle title="見出し（全角15文字）" webicon="" bordercolor="" color="" bgcolor="" borderwidth="" borderradius="" titleweight="bold" myclass=""]
見出し付きフリーボックスー基本(タイトル幅100%)
[/st-midasibox-intitle]

注意

見出し付きフリーボックスー注意(タイトル幅100%)

 shortcode
[st-midasibox-intitle title="注意" webicon="st-svg-exclamation-circle faa-flash animated" bordercolor="#f44336" color="" bgcolor="#ffebee" borderwidth="" borderradius="5" titleweight="bold" myclass=""]
見出し付きフリーボックスー注意(タイトル幅100%)
[/st-midasibox-intitle]

はてな

見出し付きフリーボックスーはてな(タイトル幅100%)

 shortcode
[st-midasibox-intitle title="はてな" webicon="st-svg-question-circle faa-ring animated" bordercolor="#03A9F4" color="#fff" bgcolor="#E1F5FE" borderwidth="" borderradius="5" titleweight="bold" myclass=""]
見出し付きフリーボックスーはてな(タイトル幅100%)
[/st-midasibox-intitle]

ポイント

見出し付きフリーボックスーポイント(タイトル幅100%)

 shortcode
[st-midasibox-intitle title="ポイント" webicon="st-svg-check-circle faa-ring animated" bordercolor="#FFC107" color="" bgcolor="#FFFDE7" borderwidth="" borderradius="5" titleweight="bold" myclass=""]
見出し付きフリーボックスーポイント(タイトル幅100%)
[/st-midasibox-intitle]

メモ

見出し付きフリーボックスーメモ(タイトル幅100%)

 shortcode
[st-midasibox-intitle title="メモ" webicon="st-svg-file-text-o faa-float animated" bordercolor="#757575" color="" bgcolor="#FAFAFA" borderwidth="" borderradius="5" titleweight="bold" myclass=""]
見出し付きフリーボックスーメモ(タイトル幅100%)
[/st-midasibox-intitle]

メモボックス

メモ

メモボックス

<div class="st-memobox2">
<p class="st-memobox-title">メモ</p>
<p>メモボックス</p>
</div>

スライドボックス

 shortcode
[st-slidebox webicon="" text="+ クリックして下さい" myclass="" bgcolor="" color="#1a1a1a" margin_bottom="20"]
スライドボックス
[/st-slidebox]

チェックボックス(番号無しリスト)

チェックボックス(番号無しリスト)

 shortcode
[st-square-checkbox bgcolor="" bordercolor="" fontweight="" borderwidth="3"]


チェックボックス(番号無しリスト)


[/st-square-checkbox]

こんな方におすすめ(v)

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです
<div class="st-blackboard">
<p class="st-blackboard-title-box"><span class="st-blackboard-title">こんな方におすすめ</span></p>
<ul class="st-blackboard-list st-no-ck-off">
<li>これはダミーのテキストです</li>
<li>これはダミーのテキストです</li>
</ul>
</div>

こんな方におすすめ［ｖ］

こんな方におすすめ

  • これはダミーのテキストです
  • これはダミーのテキストです
<div class="st-blackboard square-checkbox">
<p class="st-blackboard-title-box"><span class="st-blackboard-title">こんな方におすすめ</span></p>
<ul class="st-blackboard-list st-no-ck-off">
<li>これはダミーのテキストです</li>
<li>これはダミーのテキストです</li>
</ul>
</div>

ガイドマップメニュー

<div class="st-link-guide st-link-guide-post">
<ul class="st-link-guide-menu">
<li><a href="#">ダミーリンク</a></li>
<li><a href="#">ダミーリンク</a></li>
<li><a href="#">ダミーリンク</a></li>
</ul>
</div>

pre

 html
pre

 shortcode
[st-pre myclass="" text="html" webicon=""]
pre
[/st-pre]

pre：terminal

 command
pre：terminal

 shortcode
[st-pre myclass="st-terminal" text="command" webicon="st-svg-terminal"]
pre：terminal
[/st-pre]

pre：shortcode

 shortcode
pre：shortcode

 html
[st-pre-sc myclass="" text="shortcode" webicon=""[]
pre：shortcode
[/st-pre-sc]
＞JTB公式へ＞JTB公式へ

カスタムボタン

ノーマル

ボタン

 shortcode
[st-mybutton class="" url="#" title="ボタン" rel="" webicon="" target="" color="#000000" bgcolor="#FFF" bgcolor_top="" bordercolor="#CCC" borderwidth="3" borderradius="0" fontsize="" fontweight="" width="100" webicon_after=""" shadow="" ref="" beacon=""]

詳しくはコチラ

 shortcode
[st-mybutton url="#" title="詳しくはコチラ" rel="" webicon="" target="" color="#fff" bgcolor="#FFD54F" bgcolor_top="#ffdb69" bordercolor="#FFEB3B" borderwidth="1" borderradius="5" fontsize="" fontweight="bold" width="" webicon_after="st-svg-angle-right" shadow="#FFB300" ref="on" beacon=""]

詳しくはコチラ

 shortcode
[st-mybutton url="#" title="詳しくはコチラ" rel="" webicon="" target="_blank" color="#fff" bgcolor="#e53935" bgcolor_top="#f44336" bordercolor="#e57373" borderwidth="1" borderradius="5" fontsize="" fontweight="bold" width="" webicon_after="st-svg-angle-right" shadow="#c62828" ref="on" beacon=""]

詳しくはコチラ

 shortcode
[st-mybutton url="#" title="詳しくはコチラ" rel="" webicon="" target="_blank" color="#fff" bgcolor="#43A047" bgcolor_top="#66BB6A" bordercolor="#81C784" borderwidth="1" borderradius="5" fontsize="" fontweight="bold" width="" webicon_after="st-svg-angle-right" shadow="#388E3C" ref="on" beacon=""]

詳しくはコチラ

 shortcode
[st-mybutton url="#" title="詳しくはコチラ" rel="" webicon="" target="_blank" color="#fff" bgcolor="#039BE5" bgcolor_top="#29B6F6" bordercolor="#4FC3F7" borderwidth="1" borderradius="5" fontsize="" fontweight="bold" width="" webicon_after="st-svg-angle-right" shadow="#039BE5" ref="on" beacon=""]

お問合せ

 shortcode
[st-mybutton url="#" title="お問合せ" rel="" webicon="st-svg-envelope" target="" color="#fff" bgcolor="#03A9F4" bgcolor_top="#14b4fc" bordercolor="#039BE5" borderwidth="1" borderradius="5" fontsize="" fontweight="" width="90" webicon_after=""" shadow="#039BE5" ref="on" beacon=""]

もっと詳しく

 shortcode
[st-mybutton url="#" title="もっと詳しく" rel="" webicon="" target="" color="#fff" bgcolor="#FFD54F" bgcolor_top="#ffdb69" bordercolor="#FFEB3B" borderwidth="1" borderradius="30" fontsize="85" fontweight="" width="90" webicon_after="st-svg-angle-right" shadow="" ref="on" beacon=""]

もっと詳しく

 shortcode
[st-mybutton url="#" title="もっと詳しく" rel="" webicon="" target="" color="#fff" bgcolor="#F48FB1" bgcolor_top="#f6a6c1" bordercolor="#F48FB1" borderwidth="1" borderradius="30" fontsize="85" fontweight="" width="90" webicon_after="st-svg-angle-right" shadow="" ref="on" beacon=""]

もっと詳しく

 shortcode
[st-mybutton url="#" title="もっと詳しく" rel="" webicon="" target="" color="#fff" bgcolor="#4FC3F7" bgcolor_top="#67cbf8" bordercolor="#4FC3F7" borderwidth="1" borderradius="30" fontsize="85" fontweight="" width="90" webicon_after="st-svg-angle-right" shadow="" ref="on" beacon=""]

人気ランキング

 shortcode
[st-mybutton url="#" title="人気ランキング" rel="" webicon="st-svg-oukan" target="" color="#fff" bgcolor="#FBC02D" bgcolor_top="#fbc846" bordercolor="#FBC02D" borderwidth="1" borderradius="5" fontsize="110" fontweight="bold" width="90" webicon_after=""" shadow="" ref="on" beacon=""]

ランキングはコチラ

 shortcode
[st-mybutton class="" url="#ranking" title="ランキングはコチラ" rel="" webicon="st-svg-angle-double-down" target="" color="#1a1a1a" bgcolor="#fdef4e" bgcolor_top="" bordercolor="#fceb1c" borderwidth="1" borderradius="" fontsize="95" fontweight="" width="" webicon_after=""" shadow="" ref="" beacon=""]

ボタンテキスト

 shortcode
[st-mybutton class="追加クラス" url="リンク先URL" title="ボタンテキスト" rel="nofollow" webicon="Webアイコン（前）" target="リンク先を新しく開く(blank)" color="文字色" bgcolor="背景色（下）" bgcolor_top="背景色（上）" bordercolor="枠線カラー" borderwidth="枠線の太さ（px）" borderradius="角丸（px）" fontsize="文字サイズ（%）" fontweight="文字の太さ（bold）" width="幅（%）" webicon_after="Webアイコン（後）" shadow="ボタンの影色" ref="光る演出（on）" beacon="計測用img"]

角丸

角丸ボタン

 shortcode
[st-mybutton class="" url="#" title="角丸ボタン" rel="" webicon="" target="" color="#424242" bgcolor="" bgcolor_top="" bordercolor="#CCC" borderwidth="5" borderradius="30" fontsize="" fontweight="bold" width="" webicon_after="st-svg-chevron-right" shadow="" ref="" beacon=""]

角丸ボタン

 shortcode
[st-mybutton class="" url="#" title="角丸ボタン" rel="" webicon="" target="" color="#FFB74D" bgcolor="" bgcolor_top="" bordercolor="#FFB74D" borderwidth="5" borderradius="30" fontsize="" fontweight="bold" width="" webicon_after="st-svg-chevron-right" shadow="" ref="" beacon=""]

角丸ボタン

 shortcode
[st-mybutton class="" url="#" title="角丸ボタン" rel="" webicon="" target="" color="#ef5350" bgcolor="" bgcolor_top="" bordercolor="#ef5350" borderwidth="5" borderradius="30" fontsize="" fontweight="bold" width="" webicon_after="st-svg-chevron-right" shadow="" ref="" beacon=""]

角丸ボタン

 shortcode
[st-mybutton class="" url="#" title="角丸ボタン" rel="" webicon="" target="" color="#9CCC65" bgcolor="" bgcolor_top="" bordercolor="#9CCC65" borderwidth="5" borderradius="30" fontsize="" fontweight="bold" width="" webicon_after="st-svg-chevron-right" shadow="" ref="" beacon=""]

角丸ボタン

 shortcode
[st-mybutton class="" url="#" title="角丸ボタン" rel="" webicon="" target="" color="#4FC3F7" bgcolor="" bgcolor_top="" bordercolor="#4FC3F7" borderwidth="5" borderradius="30" fontsize="" fontweight="bold" width="" webicon_after="st-svg-chevron-right" shadow="" ref="" beacon=""]

ミニ

ボタン
 shortcode
[st-mybutton-mini url="#" title="ボタン" rel="" webicon="" target="" color="#000000" bgcolor="#f3f3f3" bgcolor_top="" bordercolor="" borderwidth="" borderradius="3" fontsize="" fontweight="" webicon_after=""" shadow="#BDBDBD" ref="" beacon=""]
詳しくはコチラ
 shortcode
[st-mybutton-mini url="#" title="詳しくはコチラ" rel="" webicon="" target="" color="#fff" bgcolor="#FFB74D" bgcolor_top="" bordercolor="" borderwidth="" borderradius="5" fontsize="" fontweight="" webicon_after="st-svg-angle-right" shadow="#FFB300" ref="" beacon=""]
詳しくはコチラ
 shortcode
[st-mybutton-mini url="#" title="詳しくはコチラ" rel="" webicon="" target="_blank" color="#fff" bgcolor="#ef5350" bgcolor_top="" bordercolor="" borderwidth="" borderradius="5" fontsize="" fontweight="" webicon_after="st-svg-angle-right" shadow="#f44336" ref="" beacon=""]
詳しくはコチラ
 shortcode
[st-mybutton-mini url="#" title="詳しくはコチラ" rel="" webicon="" target="_blank" color="#fff" bgcolor="#9CCC65" bgcolor_top="" bordercolor="" borderwidth="" borderradius="5" fontsize="" fontweight="" webicon_after="st-svg-angle-right" shadow="#8BC34A" ref="" beacon=""]
詳しくはコチラ
 shortcode
[st-mybutton-mini url="#" title="詳しくはコチラ" rel="" webicon="" target="_blank" color="#fff" bgcolor="#4FC3F7" bgcolor_top="" bordercolor="" borderwidth="" borderradius="5" fontsize="" fontweight="" webicon_after="st-svg-angle-right" shadow="#03A9F4" ref="" beacon=""]

MCボタン

ボタン
 shortcode
[st-mybutton-mini url="#" title="ボタン" rel="" webicon="" target="" color="#000000" bgcolor="#f3f3f3" bgcolor_top="" bordercolor="" borderwidth="" borderradius="3" fontsize="" fontweight="" webicon_after=""" shadow="#BDBDBD" ref="" beacon=""]

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

 shortcode
[st-mcbutton url="#" title="今すぐ申し込む" rel="" webicon="" target="" color="#fff" bgcolor="#e53935" bgcolor_top="#f44336" bordercolor="#e57373" borderwidth="1" borderradius="5" fontweight="bold" fontsize="120" width="90" webicon_after="st-svg-chevron-right" shadow="#c62828" ref="on" mcbox_bg="#fafafa" mcbox_color="" mcbox_title="太字のテキスト" beacon=""]※マイクロコピーを書いてみよう[/st-mcbutton]

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

 shortcode
[st-mcbutton url="#" title="今すぐ申し込む" rel="" webicon="" target="" color="#fff" bgcolor="#43A047" bgcolor_top="#66BB6A" bordercolor="#81C784" borderwidth="1" borderradius="5" fontweight="bold" fontsize="120" width="90" webicon_after="st-svg-chevron-right" shadow="#388E3C" ref="on" mcbox_bg="#fafafa" mcbox_color="" mcbox_title="太字のテキスト" beacon=""]※マイクロコピーを書いてみよう[/st-mcbutton]

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

 shortcode
[st-mcbutton url="#" title="今すぐ申し込む" rel="" webicon="" target="" color="#fff" bgcolor="#FFD54F" bgcolor_top="#ffdb69" bordercolor="#FFEB3B" borderwidth="1" borderradius="5" fontweight="bold" fontsize="120" width="90" webicon_after="st-svg-chevron-right" shadow="#FFB300" ref="on" mcbox_bg="#fafafa" mcbox_color="" mcbox_title="太字のテキスト" beacon=""]※マイクロコピーを書いてみよう[/st-mcbutton]

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

 shortcode
[st-mcbutton url="#" title="今すぐ申し込む" rel="" webicon="" target="" color="#fff" bgcolor="#039BE5" bgcolor_top="#29B6F6" bordercolor="#4FC3F7" borderwidth="1" borderradius="5" fontweight="bold" fontsize="120" width="90" webicon_after="st-svg-chevron-right" shadow="#039BE5" ref="on" mcbox_bg="#fafafa" mcbox_color="" mcbox_title="太字のテキスト" beacon=""]※マイクロコピーを書いてみよう[/st-mcbutton]

ボックスメニュー

 shortcode
[st-box-btn myclass="" pc_show="4" margin="0 0 20px 0" type=""]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューA" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューB" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューC" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューD" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[/st-box-btn]

 shortcode
[st-box-btn myclass="" pc_show="4" margin="0 0 20px 0" type=""]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューA" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューB" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューC" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューD" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[/st-box-btn]

 shortcode
[st-box-btn myclass="" pc_show="4" margin="0 0 20px 0" type="vertical"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューA" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューB" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューC" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューD" subtext="" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[/st-box-btn]

 shortcode
[st-box-btn myclass="" pc_show="4" margin="0 0 20px 0" type="vertical"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューA" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューB" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューC" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューD" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"]
[/st-box-btn]

 shortcode
[st-box-btn myclass="" pc_show="1" margin="0 0 10px 0" type="vertical"][st-box-btn-list icon_image="" webicon="st-svg-wordpress" icon_size="" text="メニューA" subtext="サブテキスト" url="" target="" rel="" bgcolor="" color="" fontsize="90" fontweight="bold"][/st-box-btn]

ボタンA

<div class="rankstlink-r2">
<p><a href="#">ボタンA</a></p>
</div>

ボタンB

<div class="rankstlink-l2">
<p><a href="#">ボタンB</a></p>
</div>
＞JTB公式へ＞JTB公式へ

会話ふきだし

会話ふきだし]

会話1　(r]で反対向き)

まるモ
 shortcode
[st-kaiwa1][/st-kaiwa1]

会話2

桃さん
 shortcode
[st-kaiwa2][/st-kaiwa2]

会話3

桃さん
 shortcode
[st-kaiwa3][/st-kaiwa3]

会話4

桃さん
 shortcode
[st-kaiwa4][/st-kaiwa4]

会話5

桃さん
 shortcode
[st-kaiwa5][/st-kaiwa5]

会話6

桃さん
 shortcode
[st-kaiwa6][/st-kaiwa6]

会話7

 shortcode
[st-kaiwa7][/st-kaiwa7]

会話8

 shortcode
[st-kaiwa8][/st-kaiwa8]
＞JTB公式へ＞JTB公式へ

ランキング

ランキング1位

 shortcode
[st-rank rankno="1" bgcolor="" color="#000" bordercolor="#ccc" radius="" star=""][/st-rank]

ランキング2位

 shortcode
[st-rank rankno="2" bgcolor="" color="#000" bordercolor="#ccc" radius="" star=""][/st-rank]

ランキング3位

 shortcode
[st-rank rankno="3" bgcolor="" color="#000" bordercolor="#ccc" radius="" star=""][/st-rank]

ランキング4位以下

 shortcode
[st-rank rankno="4" bgcolor="" color="#000" bordercolor="#ccc" radius="" star=""][/st-rank]

[？]ガイド使用不可

ここにテキスト

 shortcode
[st-rank rankno="ランキング（1～3又は空）" bgcolor="背景色" color="文字色" bordercolor="枠線カラー" radius="角丸（px）" star="スター（5,4,3,2,1）"]ここにテキスト[/st-rank]

レイアウト

全サイズ

全サイズー左右30:70％

このテキストは最後に消して下さい（30%）

このテキストは最後に消して下さい（70%）

<div class="clearfix responbox30 smart30">
<div class="lbox">
<p>このテキストは最後に消して下さい（30%）</p>
</div>
<div class="rbox">
<p>このテキストは最後に消して下さい（70%）</p>
</div>
</div>

全サイズー左右50％

このテキストは最後に消して下さい（50%）

このテキストは最後に消して下さい（50%）

<div class="clearfix responbox50 smart50">
<div class="lbox">
<p>このテキストは最後に消して下さい（50%）</p>
</div>
<div class="rbox">
<p>このテキストは最後に消して下さい（50%）</p>
</div>
</div>

全サイズー左右free％

このテキストは最後に消して下さい（%）

このテキストは最後に消して下さい（%）

<div class="clearfix responboxfree smartfree">
<div class="lbox" style="width: 50%;">
<p>このテキストは最後に消して下さい（%）</p>
</div>
<div class="rbox" style="width: 50%;">
<p>このテキストは最後に消して下さい（%）</p>
</div>
</div>

全サイズー均等横並び

  • 横並びコンテンツ
  • 横並びコンテンツ
  • 横並びコンテンツ
<div class="kintou">
<ul>
<li>横並びコンテンツ</li>
<li>横並びコンテンツ</li>
<li>横並びコンテンツ</li>
</ul>
</div>
 shortcode

PCとTab(959px以上)

PCとTab(959px以上)ー3分割

このテキストは最後に消して下さい（33%）

このテキストは最後に消して下さい（33%）

このテキストは最後に消して下さい（33%）

<div class="clearfix responbox33">
<div class="lbox">
<p>このテキストは最後に消して下さい（33%）</p>
</div>
<div class="lbox">
<p>このテキストは最後に消して下さい（33%）</p>
</div>
<div class="lbox">
<p>このテキストは最後に消して下さい（33%）</p>
</div>
</div>

PCとTab(959px以上)ー左右30:70％

このテキストは最後に消して下さい（30%）

このテキストは最後に消して下さい（70%）

<div class="clearfix responbox30">
<div class="lbox">
<p>このテキストは最後に消して下さい（30%）</p>
</div>
<div class="rbox">
<p>このテキストは最後に消して下さい（70%）</p>
</div>
</div>

PCとTab(959px以上)ー左右70:30％

このテキストは最後に消して下さい（70%）

このテキストは最後に消して下さい（30%）※スマホ（599px以下）ではこちらが上になります

<div class="clearfix responbox70">
<div class="lbox">
<p>このテキストは最後に消して下さい（70%）</p>
</div>
<div class="rbox">
<p>このテキストは最後に消して下さい（30%）※スマホ（599px以下）ではこちらが上になります</p>
</div>
</div>

PCとTab(959px以上)ー左右40:60％

このテキストは最後に消して下さい（40%）

このテキストは最後に消して下さい（60%）

<div class="clearfix responbox">
<div class="lbox">
<p>このテキストは最後に消して下さい（40%）</p>
</div>
<div class="rbox">
<p>このテキストは最後に消して下さい（60%）</p>
</div>
</div>

PCとTab(959px以上)ー左右60:40％

このテキストは最後に消して下さい（60%）

このテキストは最後に消して下さい（40%）※スマホ（599px以下）ではこちらが上になります

<div class="clearfix responbox60">
<div class="lbox">
<p>このテキストは最後に消して下さい（60%）</p>
</div>
<div class="rbox">
<p>このテキストは最後に消して下さい（40%）※スマホ（599px以下）ではこちらが上になります</p>
</div>
</div>

PCとTab(959px以上)ー左右50％

このテキストは最後に消して下さい（50%）

このテキストは最後に消して下さい（50%）

<div class="clearfix responbox50">
<div class="lbox">
<p>このテキストは最後に消して下さい（50%）</p>
</div>
<div class="rbox">
<p>このテキストは最後に消して下さい（50%）</p>
</div>
</div>

DIV

DIVーメイン

 shortcode
[st-div class="" margin="0 0 20px 0" padding="0 0 0 0" add_style=""]
[/st-div]

DIVーサブ

 shortcode
[st-div-a class="" margin="0 0 20px 0" padding="0 0 0 0" add_style=""]
[/st-div-a]

背景ワイド

背景ワイド

 shortcode
[st-wide-background myclass="" backgroud_image="" bgcolor="#fafafa" align="" add_style=""]
[/st-wide-background]

タブ(切り替えボタン)

タブ(切り替えボタン)ー2




タブ1のコンテンツ

タブ2のコンテンツ


 shortcode
[st-tab-content memo="全体を包むボックスです" myclass=""]
[st-input-tab webicon="" text="タブ1" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="45" value="1" checked="checked"]
[st-input-tab webicon="" text="タブ2" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="45" value="2" checked=""]
[st-tab-main bgcolor="" bordercolor="" value="1"]
タブ1のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor="" value="2"]
タブ2のコンテンツ
[/st-tab-main]
[/st-tab-content]

タブ(切り替えボタン)ー3





タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ


 shortcode
[st-tab-content memo="全体を包むボックスです" type="button" myclass="st-radius"]
[st-input-tab webicon="" text="タブ1" bgcolor="" bordercolor="" color="" fontweight="" checked="checked"]
[st-input-tab webicon="" text="タブ2" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-input-tab webicon="" text="タブ3" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-tab-main bgcolor="" bordercolor=""]
タブ1のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor=""]
タブ2のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor=""]
タブ3のコンテンツ
[/st-tab-main]
[/st-tab-content]

タブ(切り替えボタン)ー4






タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ

タブ4のコンテンツ


 shortcode
[st-tab-content memo="全体を包むボックスです" type="button" myclass="st-radius"]
[st-input-tab webicon="" text="タブ1" bgcolor="" bordercolor="" color="" fontweight="" checked="checked"]
[st-input-tab webicon="" text="タブ2" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-input-tab webicon="" text="タブ3" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-input-tab webicon="" text="タブ4" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-tab-main bgcolor="" bordercolor=""]
タブ1のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor=""]
タブ2のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor=""]
タブ3のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor=""]
タブ4のコンテンツ
[/st-tab-main]
[/st-tab-content]

タブ

タブー2




タブ1のコンテンツ

タブ2のコンテンツ


 shortcode
[st-tab-content memo="全体を包むボックスです" myclass=""]
[st-input-tab webicon="" text="タブ1" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="45" value="1" checked="checked"]
[st-input-tab webicon="" text="タブ2" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="45" value="2" checked=""]
[st-tab-main bgcolor="" bordercolor="" value="1"]
タブ1のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor="" value="2"]
タブ2のコンテンツ
[/st-tab-main]
[/st-tab-content]

タブー3





タブ1のコンテンツ

タブ2のコンテンツ

タブ3のコンテンツ


 shortcode
[st-tab-content memo="全体を包むボックスです" myclass=""]
[st-input-tab webicon="" text="タブ1" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="30" value="1" checked="checked"]
[st-input-tab webicon="" text="タブ2" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="30" value="2" checked=""]
[st-input-tab text="タブ3" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="30" value="3" checked=""]
[st-tab-main bgcolor="" bordercolor="" value="1"]
タブ1のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor="" value="2"]
タブ2のコンテンツ
[/st-tab-main][st-tab-main bgcolor="" bordercolor="" value="3"]
タブ3のコンテンツ
[/st-tab-main]
[/st-tab-content]

タイムライン

タイムラインー基本


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


 shortcode
[st-timeline myclass="" add_style=""]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]

タイムラインーセンター


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


 shortcode
[st-timeline myclass="" add_style=""]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]

タイムラインー基本(ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


 shortcode
[st-timeline myclass="" add_style=""]
[st-timeline-list text="step.1" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="step.2" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="step.3" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]

タイムラインーセンター(ステップ)


  • step.1

    ここにコンテンツ


  • step.2

    ここにコンテンツ


  • step.3

    ここにコンテンツ


 shortcode
[st-timeline myclass="" add_style=""]
[st-timeline-list text="step.1" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="step.2" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="step.3" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]

タイムラインーブログカード

 shortcode
[st-timeline myclass="" add_style=""]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[/st-timeline]

タイムライン(カウント)

タイムライン(カウント)ー基本


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


 shortcode
[st-timeline myclass="st-timeline-count" add_style=""]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]

タイムライン(カウント)ーセンター


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


  • ここに見出しテキスト

    ここにコンテンツ


 shortcode
[st-timeline myclass="st-timeline-count" add_style=""]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]

タイムライン(カウント)ーブログカード

 shortcode
[st-timeline myclass="st-timeline-count" add_style=""]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[/st-timeline]

以下ブログ仕様により異なるので名称のみ

その他パーツ

Googleアイコン

Mac
iPhone
tablet
タイマー
MAP
自転車
走る
車
電車
地下鉄
飛行機
駐車場
レストラン
ストア
ケーキ
タバコ
矢印(左)
矢印(下)
矢印(右)
矢印(上)
マル
バツ
顔(笑顔)
顔(悪い)
顔(満足)
顔(不満)
手(Like)
手(Bad)
！(error)
！(new)

スター

スター(5)
スター(4.5)
スター(4)
スター(3.5)
スター(3)
スター(2)
スター(1)







カウントダウン

基本
日ループ
月ループ

画像付きコメント

アドセンス

オリジナルショートコード

YouTube

三角(下矢印)

スクロールナビ

目次(カスタム)

記事一覧/カード

記事一覧
カテゴリー一覧
カテゴリー一覧(スライドショー)
スライドショー画像のみ(＊クラス)
おすすめ記事一覧
ブログカード

条件表示

コメントアウト
エディタ用メモ
PC閲覧時のみ表示
PC閲覧時のみ非表示
AMPページのみ表示
AMPページのみ非表示
フロントページのみ表示
フロントページのみ非表示
指定したカテゴリーIDのみ非表示
ログイン時のみ表示
ログアウト時のみ表示

[/]ショートコード補助

WEBアイコン(クラス)

メモ
チェック
チェック(v)
チェック[v]
注意
はてな
虫メガネ
虫メガネ(+)
矢印右
矢印下
矢印右2
矢印下2
矢印右3
矢印下3
ハート
ユーザー
コメント
電球
おしらせ
メール
コード
ギフト
ダイヤモンド
ダウンロード
Twitter
Facebook
YouTube
Amazon
王冠
初心者

アニメーション(クラス)

45°揺れ
ベル揺れ
横揺れ
縦揺れ
点滅
バウンド
回転
ふわふわ
大小
シェイク
シェイク(強)
拡大(ゆれ)
過ぎる
戻る
バースト
落ちる

HTMLカラーコード＊細かいので各自ご確認ください。

HTMLカラーコード(ブランド)＊細かいので各自ご確認ください。

定型文

＼バンザイ/


詳細は公式サイトにて
※時期により内容が異なる場合がございます。詳細は公式サイトにてご確認下さいませ。


無断利用禁止
無断利用を固く禁止しております。


ダミーテキスト
これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです

まとめ

AFFINGER6(アフィンガー)のタグ機能→ボックスデザインについてまとめました。

見やすいブログを目指しましょう！

【タグ一覧①】AFFINGER6(アフィンガー)のタグ機能の使い方
【タグ一覧②】AFFINGER6(アフィンガー)のタグ機能の使い方
【タグ一覧③】AFFINGER6(アフィンガー)のタグ機能の使い方
【タグ一覧④】AFFINGER6(アフィンガー)のタグ機能の使い方
【タグ一覧まとめ】AFFINGER6(アフィンガー)のタグ機能の使い方

－本ブログのテーマ－
「稼ぐ」に特化したWordPressテーマ AFFINGER

＼詳しくはコチラ／

今すぐ申し込む

※初心者でも簡単にデザインできました！

目次を表示

公式【JTB】航空券・JR＋宿泊

タグ

Ado (1) Adobe (1) BGM (9) BOC (5) bz (1) FP (2) Superfly (1) チケット (4) フェス (2) ブログの始め方 (15) ブログ運営(記事数) (8) ホテル (264) ホテル予約のコツ (2) ポイ活 (2) モバイルバッテリー (4) ライブ (1) 大学生の一人暮らし (4) 大学生の部屋探し (9) 宅建 (1) 平井大 (1) 緑黄色社会 (1) 観葉植物 (1) 貯金 (1)
  • この記事を書いた人

まるモ

自分が得た知識やノウハウを発信したい人 不動産業界経験10年以上！賃貸から始まり、管理、リフォーム、売買業務を経験、おまけで色々な業界に詳しくなりました。物件の写真や動画撮影、編集管理から物件資料作成が得意です！賃貸仲介件数では全国展開のFC事業で全国ベスト3以上を複数回受賞！成約件数2,000件以上。そんなある時、ホテル探しにもスキルを活かせることが判明♪

-始め方
-