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

きのぷー

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

販売元サイト

AFFINGER（WING）

AFFINGER（WING）

https://the-money.net

「稼ぐ」に特化したアフィリエイトテーマ

その他パーツ

Googleアイコン

Mac/iPhone/tablet

+ ソースコード（クリックして下さい）

[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/自転車

+ ソースコード（クリックして下さい）

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

走る/車/電車

+ ソースコード（クリックして下さい）

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

地下鉄/飛行機/駐車場

+ ソースコード（クリックして下さい）

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

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

+ ソースコード（クリックして下さい）

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

タバコ/矢印（左）/矢印（下）

+ ソースコード（クリックして下さい）

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

矢印（右）/矢印（上）/マル

+ ソースコード（クリックして下さい）

[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=""]

バツ/顔（笑顔）/顔（悪い）

+ ソースコード（クリックして下さい）

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

顔（満足）/顔（不満）/手（Like）

+ ソースコード（クリックして下さい）

[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）

+ ソースコード（クリックして下さい）

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

スター

５、4.5、４、3.5、３、２、１があり。

+ ソースコード（クリックして下さい）

[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特急・急行）】宮古盛岡横断道路全線開通に伴う時刻・運賃の改定についてのお知らせ（2021.4/1～）」を公式ウェブサイトで発表されました。今年 ...

: 高速バス体験記（東北限定）

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

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

: 高速バス体験記（東北限定）

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

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

: 高速バス体験記（東北限定）

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

きのぷー今日は、盛岡⇔宮古間を結ぶ２階建てバス、盛宮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"]

カテゴリ一覧（スライドショー）

高速バス体験記（東北限定）

2021/7/25

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

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

高速バス体験記（東北限定）

2020/7/27

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

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

高速バス体験記（東北限定）

2020/7/27

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

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

高速バス体験記（東北限定）

2021/7/24

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

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

高速バス体験記（東北限定）

2020/7/27

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

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

+ ソースコード（クリックして下さい）

[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>

ブログカード

参考

: 参考【速報・解説】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特急・急行）】宮古盛岡横断道路全線開通に伴う時刻・運賃の改定についてのお知らせ（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

定型文

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

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

その他パーツ

Googleアイコン

Mac/iPhone/tablet

タイマー/MAP/自転車

走る/車/電車

地下鉄/飛行機/駐車場

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

タバコ/矢印（左）/矢印（下）

矢印（右）/矢印（上）/マル

バツ/顔（笑顔）/顔（悪い）

顔（満足）/顔（不満）/手（Like）

手（Bad）/！（error）/！（new）

スター

画像付きコメント

アドセンス

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

Youtube

三角（下矢印）

スクロールナビ

目次（カスタム）

目次（TOC+）

記事一覧／カード

記事一覧

カテゴリ一覧

カテゴリ一覧（スライドショー）

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

おすすめ記事一覧

ブログカード

参考

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

CHECK（ふきだし）

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

条件表示

コメントアウト

エディタ用メモ

PC閲覧時のみ表示

PC閲覧時のみ非表示

AMPページのみ表示

AMPページのみ非表示

フロントページのみ表示

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

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

ショートコード補助

Webアイコン（クラス）

アニメーション（クラス）

HTMLカラーコード

HTMLカラーコード（ブランド）

定型文

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