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]（←小文字だと表示されないため、大文字表記にしています）

[toc]

記事一覧／カード

記事一覧

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

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

カテゴリ一覧

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

地元民が函館駅前バスターミナルを詳しく解説！

2022/9/30

きのぷー今日は、函館駅前バスターミナルについて、詳しくご紹介します(*> ᴗ •*)ゞ函館駅は「改札が１箇所、かつ、地上にあるので階段やエレベータを使わなくていい、導線もシンプル」と、観光客 ...

: Duolingo奮戦記

Duolingo 英語学習記録 Unit2-9 私の一日

2022/9/26

きのぷーDuolingo Unit2の9つめのカテゴリは「私の一日」です。ここでは、毎日、毎朝の習慣に関する表現を中心に学習します。顔を洗う、〜を食べる、宿題をすると言った行動面の他、「〜はつまらな ...

: Duolingo奮戦記

Duolingo 英語学習記録 Unit2-8 天気

2022/9/16

きのぷーDuolingo Unit2の8つめのカテゴリは「天気」です。ここでは、天候に関する表現や季節感を表す表現を中心に学習します。早速いってみましょう！予めご了承下さい核になる表現はそのま ...

: Duolingo奮戦記

Duolingo 英語学習記録 Unit2-7 方向

2022/9/16

きのぷーDuolingo Unit2の7つめのカテゴリは「方向」です。ここでは、「左右に曲がって！」「道に迷いました」「郵便局はここから3マイルです」など、方向に関する表現を中心に学習します。これ ...

: Duolingo奮戦記

Duolingo Unit2-6 パーティー傾向と対策

2022/9/26

きのぷーDuolingo Unit2の6つめのカテゴリは「パーティー」です。ここでは、「お誕生日おめでとう！」「ワクワクしています」「このプレゼントは最高です！」と言った、パーティーに関する表現を中 ...

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

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

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

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

2022/9/30

地元民が函館駅前バスターミナルを詳しく解説！

きのぷー今日は、函館駅前バスターミナルについて、詳しくご紹介します(*> ᴗ •*)ゞ函館駅は「改札が１箇所、かつ、地上にあるので階段やエレベータを使わなくていい、導線もシンプル」と、観光客の皆さんにとってわかりやすいところが強みだと思っております。駅ビルの目の前にバス乗り場とタクシー乗り場がありますので、目的地へのアクセスが超便利です！現役バリバリの地元民ならではの視点で情報をお届けしますよ！是非最後までお付き合い下さい(＾∀＾)ノ早速いってみましょう！予めご了承下さい 2022年9月2 ...

Duolingo奮戦記

2022/9/26

Duolingo 英語学習記録 Unit2-9 私の一日

きのぷーDuolingo Unit2の9つめのカテゴリは「私の一日」です。ここでは、毎日、毎朝の習慣に関する表現を中心に学習します。顔を洗う、〜を食べる、宿題をすると言った行動面の他、「〜はつまらない」と言った表現も登場します。早速いってみましょう！予めご了承下さい核になる表現はそのままで、単語や細かな言い回し等が変わることもございます日本語及び英語の文章表記は、公式の表現をそのまま使用しております最新の情報につきましては、公式ホームページやアプリをご確認下さい参考情報としてご利用ください。 ...

Duolingo奮戦記

2022/9/16

Duolingo 英語学習記録 Unit2-8 天気

きのぷーDuolingo Unit2の8つめのカテゴリは「天気」です。ここでは、天候に関する表現や季節感を表す表現を中心に学習します。早速いってみましょう！予めご了承下さい核になる表現はそのままで、単語や細かな言い回し等が変わることもございます日本語及び英語の文章表記は、公式の表現をそのまま使用しております最新の情報につきましては、公式ホームページやアプリをご確認下さい参考情報としてご利用ください。本情報のご利用に基づくいかなる損害に対しても責任は負いかねます本ユニットで登場した表現別の ...

Duolingo奮戦記

2022/9/16

Duolingo 英語学習記録 Unit2-7 方向

きのぷーDuolingo Unit2の7つめのカテゴリは「方向」です。ここでは、「左右に曲がって！」「道に迷いました」「郵便局はここから3マイルです」など、方向に関する表現を中心に学習します。これまでに登場したカテゴリ同様、構文の基本的な形はシンプルですが、似たような単語の組み合わせがとっかえひっかえ登場してしてきます。早速いってみましょう！予めご了承下さい核になる表現はそのままで、単語や細かな言い回し等が変わることもございます日本語及び英語の文章表記は、公式の表現をそのまま使用しております ...

Duolingo奮戦記

2022/9/26

Duolingo Unit2-6 パーティー傾向と対策

きのぷーDuolingo Unit2の6つめのカテゴリは「パーティー」です。ここでは、「お誕生日おめでとう！」「ワクワクしています」「このプレゼントは最高です！」と言った、パーティーに関する表現を中心に学習します。これまでに登場したカテゴリ同様、構文の基本的な形はシンプルですが、似たような単語の組み合わせがとっかえひっかえ登場してしてきます。早速いってみましょう！予めご了承下さい核になる表現はそのままで、単語や細かな言い回し等が変わることもございます日本語及び英語の文章表記は、公式の表現をその ...

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

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

: 地元民が函館駅前バスターミナルを詳しく解説！

きのぷー今日は、函館駅前バスターミナルについて、詳しくご紹介します(*> ᴗ •*)ゞ函館駅は「改札が１箇所、かつ、地上にあるので階段やエレベータを使わなくていい、導線もシンプル」と、観光客 ...

続きを見る

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

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

記事一覧／カード

記事一覧

カテゴリ一覧

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

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

おすすめ記事一覧

ブログカード

参考

参考地元民が函館駅前バスターミナルを詳しく解説！

CHECK（ふきだし）

地元民が函館駅前バスターミナルを詳しく解説！

条件表示

コメントアウト

エディタ用メモ

PC閲覧時のみ表示

PC閲覧時のみ非表示

AMPページのみ表示

AMPページのみ非表示

フロントページのみ表示

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

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

ショートコード補助

Webアイコン（クラス）

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

HTMLカラーコード

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

定型文

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