ものづくり推進部

WINGのタグ機能一覧 ⑤記事一覧、ブログカード、条件表示、ショートコード補助編

2020年4月15日

WINGのタグ機能一覧 ⑤記事一覧、ブログカード、条件表示、ショートコード補助編
きのぷー
「WING」の記事作成で使えるタグ機能紹介 最終回は「記事一覧、ブログカード、条件表示、ショートコード補助」の一覧です。

販売元サイト

その他パーツ

Googleアイコン

Mac/iPhone/tablet

desktop_mac phone_iphone tablet_mac

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

[st-google-icon googleicon="desktop_mac" fontsize="" color=""]
[st-google-icon googleicon="phone_iphone" fontsize="" color=""]
[st-google-icon googleicon="tablet_mac" fontsize="" color=""]

タイマー/MAP/自転車

timer location_on directions_bike

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

[st-google-icon googleicon="timer" fontsize="" color=""]
[st-google-icon googleicon="location_on" fontsize="" color=""]
[st-google-icon googleicon="directions_bike" fontsize="" color=""]

走る/車/電車

directions_run directions_car directions_transit

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

[st-google-icon googleicon="directions_run" fontsize="" color=""]
[st-google-icon googleicon="directions_car" fontsize="" color=""]
[st-google-icon googleicon="directions_transit" fontsize="" color=""]

地下鉄/飛行機/駐車場

subway flight local_parking

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

[st-google-icon googleicon="subway" fontsize="" color=""]
[st-google-icon googleicon="flight" fontsize="" color=""]
[st-google-icon googleicon="local_parking" fontsize="" color=""]

レストラン/ストア/ケーキ

restaurant store_mall_directory cake

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

[st-google-icon googleicon="restaurant" fontsize="" color=""]
[st-google-icon googleicon="store_mall_directory" fontsize="" color=""]
[st-google-icon googleicon="cake" fontsize="" color=""]

タバコ/矢印(左)/矢印(下)

smoking_rooms arrow_back arrow_downward

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

[st-google-icon googleicon="smoking_rooms" fontsize="" color=""]
[st-google-icon googleicon="arrow_back" fontsize="" color=""]
[st-google-icon googleicon="arrow_downward" fontsize="" color=""]

矢印(右)/矢印(上)/マル

arrow_forward arrow_upward radio_button_unchecked

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

[st-google-icon googleicon="arrow_forward" fontsize="" color=""]
[st-google-icon googleicon="arrow_upward" fontsize="" color=""]
[st-google-icon googleicon="radio_button_unchecked" fontsize="" color=""]

バツ/顔(笑顔)/顔(悪い)

close mood mood_bad

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

[st-google-icon googleicon="close" fontsize="" color=""]
[st-google-icon googleicon="mood" fontsize="" color=""]
[st-google-icon googleicon="mood_bad" fontsize="" color=""]

顔(満足)/顔(不満)/手(Like)

sentiment_satisfied sentiment_very_dissatisfied thumb_up_alt

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

[st-google-icon googleicon="sentiment_satisfied" fontsize="" color=""]
[st-google-icon googleicon="sentiment_very_dissatisfied" fontsize="" color=""]
[st-google-icon googleicon="thumb_up_alt" fontsize="" color=""]

手(Bad)/!(error)/!(new)

thumb_down_alt error new_releases

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

[st-google-icon googleicon="thumb_down_alt" fontsize="" color=""]
[st-google-icon googleicon="error" fontsize="" color=""]
[st-google-icon googleicon="new_releases" fontsize="" color=""]

スター

5、4.5、4、3.5、3、2、1があり。

    
      

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

[star5]
[star45]
[star4]
[star35]
[star3]
[star2]
[star1]

画像付きコメント

画像(60×60)

タイトル

◯代男性

サンプルイメージ

10代男性

そげだたっけ時計もらて、もっけだの。

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

[st-user-comment-box title="タイトル" user_text="◯代男性" color="" star="5"]<img class="alignnone size-st_kaiwa_image wp-image-6206" src="#" alt="" width="60" height="60" />[/st-user-comment-box]
<p>ここにテキストを入力</p>

アドセンス

[adsense]

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

[originalsc]

Youtube

[youtube id=]

三角(下矢印)


[st-under-t color="#000"]

スクロールナビ

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

<div id="st_listnavi_wrapper">
<ul class="st-sc-listnavi-box">
<li class="st-sc-listnavi"><a href="#">ダミーリンク</a></li>
<li class="st-sc-listnavi"><a href="#">ダミーリンク</a></li>
<li class="st-sc-listnavi"><a href="#">ダミーリンク</a></li>
</ul>
</div>

目次(カスタム)

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

<p class="st_toc_title">目次</p>
<ul class="st_toc_list"">
<li class="st-sc-listnavi"><a href="#">メニュー1</a></li>
<li class="st-sc-listnavi"><a href="#">メニュー2</a></li>
<li class="st-sc-listnavi"><a href="#">メニュー3</a></li>
</ul>
</div>

目次(TOC+)

[TOC](←小文字だと表示されないため、大文字表記にしています)

記事一覧/カード

記事一覧

[st-postgroup id="" rank=""]


無指定の場合は全件出力されますので、投稿数が多い場合はご注意下さい。

カテゴリ一覧

【速報・解説】106急行が大幅に変わります

高速バス体験記(東北限定)

【速報・解説】106急行が大幅に変わります

きのぷー本日、岩手県北バスさんが「【宮古~盛岡線(106特急・急行)】宮古盛岡横断道路全線開通に伴う時刻・運賃の改定についてのお知らせ(2021.4/1~)」を公式ウェブサイトで発表されました。 今年 ...

盛岡〜九戸〜軽米〜久慈を結ぶ都市間バス「久慈こはく号」のご紹介

高速バス体験記(東北限定)

盛岡〜九戸〜軽米〜久慈を結ぶ特急バス「久慈こはく号」のご紹介

きのぷー 今日は、盛岡⇔九戸・久慈間を結ぶ都市間バス、「久慈こはく号」のご紹介です(*> ᴗ •*)ゞ 現役バリバリの盛岡市民ならではの視点で情報をお届けできればと思います。今日も是非最後までお ...

盛岡〜沼宮内〜葛巻〜久慈を結ぶバス「白樺号」のご紹介

高速バス体験記(東北限定)

停留所が82ヶ所あるバス「白樺号」で久慈から盛岡に行った話

きのぷー 今日は、盛岡⇔久慈間を結ぶ都市間バス、「白樺号」のご紹介です(*> ᴗ •*)ゞ 途中、旧山形村、葛巻町、岩手町、旧玉山村、滝沢市を経由しながらバス停82ヶ所、所要時間2時間45分😂 ...

盛岡〜宮古を結ぶ2階建てバス「盛宮106特急」がアツい!

高速バス体験記(東北限定)

盛岡〜宮古を結ぶ2階建てバス「盛宮106特急」がアツい!

きのぷー 今日は、盛岡⇔宮古間を結ぶ2階建てバス、盛宮106特急(もりみやひゃくろくとっきゅう)のご紹介です(*> ᴗ •*)ゞ 現役バリバリの盛岡市民ならではの視点で情報をお届けできればと思い ...

仙台駅〜一ノ関駅を結ぶ都市間バス「一ノ関線」のご紹介

高速バス体験記(東北限定)

仙台〜一ノ関・平泉を結ぶ高速バス「一ノ関線/平泉線」のご紹介

きのぷー今日は、仙台⇔一関間を結ぶ都市間バス「一ノ関線」と、平泉・中尊寺を結ぶ「平泉線」をご紹介します(*> ᴗ •*)ゞ 注意ポイント※2020年7月27日時点の情報となります。 ※以下の内容 ...

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

[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="off" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore" slide_center="off"]

カテゴリ一覧(スライドショー)

【速報・解説】106急行が大幅に変わります

高速バス体験記(東北限定)

2021/7/25

【速報・解説】106急行が大幅に変わります

きのぷー本日、岩手県北バスさんが「【宮古~盛岡線(106特急・急行)】宮古盛岡横断道路全線開通に伴う時刻・運賃の改定についてのお知らせ(2021.4/1~)」を公式ウェブサイトで発表されました。 今年4月1日より、106急行の時刻や運行、運賃等が大幅に変わるようなので、それを一つずつ解説しましょう(*> ᴗ •*)ゞ 目次4月1日から変わること特急の新設106急行はなくなるの!?運賃体系の変更その他盛岡⇔宮古便 停車駅(2021.4.1〜)詳しくは公式ウェブサイトへ 4月1日から変わること 特急の新 ...

ReadMore

盛岡〜九戸〜軽米〜久慈を結ぶ都市間バス「久慈こはく号」のご紹介

高速バス体験記(東北限定)

2020/7/27

盛岡〜九戸〜軽米〜久慈を結ぶ特急バス「久慈こはく号」のご紹介

きのぷー 今日は、盛岡⇔九戸・久慈間を結ぶ都市間バス、「久慈こはく号」のご紹介です(*> ᴗ •*)ゞ 現役バリバリの盛岡市民ならではの視点で情報をお届けできればと思います。今日も是非最後までお付き合い下さい(^∀^)ノ 注意ポイント※2020年7月26日時点の情報となります。 ※以下の内容は変更となる場合がございます。最新の情報につきましては、事業者様の公式ホームページをご確認下さい。 参考情報としてご利用ください。念のため運行事業者発行のものを照合し、確認して下さい。なお、本情報のご利用に基づく ...

ReadMore

盛岡〜沼宮内〜葛巻〜久慈を結ぶバス「白樺号」のご紹介

高速バス体験記(東北限定)

2020/7/27

停留所が82ヶ所あるバス「白樺号」で久慈から盛岡に行った話

きのぷー 今日は、盛岡⇔久慈間を結ぶ都市間バス、「白樺号」のご紹介です(*> ᴗ •*)ゞ 途中、旧山形村、葛巻町、岩手町、旧玉山村、滝沢市を経由しながらバス停82ヶ所、所要時間2時間45分😂 今日も現役バリバリの盛岡市民ならではの視点で情報をお届けしますよ。是非最後までお付き合い下さい(^∀^)ノ 注意ポイント※2020年7月25日時点の情報となります。 ※以下の内容は変更となる場合がございます。最新の情報につきましては、事業者様の公式ホームページをご確認下さい。 参考情報としてご利用ください。念 ...

ReadMore

盛岡〜宮古を結ぶ2階建てバス「盛宮106特急」がアツい!

高速バス体験記(東北限定)

2021/7/24

盛岡〜宮古を結ぶ2階建てバス「盛宮106特急」がアツい!

きのぷー 今日は、盛岡⇔宮古間を結ぶ2階建てバス、盛宮106特急(もりみやひゃくろくとっきゅう)のご紹介です(*> ᴗ •*)ゞ 現役バリバリの盛岡市民ならではの視点で情報をお届けできればと思います。今日も是非最後までお付き合い下さい(^∀^)ノ 注意ポイント※2020年7月25日時点の情報となります。 ※以下の内容は変更となる場合がございます。最新の情報につきましては、事業者様の公式ホームページをご確認下さい。 参考情報としてご利用ください。念のため運行事業者発行のものを照合し、確認して下さい。な ...

ReadMore

仙台駅〜一ノ関駅を結ぶ都市間バス「一ノ関線」のご紹介

高速バス体験記(東北限定)

2020/7/27

仙台〜一ノ関・平泉を結ぶ高速バス「一ノ関線/平泉線」のご紹介

きのぷー今日は、仙台⇔一関間を結ぶ都市間バス「一ノ関線」と、平泉・中尊寺を結ぶ「平泉線」をご紹介します(*> ᴗ •*)ゞ 注意ポイント※2020年7月27日時点の情報となります。 ※以下の内容は変更となる場合がございます。最新の情報につきましては、事業者様の公式ホームページをご確認下さい。 参考情報としてご利用ください。念のため運行事業者発行のものを照合し、確認して下さい。なお、本情報のご利用に基づくいかなる損害に対しても責任は負いかねます。予めご了承ください。 目次一ノ関線/平泉線 概要一ノ関線 ...

ReadMore

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

[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="on" slides_to_show="3,3,1" slide_date="" slide_more="ReadMore" slide_center="on" fullsize_type=""]

スライドショー画像のみ(※クラス)

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

<div class="st-slider-img"></div>

おすすめ記事一覧

[st-osusume]

ブログカード

参考

【速報・解説】106急行が大幅に変わります
参考【速報・解説】106急行が大幅に変わります

きのぷー本日、岩手県北バスさんが「【宮古~盛岡線(106特急・急行)】宮古盛岡横断道路全線開通に伴う時刻・運賃の改定についてのお知らせ(2021.4/1~)」を公式ウェブサイトで発表されました。 今年 ...

続きを見る

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

[st-card myclass="st-no-shadow" id="" label="参考" pc_height="" name="" bgcolor="#cccccc" color="#ffffff" fontawesome="fa-file-text-o" readmore="on" thumbnail="on" type="text"]

CHECK(ふきだし)

こちらもCHECK

【速報・解説】106急行が大幅に変わります
【速報・解説】106急行が大幅に変わります

きのぷー本日、岩手県北バスさんが「【宮古~盛岡線(106特急・急行)】宮古盛岡横断道路全線開通に伴う時刻・運賃の改定についてのお知らせ(2021.4/1~)」を公式ウェブサイトで発表されました。 今年 ...

続きを見る

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

[st-div class="" margin="0 0 -5px -5px" padding="0 0 0 0" add_style=""][st-minihukidashi fontawesome="fa-check" fontsize="" fontweight="bold" bgcolor="#FFECB3" color="" margin="0 0 0 0" radius="30" position="" add_boxstyle=""]こちらもCHECK[/st-minihukidashi][/st-div][st-card myclass="st-card-minihukidashi" id="" label="" pc_height="" name="" bgcolor="#cccccc" color="" fontawesome="" readmore="on" thumbnail="on" type=""]

条件表示

コメントアウト

[st-out][/st-out]

エディタ用メモ

[st-comment-out memo="メモ"]

PC閲覧時のみ表示

[pc][/pc]

PC閲覧時のみ非表示

[nopc][/nopc]

AMPページのみ表示

[st-amp][/st-amp]

AMPページのみ非表示

[st-no-amp][/st-no-amp]

フロントページのみ表示

[frontonly][/frontonly]

フロントページのみ非表示

[no-frontonly][/no-frontonly]

指定したカテゴリーIDのみ非表示

[catonly cat="0"][/catonly]

ショートコード補助

Webアイコン(クラス)

メモ fa-file-text-o
チェック fa-check
チェック(v) fa-check-circle
チェック[v] st-svg-checkbox
注意 fa-exclamation-circle
はてな fa-question-circle
虫メガネ fa-search
虫メガネ(+) fa-search-plus
矢印右 fa-chevron-right
矢印下 fa-chevron-down
矢印右2 fa-angle-double-right
矢印下2 fa-angle-double-down
矢印右3 fa-angle-right
矢印下3 fa-angle-down
ハート fa-heart
ユーザー fa-user
コメント fa-comments
電球 fa-lightbulb-o
おしらせ fa-bullhorn
メール fa-envelope
コード fa-code
ギフト fa-gift
ダイヤモンド fa-diamond
ダウンロード fa-download
Twitter fa-twitter
Facebook fa-facebook-square
YouTube fa-youtube-play
amazon fa-amazon
王冠 st-svg-oukan
初心者 st-svg-bigginer_l

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

45°揺れ faa-wrench animated
ベル揺れ faa-ring animated
横揺れ faa-horizontal animated
縦揺れ faa-vertical animated
点滅 faa-flash animated
バウンド faa-bounce animated
回転 faa-spin animated
ふわふわ faa-float animated
大小 faa-pulse animated
シェイク faa-shake animated
シェイク(大)st-shake
拡大(ゆれ) faa-tada animated
過ぎる faa-passing animated
戻る faa-passing-reverse animated
バースト faa-burst animated
落ちる faa-falling animated

HTMLカラーコード

白 #ffffff

赤濃 #e53935

赤 #f44336

赤薄 #ffebee

青濃 #039BE5

青 #03A9F4

青薄 #E1F5FE

緑濃 #4Ca047

緑 #4CAF50

緑薄 #E8F5E9

橙濃 #FFB300

橙 #FFC107

橙薄 #FFF3E0

黒濃 #212121

黒 #424242

黒薄 #FAFAFA

黄薄 #FFFDE7

HTMLカラーコード(ブランド)

Twitter #40a2f5

Facebook #415c9d

hatena #3290e1

WordPress #2d88c0

amazon #eb9100

LINE #39b900

定型文

\ バンザイ /、詳細は公式サイトにて、無断利用禁止、ダミーテキストが登録

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

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

きのぷー

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

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

© 2012 いいね!南三陸町