ebay輸出のことや、Amazonプライムビデオのおすすめ作品などをヨッタさんへ教えるブログ

前略、ヨッタさんへ

WINGのタグ機能をまとめた一覧ページ【AFFINGER5】

このページは に更新されました。

WINGタグ機能一覧の画像

WINGの記事内で使えるタグ機能を一覧ですべてまとめています。

yotta
「この項目はどんな見た目だろう?」を解決する用です

「タグ」とは、編集画面で表示される次のプルダウン画像のところ

wing-functions-tags

この小さなプルダウンの中にとんでもない数の機能が備わっている。

しかも汎用性の高い機能が 1クリックで簡単に使えるよう詰め込まれているため、ものすごく便利

必須:プラグインのTinyMCE Advanced を使用する必要があります

現在のWING バージョン 20180807 までのタグ機能一覧の自分用まとめ

タグ > テキストパーツ >

デザインの枠は 全部で9個の機能が入っている。

1)タグ > テキストパーツ >クリップメモ

クリップメモへのルート画像

クリップメモ > 12パターンあり(ショートコードを直接コピペ OK)

オリジナルのデザインも作成可能です。参考までに主要なウェブサービスを模したコードを用意してみました。

クリップメモ基本12パターン

1.メモ

2.外部リンク

3.ブックマーク

4.おしらせ

5.はてな

6.コメント

7.コード

8.ポイント

9.ユーザー

10.初心者

11.注意文

12.注意分(グレー)

主要WEBサービスのクリップメモ

インスタグラム

Google+

Twitter

facebook

LINE@

LINE@

LINE@

Youtube

Youtube

note風

WordPress

bitcoin

ショートコードを次の記事で公開中です ※iconsizeなどすべて変更可能

コピペOK!WINGのクリップメモをSNSやウェブサービス用にカスタマイズ【AFFINGER5】

2)タグ > テキストパーツ >ミニふきだし

基本

オレンジ

ピンク

ブルー

グリーン

レッド

3)タグ > テキストパーツ > 複合

自由なメモ

ココがポイント

ココがおすすめ

ココがダメ

ココに注意

さらに詳しく

◯才女性

あきらめないで

◯才男性

ええ、いつかやると思ってました

4)タグ > テキストパーツ > 複合(アイコンなし)

自由なメモ

ココがポイント

ココがおすすめ

ココがダメ

ココに注意

もっと詳しく

つまづきポイント

5)タグ > テキストパーツ >まるもじ(小)

基本オレンジピンクブルーうすい注意注意

6)タグ > テキストパーツ >まるもじ(大)

基本

オレンジ

ピンク

ブルー

はてな

チェック

うすい注意

注意

7)タグ > テキストパーツ >カスタムボタン

ボタンはデフォで10個。数字いじったりしてオリジナルにできる

ボタン

詳しくはコチラ(オレンジ)

詳しくはコチラ(レッド)

詳しくはコチラ(グリーン)

詳しくはコチラ(ブルー)

お問合せ

もっと詳しく(オレンジ)

もっと詳しく(ピンク)

もっと詳しく(ブルー)

人気ランキング

ver20180807 アップデートから導入

太字のテキスト

今すぐ申し込む

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

例えば次のような使い方ができる

会員登録は不要です

今すぐ申し込む

※30日間の返金保証が付いています

8)タグ > テキストパーツ >ステップ(Version: 20180613 から)

マサル流コーヒーの淹れ方

step
1
まず服を脱ぎます

step
2
たたむ

step
3
コーヒーをつくる

※カラー設定は、カスタマイザーのオプションカラーにて変更可能

9)タグ > テキストパーツ >ラベル

ラベルだ

9)タグ > テキストパーツ >流れる文字(marquee風)

ver20180807 アップデートから導入

右から左に文字が流れます。

画像は流れませんでした。

※flexboxの中で使うと挙動がアウトだったので、後日見直し。

テキストパーツの枠は以上

つづいて、ボックスデザイン枠へ

タグ > ボックスデザイン >

ボックスデザインは、6個の機能が入っている。

wing-box-designへのルート

  1. バナー風ボックス
  2. マイボックス
  3. 見出し付きフリーボックス
  4. メモボックス
  5. スライドボックス
  6. こんな方におすすめ

1)タグ > ボックスデザイン >バナー風ボックス(Version: 20180613 から)

バナーも作れるWING!

お求めはコチラ

画像加工とかバナー用意とか面倒じゃないですかー

ご覧の通りで作り手のセンスを問われますが、クリック一つで呼び出せるので記事の中だけでなく、サイトのあらゆるところで使えるとんでもなく便利なタグ

2)タグ > ボックスデザイン >マイボックス

ポイント

基本

しかく(枠のみ)

まるみ

ポイント

ポイント

注意ポイント

注意ポイント

はてな

はてな

3)タグ > ボックスデザイン >見出し付きフリーボックス

見出し(全角15文字)

4)タグ > ボックスデザイン >メモボックス

メモ

ここに本文を記述

5)タグ > ボックスデザイン >スライドボックス

+ クリックして下さい

クリックで開かれる内容です

6)タグ > ボックスデザイン >こんな方におすすめ

こんな方におすすめ

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

タグ > 会話吹き出し >

yotta
コレが会話吹き出しである
左右に移動も可能です。
郵便局のお姉さん

デフォルトで8個の吹き出しを設定可能

カラー変更もカスタマイザーから自由自在に変更できる。

ちなみに話が長いと次のように表示される。

affinger4 子
WINGとはAFFINGER5のことであり、アフィエイトサイトだけでなく、企業サイトやブログなどでも活躍するワードプレステーマである。長く人々から愛されているのは、その時々のウェブトレンドや、市場の成長に合わせて常に進化し続けているからである。WING(AFFINGER5)一つあれば様々なジャンルのサイトで活用できるうえに、おそらく今後のトレンドも待っていれば対応してくれるので、購入は早ければ早いほど良い。何でもかんでも機能を入れたら良いみたいな薄い理由ではなく、なぜ必要かがしっかり考えられている所が好きだとこのサイトの作者は思っているが、長いアップデートを重ねて、とにかくなんでもかんでも機能が入っているように見えるし、実際に機能はとんでもなく豊富だ。WINGのご購入はこちらからどうぞ!(勢い)

タグ > ランキング見出し >

ランキング1位(基本)

当サイトはmixhostで稼働中です。比較的高頻度で落ちますが、早くて安くて良いです。

ランキング2位

ランキング3位

ランキング4位以下

タグ > レイアウト >

PCとタブ三分割など、コンテンツを横並びにしたい時に使います。

左側のコンテンツ33%

真ん中のコンテンツ33%

右側のコンテンツ33%

全部で7パターンあり、ビジュアルで判断可能

  1. PCとTab3分割
  2. PCとTab左右40:60%
  3. PCとTab左右50%
  4. 全サイズ左右30:70%
  5. 全サイズ左右50%
  6. 全サイズ左右free%
  7. 均等横並び

レイアウトは以上

つづいて、「その他パーツ」枠へ

タグ > その他パーツ >

その他パーツは、全部で7個の機能が入っている。

other-options

  1. スター
  2. アドセンス
  3. オリジナルショートコード
  4. Youtube
  5. 三角(下矢印)
  6. 目次(カスタム)
  7. 目次(TOC+)

1)タグ > その他パーツ > スター

星をショートコードで呼び出せる

呼び出せるスターの一覧

2)タグ > その他パーツ > アドセンス

ウィジェットの「広告・Googleアドセンス用 336px」に挿入したコンテンツをショートコードで呼び出せる

広告・Googleアドセンス用336px画像

3)タグ > その他パーツ > オリジナルショートコード

ウィジェットの「オリジナルのショートコード作成ウィジェット」に挿入したコンテンツをショートコードで呼び出せる

コレものすごく便利

4)タグ > その他パーツ > YouTube

Youtube 動画リンクを静止画で表示できるショートコード

静止画にすることでページが軽くなります

参考:複数のYouTubeの挿入方法

4)タグ > その他パーツ > 三角(下矢印)(Version: 20180613 から)

タグから簡単に呼び出せるようになりました。

5)タグ > その他パーツ > 目次(TOC+)

目次プラグインのTOC+を呼び出すクイックボタン

クリックでTOC+を呼び出すショートコードが表示される。

6)タグ > その他パーツ > 目次(カスタム)

プラグインSUGOI MOKUJI(すごいもくじ)を呼び出すクイックボタン

参考:TOC+から切り替え!もくじプラグイン SUGOI MOKUJI (すごい目次)のメリット・デメリット

スポンサーリンク

その他パーツは以上。続いて「記事一覧」へ

タグ > 記事一覧 >

項目が3つ。これから紹介する3機能は、AFFINGER5 管理のトップページデザインなどでも使用できる。もちろんサイドバーでも使える。単純に新着記事を並べただけのトップより、より自分が読んで欲しい記事を中心に構成できる機能なため、ぜひマスターし活用したい。

1)タグ > その他パーツ > 記事一覧

こちらが指定した記事一覧を呼び出せる

クリックするとショートコードが表示されるので、記事IDをコンマ区切りで入力する。

こんな感じで

affingerからwingへの画像1

WING(AFFINGER)

WING(AFFINGER5)にテーマ変更したついでにカスタマイズしたところ

2018/04/12  

サイトのテーマをWING(AFFINGER5)に切り替えました。ワードプレステーマ AFFINGER4 からの移行です。 とり急ぎ備忘録を兼ねまして カスタマイズした所 こだわった所 今後変更する所 ...

やってはいけなかった2

ブログ運営

よい「読後心理」の為に、やってはいけなかった3つの事を反省する

2018/01/29  

「読後心理」の為に、今まで多用してきたけれど、実はやってはいけなかったことを3つまとめました。読後心理というのは、ブログで大切な事の一つです。 次の二つがブログで大切だと考えています 共通認識 読後心 ...

fastandslow3

ブログ運営

良いブログは、速い文章と遅い文章の間が丁度いいのではないか

2018/01/20  

「速い文章と遅い文章」について調べてましたが、どうにも同じ言葉で説明されているサイトが見つからなかったので自分で言語化してみる。 念のため 僕は書くのも読むのも苦手なタイプである事を事前にアッピールし ...

人気記事一覧と言いつつ、こちらが選んだ一覧など作れる

2)タグ > その他パーツ > カテゴリ一覧

指定したカテゴリーの記事一覧を呼び出せる

クリックするとショートコードが表示されるので、カテゴリーIDを入力する。

「プラムビデオ」の新着一覧

season5

amazon ビデオ

「ヴァイキング 海の覇者たち」シーズン5のキャストまとめ!【海外ドラマ】

海外ドラマ「ヴァイキング~海の覇者たち~」シーズン5のキャストまとめです! ネタバレを含みますので、シーズン1~5でページを別けてます。 このページでは【シーズン5】のメインキャストについてをご紹介 ...

mandwon

amazon ビデオ ドラマ

マン・ダウン 戦士の約束 はレビューするのが難しい映画だった

プライムビデオで「マン・ダウン 戦士の約束」を見ました。トランスフォーマーで主役を務めていたシャイア・ラブーフ主演です。 レビューするのが難しい映画だったので、シャイア・ラブーフ寄りで書き残します。 ...

amazon ビデオ ドラマ

刺さった男 10人が10人とも違う感想になるような映画

プライムビデオでスペイン映画の「刺さった男」を見ました。 不思議なテーマなだけにかなり独特の雰囲気で最後まで突き抜けてました。 オススメ度: レビュー 失業中の男は、工事中の遺跡で事故にあってしまい後 ...

指定できるのは

  • 任意のカテゴリー
  • 表示するページ数
  • 降順、昇順の指定
  • 細かな並び方法の指定(日付、更新日、ランダムなども可能

カテゴリ一覧表示機能が強化された

ver 20180521 からカテゴリ一覧表示機能がさらに強化されました。

カテゴリ一覧を横スライダーで表示できるようになっています。(以下の指定は、6記事表示・ランダム・PCで3つ・スマホで2つ)

10万PVへの進捗報告

2017/9/1

サーチコンソールが凄い!ブログ始めて17か月目のPV報告

さっぱり更新が滞っている当サイトですが、毎度お馴染みの経過報告はやりましょうぞ! 今回は「実行してみて個人的に効果があったこと」も含めて、数字を報告します。 ちなみに前回の目標は 新しいサイトを立ち上げるところまで頑張る! でした。 コレは先に書きますと未達成。何がひどいって1ミリもスタートしていない所 🙄 (☝ ՞ਊ ՞)☝ 結果的に「アフィリエイトのサイト」と「雑記ブログ」作ろう!という所まで考えたのが行動したことです。考えただけを「行動」と言っていいか分かりませんが、ま~考えただけなのでそういう事で ...

ReadMore

UP

10万PVへの進捗報告

2017/8/27

ebay輸出ブログ始めて3か月目のPV結果と次回目標。キーワード選定はすっげー大事

PV公開シリーズも3回目となりました。アクセス数の公開と、次の目標までです。 今の気持ちは「ebay輸出ブログはラーメン屋なのにカレーも出すような店にするしかないのか?」って感じです。 前回はページビューが2660。今月の目標は5320としていました。 3か月目はどうだったでしょうか。 ebay輸出ブログ始めて3か月目の結果 ででん。 3か月目のページビューは4,463でしたー。 目標達成ならず!残念 月 前月 目標 結果 2月中旬まで 0 - 700 3月中旬まで 700 1450 2660 4月中旬ま ...

ReadMore

Nine

10万PVへの進捗報告

2017/8/27

ブログ始めて9か月目のPV結果!人気記事トップ3。いや現実は厳しいッス

毎月恒例のブログ進捗報告も9回目となりました。相変わらず10万PVは遠い。さっそく結果から。 ブログ始めて9か月目のPVは12,838でした! 目標は1万2千だったので無事に目標達成!ッシャ ( ✧Д✧) ٩(๑❛ᴗ❛๑)۶ (☝ ՞ ◡՞)☝アゲアゲ 前回 10,551 ( 2,287 UP!) 人気記事の紹介と反省点、次の目標です。 9か月目に人気だった記事ランキング TOP 3 9か月目の第3位 リサーチ無用論はバイヤーファースト!AI導入とこれからの物販https://bvb-arigato. ...

ReadMore

10万PVへの進捗報告

2018/6/2

ブログはじめて29ヵ月目のPV結果。1万人の5分を権威性と考える

ポリデント?ポリグリップ??中島や堂安がいないロシアWCに始まる前からガッカリ、@Yottaです。連日ビール片手にブログ運営しつづけています。 西野監督が言う、ポリ、、なんだっけ。もういいや。 今回もブログはじめて29か月目の結果と、やっとことなど書き残します。 29ヵ月目の結果 月 更新記事数 PV 19 11 15522 20 2 19297 21 5 21235 22 5 22193 23 3 18573 24 6 17652 25 11 19326 26 2 19287 27 2 27051 28 ...

ReadMore

10万PVへの進捗報告

2018/9/1

操作されてるかも!? ブログ始めて32か月目のPV結果

平成最後の夏が終わりました。 はたして和暦は必要なのか?ってぐらいの感覚で、僕はビール飲んでダラダラ過ごしました。粛々とブログにやったことを残し続けるだけです。 結果行きます 32か月目のPV結果 月 更新記事数 PV 24 6 17652 25 11 19326 26 2 19287 27 2 27051 28 6 21338 29 1 22379 30 3 18,670 31 1 18,548 32 2 22,616 22,616 PV  伸びました。 「健全な数字」に安心感を覚える 日々の ...

ReadMore

10万PVへの進捗報告

2018/4/1

ブログはじめて27か月目のPV結果。ジャンル is 大事

春になりましたー。日中も過ごしやすく、桜も満開。このサイトはいつになったら花開くのでしょう。 はい、結果行きます。 すぐに結果行きます。 27ヵ月目のPV結果 月 更新記事数 PV 17 2 15983 18 5 14219 19 11 15522 20 2 19297 21 5 21235 22 5 22193 23 3 18573 24 6 17652 25 11 19326 26 2 19287 27 2 27,051 27,051 PV テッテテー♪ ついに来ました、新記録! 怪しいのがコレ書いて ...

ReadMore

ユーザーの画面サイズによって横並び数を3個、2個など調節可能。

RreadMoreの文字を「続きを読む」などの任意の言葉へ変更可能。

3)タグ > その他パーツ > おすすめ記事一覧

「AFFINGER5 管理」で設定した「おすすめ記事一覧」を呼び出せるショートコードが表示される。

おすすめ記事一覧

mercari 1

先日、飲んで家に帰ってきたら Amazon から荷物が届いてました。 メルカリの売り上げで買った家電製品です。 ん? メルカリで買ったんだけど、、って次の日シラフになって気づいた所からの話 メルカリで ...

発送 2

日本郵便のEMS送料が値上がりしました。300gの区分が廃止されて、全体が300円~500円あがってます。アメリカまで300gで1200円の送料だったのが2000円ですよ! そうなるとeパケットやSA ...

タグ > 条件表示

表示・非表示をふり分けるショートコードが挿入される。コード間に任意の値を挟むことで表示・非表示のオンオフ

タグ > ショートコード補助 > HTMLカラーコード

汎用性のあるカラーコードが登録されている(16色)

コード一覧
■ 赤濃(#e53935)■ 赤(#f44336)■ 赤薄(#ffebee)■ 青濃(#039BE5)
■ 青(#03A9F4)■ 青薄(#E1F5FE)■ 緑濃(#43A047)■ 緑(#4CAF50)
■ 緑薄(#E8F5E9)■ 橙濃(#FFB300)■ 橙(#FFC107)■ 橙薄(#FFF3E0)
■ 黒濃(#212121)■ 黒(#424242)■ 黒薄(#FAFAFA)■ 黄薄(#FFFDE7)

タグ > Webアイコン(クラス) >

クリップメモのショートコード用の機能

ショートコードのfontawesome=" "部分に使えるコードが一発で挿入される。わざわざコード探さなくて良いので便利

メモ

チェック

注意

はてな

矢印右

矢印下

ユーザー

コメント

電球

おしらせ

ギフト

ダイヤモンド

ダウンロード

王冠

初心者

タグ > ショートコード補助 > アニメーション(クラス)

ver20180807 アップデートから導入

動きサンプルクラスマウスオーバー用
45°揺れサンプルfaa-wrench animatedfaa-wrench animated-hover
ベル揺れサンプルfaa-ring animatedfaa-ring animated-hover
横揺れサンプルfaa-horizontal animatedfaa-horizontal animated-hover
縦揺れサンプルfaa-vertical animatedfaa-vertical animated-hover
点滅

サンプル

faa-flash animatedfaa-flash animated-hover
バウンドサンプルfaa-bounce animatedfaa-bounce animated-hover
 回転

サンプル

faa-spin animatedfaa-spin animated-hover
ふわふわサンプルfaa-float animatedfaa-float animated-hover
大小サンプルfaa-pulse animatedfaa-pulse animated-hover
シェイクサンプルfaa-shake animatedfaa-shake animated-hover
シェイク(大)サンプルst-shakest-shake-hover
拡大(ゆれ)サンプルfaa-tada animatedfaa-tada animated-hover
過ぎるサンプルfaa-passing animatedfaa-passing animated-hover
戻るサンプルfaa-passing-reverse animatedfaa-passing-reverse animated-hover
バーストサンプルfaa-passing-reverse animatedfaa-passing-reverse animated-hover
落ちるサンプルfaa-falling animatedfaa-falling animated-hover

クリップメモの注意(iconsizeを300)

タグ内のアニメーションは、コードだけが表示される。

タグ横「スタイル」プルダウン内のアニメーションは、テキスト選択してアニメーションを指定できる。

タグ機能についてまとめ

何が凄いって、記事を書く際のエディタ画面の、この小さなプルダウンの中に上記してきた機能がすべて入っているところ!

その項目数なんと120個 以上!(おったまげー)

これがWING(AFFINGER5)の一部の機能ですからね。

全部じゃないですよ

凄すぎでしょー

-WING(AFFINGER)

Copyright© 前略、ヨッタさんへ , 2018 All Rights Reserved.