ものづくり推進部

WINGのタグ機能一覧 ①テキストパーツ編

2020年4月11日

WINGのタグ機能一覧 ①テキストパーツ編
きのぷー
「WING」の記事作成で使えるタグ機能を紹介してきましたが、何度それらがほんの一部でしかないことに今さら気付いてしまいました...。というわけで、タグ一覧を改めてまとめ直すことにしました。

販売元サイト

テキストパーツ

クリップメモ

[st-cmemo fontawesome="Webアイコン" iconcolor="アイコンの色" bgcolor="背景色" color="文字色" bordercolor="ボーダー色" borderwidth="枠線の太さ(px)" iconsize="アイコンサイズ(%)"]ここにテキストを入力[/st-cmemo]

メモ

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-file-text-o" iconcolor="#919191" bgcolor="#fafafa" color="#000000" iconsize="100"](メモ)ここに本文を入力[/st-cmemo]

外部リンク

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-external-link" iconcolor="#BDBDBD" bgcolor="#fafafa" color="#757575" iconsize="100"](外部リンク)ここに本文を入力[/st-cmemo]

ブックマーク

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-bookmark" iconcolor="#BDBDBD" bgcolor="#fafafa" color="#757575" iconsize="100"](ブックマーク)ここに本文を入力[/st-cmemo]

おしらせ

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-bullhorn" iconcolor="#FFEB3B" bgcolor="#FFFDE7" color="#000000" iconsize="100"](お知らせ)ここに本文を入力[/st-cmemo]

はてな

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-question-circle" iconcolor="#4FC3F7" bgcolor="#E1F5FE" color="#000000" iconsize="100"](はてな)ここに本文を入力[/st-cmemo]

コメント

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-comments" iconcolor="#F48FB1" bgcolor="#FCE4EC" color="#000000" iconsize="100"](コメント)ここに本文を入力[/st-cmemo]

コード

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-code" iconcolor="#919191" bgcolor="#fafafa" color="#000000" iconsize="150"](コード)ここに本文を入力[/st-cmemo]

ポイント

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-lightbulb-o" iconcolor="#FFA726" bgcolor="#FFF3E0" color="#000000" iconsize="100"](ポイント)ここに本文を入力[/st-cmemo]

ユーザー

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-user" iconcolor="#4FC3F7" bgcolor="#E1F5FE" color="#000000" iconsize="150"](ユーザー)ここに本文を入力[/st-cmemo]

初心者

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="st-svg-bigginer_l" iconcolor="#9CCC65" bgcolor="#F1F8E9" color="#000000" iconsize="100"](初心者)ここに本文を入力[/st-cmemo]

注意文

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-exclamation-circle" iconcolor="#ef5350" bgcolor="#ffebee" color="#000000" iconsize="100"](注意文)ここに本文を入力[/st-cmemo]

注意文(グレー)

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo fontawesome="fa-exclamation-circle" iconcolor="#919191" bgcolor="#fafafa" color="#000000" iconsize="100"](注意文グレー)ここに本文を入力[/st-cmemo]

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

メモ

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo myclass="st-text-guide st-text-guide-memo" fontawesome="fa-pencil" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""](メモ)ここに本文を入力[/st-cmemo]

参考

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo myclass="st-text-guide st-text-guide-sankou" fontawesome="fa-quote-left" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""](参考)ここに本文を入力[/st-cmemo]

関連

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo myclass="st-text-guide st-text-guide-kanren" fontawesome="fa-file-text-o" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""](関連)ここに本文を入力[/st-cmemo]

注意

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo myclass="st-text-guide st-text-guide-attention" fontawesome="fa-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" fontawesome="fa-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" fontawesome="fa-arrow-right faa-horizontal animated" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=&quot150"](次へ進む)ここに本文を入力[/st-cmemo]

前に戻る

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo myclass="st-text-guide st-text-guide-prev" fontawesome="fa-arrow-left" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=&quot150"](前に戻る)ここに本文を入力[/st-cmemo]

質問

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo myclass="st-text-guide st-text-guide-question" fontawesome="fa-quora" iconcolor="#29B6F6" bgcolor="#E1F5FE" color="#000000" bordercolor="#81D4FA" borderwidth="" iconsize=""](質問)ここに本文を入力[/st-cmemo]

回答

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

[st-cmemo myclass="st-text-guide st-text-guide-answer" fontawesome="fa-font" iconcolor="#919191" bgcolor="#fafafa" color="#000000" bordercolor="" borderwidth="" iconsize=""](回答)ここに本文を入力[/st-cmemo]

ミニふきだし

[st-minihukidashi fontawesome="Webアイコン" fontsize="文字サイズ(%)" fontweight="文字の太さ(bold)" bgcolor="背景色" color="文字色" margin="余白(上 右 下 左)" radius="角の丸み" position="吹き出し位置(on)" add_boxstyle="全体を囲むdivに追加するCSS"]ここにテキスト[/st-minihukidashi]

基本

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-minihukidashi fontawesome="" fontsize="" fontweight="" bgcolor="#f3f3f3" color="#000000" margin="0 0 20px 0" radius=quot;quot; position=quot;quot; add_boxstyle=quot;quot;](基本)ここに本文を入力[/st-minihukidashi]

オレンジ

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-minihukidashi fontawesome="" fontsize="" fontweight="" bgcolor="#FFB74D" color="#fff" margin="0 0 20px 0" radius=quot;quot; position=quot;quot; add_boxstyle=quot;quot;](オレンジ)ここに本文を入力[/st-minihukidashi]

ピンク

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-minihukidashi fontawesome="" fontsize="" fontweight="" bgcolor="#F48FB1" color="#fff" margin="0 0 20px 0" radius=quot;quot; position=quot;quot; add_boxstyle=quot;quot;](ピンク)ここに本文を入力[/st-minihukidashi]

ブルー

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-minihukidashi fontawesome="" fontsize="" fontweight="" bgcolor="#4FC3F7" color="#fff" margin="0 0 20px 0" radius=quot;quot; position=quot;quot; add_boxstyle=quot;quot;](ブルー)ここに本文を入力[/st-minihukidashi]

グリーン

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-minihukidashi fontawesome="" fontsize="" fontweight="" bgcolor="#7CB342" color="#fff" margin="0 0 20px 0" radius=quot;quot; position=quot;quot; add_boxstyle=quot;quot;](グリーン)ここに本文を入力[/st-minihukidashi]

レッド

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-minihukidashi fontawesome="" fontsize="" fontweight="" bgcolor="#f44336" color="#fff" margin="0 0 20px 0" radius=quot;quot; position=quot;quot; add_boxstyle=quot;quot;](レッド)ここに本文を入力[/st-minihukidashi]

+マイボックス

ふきだしテキスト

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-div class="" margin="0 0 15px 0" padding="0 0 0 0" add_style=""][st-minihukidashi fontawesome="e" fontsize="" fontweight="bold" bgcolor="#f3f3f3" color="" margin="0" radius="" position="" add_boxstyle=""]ふきだしテキスト[/st-minihukidashi][/st-div][st-mybox title="" fontawesome="" color="" bordercolor="" bgcolor="#f3f3f3" borderwidth="" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="0 0 25px 0"](+マイボックス)ここに本文を入力
[/st-mybox]

複合

自由なメモ

自由なメモ

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

<div class="st-editor-margin" style="margin-bottom: -5px;">
[st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#FFC107" color="#fff" margin="0 0 0 -6px"]自由なメモ[/st-minihukidashi]</div>
[st-cmemo fontawesome="fa-file-text-o" iconcolor="#FFC107" bgcolor="#FFFDE7" color="#000000" iconsize="200"]
<p>ここに本文を入力</p>
[/st-cmemo]

ココがポイント

ココがポイント

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

<div class="st-editor-margin" style="margin-bottom: -5px;">
[st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#3F51B5" color="#fff" margin="0 0 0 -6px"]ココがポイント[/st-minihukidashi]</div>
[st-cmemo fontawesome="fa-hand-o-right" iconcolor="#3F51B5" bgcolor="#E8EAF6" color="#000000" iconsize="200"]
<p>ここに本文を入力</p>
[/st-cmemo]

ココがおすすめ

ココがおすすめ

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

<div class="st-editor-margin" style="margin-bottom: -5px;">
[st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#3F51B5" color="#fff" margin="0 0 0 -6px"]ココがおすすめ[/st-minihukidashi]</div>
[st-cmemo fontawesome="fa-thumbs-o-up" iconcolor="#3F51B5" bgcolor="#E8EAF6" color="#000000" iconsize="200"]
<p>ここに本文を入力</p>
[/st-cmemo]

ココがダメ

ココがダメ

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

<div class="st-editor-margin" style="margin-bottom: -5px;">
[st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#3F51B5" color="#fff" margin="0 0 0 -6px"]ココがダメ[/st-minihukidashi]</div>
[st-cmemo fontawesome="fa-thumbs-o-down" iconcolor="#3F51B5" bgcolor="#E8EAF6" color="#000000" iconsize="200"]
<p>ここに本文を入力</p>
[/st-cmemo]

ココに注意

ココに注意

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

<div class="st-editor-margin" style="margin-bottom: -5px;">
[st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#ef5350" color="#fff" margin="0 0 0 -6px"]ココに注意[/st-minihukidashi]</div>
[st-cmemo fontawesome="fa-exclamation-circle" iconcolor="#ef5350" bgcolor="#ffebee" color="#000000" iconsize="200"]
<p>ここに本文を入力</p>
[/st-cmemo]

もっと詳しく

さらに詳しく

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

<div class="st-editor-margin" style="margin-bottom: -5px;">
[st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#66BB6A" color="#fff" margin="0 0 0 -8px"]さらに詳しく[/st-minihukidashi]</div>
[st-cmemo fontawesome="fa-search" iconcolor="#66BB6A" bgcolor="#ffebee" color="#E8F5E9" iconsize="200"]
<p>ここに本文を入力</p>
[/st-cmemo]

女性コメント

◯才女性

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

<div class="st-editor-margin" style="margin-bottom: -5px;">
[st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#F06292" color="#fff" margin="0 0 0 -9px"]◯才女性[/st-minihukidashi]</div>
[st-cmemo fontawesome="fa-user" iconcolor="#F06292" bgcolor="#FCE4EC" color="#000000" iconsize="200"]
<p>ここに本文を入力</p>
[/st-cmemo]

男性コメント

◯才男性

いいね!南三陸町

+ ソースコード(クリックして下さい)

コード

<div class="st-editor-margin" style="margin-bottom: -5px;">
[st-minihukidashi fontawesome="" fontsize="80" fontweight="" bgcolor="#42A5F5" color="#fff" margin="0 0 0 -9px"]◯才男性[/st-minihukidashi]</div>
[st-cmemo fontawesome="fa-user" iconcolor="#42A5F5" bgcolor="#E3F2FD" color="#000000" iconsize="200"]
<p>ここに本文を入力</p>
[/st-cmemo]

複合(アイコンなし)

自由なメモ

自由なメモ

いいね!南三陸町

+ ソースコード(クリックして下さい)

<div class="st-editor-margin" style="margin-bottom: -20px;">[st-minihukidashi fontawesome="fa-file-text-o" fontsize="90" fontweight="bold" bgcolor="#FFC107" color="#fff" margin="0 0 0 0"]自由なメモ[/st-minihukidashi]</div>
[st-mybox title="" fontawesome="" color="#757575" bordercolor="" bgcolor="#FFFDE7" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
<p>ここに本文を入力</p>
[/st-mybox]

ココがポイント

ココがポイント

いいね!南三陸町

+ ソースコード(クリックして下さい)

<div class="st-editor-margin" style="margin-bottom: -20px;">[st-minihukidashi fontawesome="fa-hand-o-right" fontsize="90" fontweight="bold" bgcolor="#3F51B5" color="#fff" margin="0 0 0 0"]ココがポイント[/st-minihukidashi]</div>
[st-mybox title="" fontawesome="" color="#757575" bordercolor="" bgcolor="#E8EAF6" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
<p>ここにテキストを入力</p>
[/st-mybox]

ココがおすすめ

ココがおすすめ

いいね!南三陸町

+ ソースコード(クリックして下さい)

<div class="st-editor-margin" style="margin-bottom: -20px;">[st-minihukidashi fontawesome="fa-circle-o" fontsize="90" fontweight="bold" bgcolor="#3F51B5" color="#fff" margin="0 0 0 0"]ココがおすすめ[/st-minihukidashi]</div>
[st-mybox title="" fontawesome="" color="#757575" bordercolor="" bgcolor="#E8EAF6" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
<p>ここにテキストを入力</p>
[/st-mybox]

ココがダメ

ココがダメ

いいね!南三陸町

+ ソースコード(クリックして下さい)

<div class="st-editor-margin" style="margin-bottom: -20px;">[st-minihukidashi fontawesome="fa-times" fontsize="90" fontweight="bold" bgcolor="#3F51B5" color="#fff" margin="0 0 0 0"]ココがダメ[/st-minihukidashi]</div>
[st-mybox title="" fontawesome="" color="#757575" bordercolor="" bgcolor="#E8EAF6" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
<p>ここにテキストを入力</p>
[/st-mybox]

ココに注意

ココに注意

いいね!南三陸町

+ ソースコード(クリックして下さい)

<div class="st-editor-margin" style="margin-bottom: -20px;">[st-minihukidashi fontawesome="fa-exclamation-circle" fontsize="90" fontweight="bold" bgcolor="#ef5350" color="#fff" margin="0 0 0 0"]ココに注意[/st-minihukidashi]</div>
[st-mybox title="" fontawesome="" color="#757575" bordercolor="" bgcolor="#ffebee" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
<p>ここにテキストを入力</p>
[/st-mybox]

もっと詳しく

もっと詳しく

いいね!南三陸町

+ ソースコード(クリックして下さい)

<div class="st-editor-margin" style="margin-bottom: -20px;">[st-minihukidashi fontawesome="fa-search" fontsize="90" fontweight="bold" bgcolor="#66BB6A" color="#fff" margin="0 0 0 0"]もっと詳しく[/st-minihukidashi]</div>
[st-mybox title="" fontawesome="" color="#757575" bordercolor="" bgcolor="#E8F5E9" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
<p>ここにテキストを入力</p>
[/st-mybox]

はてなマーク

つまづきポイント

いいね!南三陸町

+ ソースコード(クリックして下さい)

<div class="st-editor-margin" style="margin-bottom: -20px;">[st-minihukidashi fontawesome="fa-search" fontsize="90" fontweight="bold" bgcolor="#03A9F4" color="#fff" margin="0 0 0 0"]つまづきポイント[/st-minihukidashi]</div>
[st-mybox title="" fontawesome="" color="#757575" bordercolor="" bgcolor="#E1F5FE" borderwidth="0" borderradius="5" titleweight="bold" fontsize=""]
<p>ここにテキストを入力</p>
[/st-mybox]

まるもじ(小)

[st-marumozi fontawesome="Webアイコン" bgcolor="背景色" bordercolor="ボーダー色" color="文字色" radius="角丸(px)" margin="余白(上 右 下 左)"]ここにテキスト[/st-marumozi]

基本

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi fontawesome="" bgcolor="#f3f3f3" color="#000000" radius="30" margin="0 10px 10px 0"](基本)ここにテキストを入力[/st-marumozi]

オレンジ

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi fontawesome="" bgcolor="#FFB74D" color="#fff" radius="30" margin="0 10px 10px 0"](オレンジ)ここにテキストを入力[/st-marumozi]

ピンク

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi fontawesome="" bgcolor="#F48FB1" color="#fff" radius="30" margin="0 10px 10px 0"](ピンク)ここにテキストを入力[/st-marumozi]

ブルー

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi fontawesome="" bgcolor="#4FC3F7" color="#fff" radius="30" margin="0 10px 10px 0"](ブルー)ここにテキストを入力[/st-marumozi]

うすい注意

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi fontawesome="fa-exclamation-circle" bgcolor="#ffebee" color="#ef5350" radius="30" margin="0 10px 10px 0"](うすい注意)ここにテキストを入力[/st-marumozi]

注意

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi fontawesome="fa-exclamation-circle" bgcolor="#ffebee" color="#ef5350" radius="30" margin="0 10px 10px 0"](注意)ここにテキストを入力[/st-marumozi]

まるもじ(大)

[st-marumozi-big fontawesome="Webアイコン" bgcolor="背景色" bordercolor="ボーダー色" color="文字色" radius="角丸(px)" margin="余白(上 右 下 左)"]ここにテキスト[/st-marumozi-big]

基本

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi-big fontawesome="" bgcolor="#f3f3f3" color="#000000" radius="30" margin="0 10px 10px 0"]基本:ここにテキストを入力[/st-marumozi-big]

オレンジ

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi-big fontawesome="" bgcolor="#FFB74D" color="#fff" radius="30" margin="0 10px 10px 0"](オレンジ)ここにテキストを入力[/st-marumozi-big]

ピンク

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi-big fontawesome="" bgcolor="#F48FB1" color="#fff" radius="30" margin="0 10px 10px 0"](ピンク)ここにテキストを入力[/st-marumozi-big]

ブルー

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi-big fontawesome="" bgcolor="#4FC3F7" color="#fff" radius="30" margin="0 10px 10px 0"](ブルー)ここにテキストを入力[/st-marumozi-big]

はてな

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi-big fontawesome="fa-question-circle" bgcolor="#4FC3F7" color="#fff" radius="30" margin="0 10px 10px 0"](はてな)ここにテキストを入力[/st-marumozi-big]

チェック

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi-big fontawesome="fa-check-circle" bgcolor="#FFB74D" color="#fff" radius="30" margin="0 10px 10px 0"](チェック)ここにテキストを入力[/st-marumozi-big]

うすい注意

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi-big fontawesome="fa-exclamation-circle" bgcolor="#ffebee" color="#ef5350" radius="30" margin="0 10px 10px 0"](うすい注意)ここにテキストを入力[/st-marumozi-big]

注意

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-marumozi-big fontawesome="fa-exclamation-circle" bgcolor="#ef5350" color="#fff" radius="30" margin="0 10px 10px 0"](注意)ここにテキストを入力[/st-marumozi-big]

HTML(カスタム)

ルビ(ふりがな)

あやしえき
愛子駅

+ ソースコード(クリックして下さい)

<ruby><rt>ルビ(ふりがな)</rt></ruby>

Pタグ

ダミーテキスト

+ ソースコード(クリックして下さい)

[st-p add_style=""](Pタグ)ここにテキストを入力[/st-p]

spanタグ

ダミーテキスト

+ ソースコード(クリックして下さい)

[st-span add_style=""](spanタグ)ここにテキストを入力[/st-span]

カスタムフォント

デフォルト

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-designfont myclass="" fontawesome="" fontsize="150" fontweight="bold" color="#000" textshadow="" webfont="" margin="0 0 20px 0"]ここにテキストを入力[/st-designfont]

白影

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-designfont myclass="" fontawesome="" fontsize="150" fontweight="bold" color="#fff" textshadow="#424242" webfont="on" margin="0 0 20px 0"]ここにテキストを入力[/st-designfont]

ステップ

step
1
いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-step step_no="1"]お湯を入れる[/st-step]
<p>ここにテキストを入力</p>
[st-step step_no="2"]3分待つ[/st-step]
<p>ここにテキストを入力</p>
[st-step step_no="3"]完成です[/st-step]
<p>ここにテキストを入力</p>

ポイント

いいね!南三陸町

+ ソースコード(クリックして下さい)

[st-point fontsize="" fontweight="bold" bordercolor=""]ここにテキストを入力[/st-point]

ラベル

おすすめ

椿島

+ ソースコード(クリックして下さい)

[st-label label="おすすめ" bgcolor="#FBC02D" color="#FFFFFF"]
<p><img src="#" /></p>
[/st-label]

流れる文字(marquee風)

※流したい文字を<p>〜</p>タグで括らないと文字が流れないようです。

南三陸町観光協会では、地域の観光情報を毎日配信しております!南三陸の宿泊施設、アクセス情報、A級グルメ「キラキラ丼」を含む飲食情報、観光スポット、イベント、ツアープログラムなど、観光に役立つ情報が盛りだくさん!

<div class="st-marquee">
<p>ここにテキストを入力</p>
</div>

この記事が気に入ったら
いいね ! しよう

  • この記事を書いた人
  • 最新記事

きのぷー

2010年南三陸町初訪問。震災後もボランティア活動等を通じて地元との交流を重ね、2012年4月より「いいね!南三陸町」をスタート。町内各地を訪ねて見つけた町の魅力を伝えます。

-ものづくり推進部
-, ,

© 2012 いいね!南三陸町