AFFINGER

アフィンガー5

AFFINGERが向いてる人、向いてない人の情報を徹底的に整理した

2018/5/24

  こんにちは、AFFINGER利用者の美智也です。   AFFINGERを購入するかどうか迷ってる人は もうそれなりにWordPressテーマについて 調べてるかと思います。   ただ問題は。。。   このテーマを使いこなせるのかな。。。 絶希   私自身に向いてるのかな? 暗陽   本当に失敗したくないな。。。 妄弥   タイトル通り、この記事では 「AFFINGERに向いてる人、向いてない人」の情報を徹底的に整理しました。 &nb ...

ReadMore

AFFINGER5 EX版

アフィンガー5

「AFFINGER5 EX版はどう?」:大幅アップグレード後の自分の感想

2018/5/22

  こんにちは、AFFINGER5 EX版にアップデートした美智也です。   妄弥 本当のところ、どうなん?   この記事では自分の感想を述べています。   何かしら参考になれたら幸いです。   はじめに注意点 先に。。 AFFINGER5 EX版の機能の具体的な特徴については公開できません。   そして自分は正直、EX版の特別機能はそこまでヘビーに利用してないです。 全部で10個ぐらいあるんですが、 自分はそのうちの3個ぐらいを利用しています。 ...

ReadMore

AFFINGER アップデート

アフィンガー5

AFFINGERのアップデートの変遷(機能や料金等):自分の体験の基

2018/5/22

  こんにちは、AFFINGERを1年以上利用してる美智也です。   AFFINGERはアップデートがかなり多い有料WordPressテーマです。   絶希 AFFINGERは気になるけど。。。   アップデートについていけるかな。。。 絶希   暗陽 でもなんか料金がどんどん高くなってない?   迷ってると損してるような。。。 暗陽   この記事では自分の体験の基、 AFFINGERのアップデートの変遷・歴史をまとめています。 &nb ...

ReadMore

AFFINGER プラグイン

アフィンガー5

AFFINGERのプラグインをほぼ全部持ってるので、それぞれの機能をまとめた

2018/5/22

  こんにちは、AFFINGER LOVEの美智也です。   自分はAFFINGERのプラグインをほぼ全部持ってます。w   アフィリエイトでなかなか成果が出ない。。。 絶希   そしてAFFINGERはかなり評判が良いけど。。。 絶希   AFFINGER専用の特別プラグインは本当に役に立つの? 暗陽   この記事ではそれぞれのプラグインの機能の特徴についてできる限り、 分かりやすく説明しています。   少しでも参考になれたらとても嬉 ...

ReadMore

SUGOIMOKUJI

アフィンガー5

SUGOIMOKUJI(アフィンガー5専用の目次プラグイン)利用体験1ヶ月目

2018/3/31

  こんにちは、美智也です。   アフィンガー5/WINGが発売されましが、 この『SUGOIMOKUJI』という 専用のプラグインが気になってるかもしれません。   暗陽 目次のプラグイン?   それ、役に立つの? 暗陽   この記事ではこのアフィンガー5専用の 目次プラグインの利用体験を記しています。   WINGを導入するかどうかの参考になれたら嬉しいです。   SUGOIMOKUJI!w   そもそも。。。 なぜ目次は ...

ReadMore

AFFINGERタグ管理マネージャー

アフィンガー5

AFFINGERタグ管理マネージャー2:新機能の体験談[ウイング]

2018/3/31

  こんにちは、美智也です。   AFFINGERを単体で利用してるけど、 専用のプラグインが気になり始めてるかもしれません。w   なかなか成果が出ない。。。 妄弥   妄弥 このタグ管理マネージャーはどうなの?   最近、タグ管理マネージャーがパワーアップしたので、 この記事ではその体験談を記しています。 参考になれたら幸いです。   AFFINGERタグ管理マネージャー 簡単な機能の説明 簡単に言うと リンクの表示回数・クリック数・率が確認 ...

ReadMore

AFFINGER5 JET

アフィンガー5

アフィンガー5/WINGへの移行:子テーマJETでの体験談

2018/3/30

  こんにちは、アフィンガー5に無事、移行できた美智也です。   アフィンガー4の親テーマではJETという子テーマがあり、 そちらを利用してる方が結構いると思います。   JETでも本当にちゃんと5へ移行できるのかな? 絶希   この美智也ブログ(本命)はアフィンガー5/WING EXですが、 自分はサブサイトでJETの方も試しましたので、 アップデートするかどうかの参考になれたら嬉しいです。   アフィンガー5/WING 親テーマ 今回、親テーマは「アフ ...

ReadMore

AFFINGER5 WING

アフィンガー5

AFFINGER5[WING]を導入した!新機能のメリット・デメリット具体的に

2018/3/27

  こんにちは!AFFINGER CRAZYの美智也です。w   自分はこの1年間、AFFINGER4を満喫しましたが、 ついにAFFINGER5(別名WING)が公開されました!   妄弥 いろんなWordPressテーマについて調べてるけど。。。   この新しいAFFINGER5/WINGはどうなの? 妄弥   本当に良いテーマなのか? 妄弥   この記事では自分のAFFINGER5/WINGの導入体験を詳しく語ってます。 導入するかどうかの ...

ReadMore

AFFINGER4 ProのYouTube背景デザイン体験談(コード変更無し)

投稿日:2017年11月27日 更新日:

AFFINGER4 YouTube背景

 

こんにちは。

AFFINGER4 Proをそれなりに利用している美智也です。

 

最近、

自分のブログのトップページの背景を

YouTubeの動画に設定しました。

(動画と言っても曲の静止画ですが。。。w)

 

問題解決
絶希
YouTube背景、気になる!

 

実際どんな感じか知りたい!
女性 悩み相談
暗陽

 

この記事ではAFFINGER4のYouTube背景の

体験談を記しています。

少しでも参考になれたら嬉しいです。

 

2018年4月追記:

現在のテーマの最新バージョンはWING/AFFINGER5です。

 

AFFINGER4 ProのYouTube背景デザイン

WING(AFFINGER5版) にはページのバックグラウンドに

好きなYouTube動画を設定することが可能です。

 

AFFINGER

 

(AFFINGER4Exだけではなく、通常版でも活用できます)

 

AFFINGER4の専用管理画面で簡単に設定可能です。

(自分の「クレイジーハッカーの日常」

というサブサイトで説明していきます。)

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

YouTube背景の設定は「トップページの設定」

の欄にありますのでそこをクリックします。

 

AFFINGER4 YouTube背景

 

「トップページの設定」まで飛んだら

「YouTube背景」の部分までスクロール・ダウンします。

 

AFFINGER4 YouTube背景

 

そして流したいYouTube動画を選びます。

 

自分はここでは「Deadmau5」というアーティストの

ミュージックビデオを流したいとします。

 

AFFINGER4 YouTube背景

 

動画をクリックします。

 

AFFINGER4 YouTube背景

 

URLをクリックして、

「v=」のあとにくる英数字がそのYouTube動画のIDです。

 

AFFINGER4 YouTube背景

 

それをコピーします。

 

先ほどのAFFINGER4管理画面に戻って、

「背景に流すYouTube動画ID」に取得したIDをペーストします。

 

AFFINGER4 YouTube背景

 

そしていろいろオプションがあります。

 

「トップページ(PC)の背景でYouTubeを流す」は

クリックしておかないと動画が流れません。

 

AFFINGER4 YouTube背景

 

動画の音も出せます。

(たぶんほとんどのサイトでは無い方がいいかも。。。w)

 

AFFINGER4 YouTube背景

 

YouTubeの動画は再生が終わったら

関連動画が表示されるんですが、

それを非表示にできます。

(ENJIさんはどうやってやってるんだ???www)

 

AFFINGER4 YouTube背景

 

1回だけでなく、なんども動画が繰り返す

「ループ再生」も可能です。

 

AFFINGER4 YouTube背景

 

背景にアミ点を追加することも可能です。

 

AFFINGER4 YouTube背景

 

トップページだけでなく、

他の下層ページにもYouTube動画を流すことが可能です。

 

AFFINGER4 YouTube背景

 

そして画面の左下に「NOW PLAY」のリンクも置けます。

 

AFFINGER4 YouTube背景

 

特に自分が作った動画でないなら、

「NOW PLAY」のリンクは表示させた方がいいと思います。w

 

設定に満足したら「save」をクリックします。

 

AFFINGER4 YouTube背景

 

保存が終了したら「サイトを表示」をクリックします。

 

AFFINGER4 YouTube背景

 

そしてすぐにYouTube動画が再生されます。

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

AFFINGER4 YouTube背景

 

YouTube背景デザイン:

AFFINGER4 YouTube背景

 

記事をクリックしてみると。。。

 

AFFINGER4 YouTube背景

 

下層ページもちゃんとw

YouTube動画が流れます。

 

AFFINGER4 YouTube背景

 

AFFINGER4のYouTube背景でのヘッダー画像の注意点

ヘッダー画像は「png」形式で保存してください。

そうしないと、画像が「透過されない」です。

 

試しに「jpeg」で保存してみると分かりますが、

バックグラウンドが白でYouTube背景が見えにくいです。

 

そして文字だけが表示される「透明」の

ヘッダー画像を作成するには、

自分はPhotoshopを利用しました。

 

AFFINGER4のYouTube背景はいつ利用するのが適切なの?

このYouTubeの背景はいつ使うのが適切なの?
問題解決
絶希

 

美智也
美智也
いや、俺に聞かれても。。。www

 

これ、

アフィリエイト・サイトではどうなんだろう。。。w

分からないです。。。

 

AFFINGER4の公式サイトのデモサイトみたいに、

美容室みたいなお店とかでは上手く活用できそうですけど。。。

 

自分はこの美智也ブログで背景に静止画を利用していますが、

正直、

これでいいのかどうか分かりません。w

実験中です。。。

 

ただ自分のブログの読者のターゲット層は

好みそうな感じなので。。。

 

あとはもう自己満足です。w

というかこの雑記ブログのもう8割は、

「最終的には自分が満足しないと無理」って感じなので。。。

2割は読者のことを考えながら。。。

という感じです。。。

 

このYouTube背景は

本当に「あなたがどういうサイトを目指しているのか」

によると思います。

 

まとめ:AFFINGER4 ProのYouTube背景

設定はAFFINGER4管理にて、非常に簡単。

ヘッダー画像を透過させたい場合はフォトショップが便利

(png形式で保存)

そんな感じです。。。

 

見ての通り、

自分はただボタンをクリックしてるだけです。www

コードは何も変更してないです。

 

問題解決
絶希
なんだ、僕でもできそう!

 

私にもオシャレなウェブデザインができる!
女性 悩み相談
暗陽

 

-アフィンガー4

Copyright© 美智也のどん底から這い上がるブログ , 2018 All Rights Reserved.