AFFINGER5

WING(AFFINGER5)のオリジナル子テーマ「Fly-hy」を作製しました!

投稿日:2018年12月25日 更新日:

こんにちは!!ハイジ(@haiji_blog)です。

現在当ブログではWING(AFFINGER5)というテーマを使用しております。

そのWING(AFFINGER5)のオリジナル子テーマを作製しましたのでその特徴をご紹介させてください!

 

注意!

ここで紹介する当サイトオリジナル子テーマ「Fly-hy」は当サイトの管理人が個人的に作成したオリジナル子テーマであり、公式ではありません

したがってWING(AFFINGER5)本体の製作者様、及び公式サイト等は全くの無関係サポートの対象外です

公式サイト等に「Fly-hy」に関する問い合わせをしないでください。

 

特徴

「Fly-hy」は子テーマなのでWING(AFFINGER5)のべんりな機能はもちろんそのまま使用することができます。

ちょちょっとデザイン面で手を加えた点が多いです。

吹き出し

ハイジ
例えばデフォルトの吹き出しはこんな感じで
左右にすることができますよね。
ハイジ

「Fly-hy」ではこの左右に加え、吹き出しが下にあるバージョンもご用意しました!

ハイジ
吹き出しが下にあることで幅を広く出来ます。
ハイジ
こっち側も同じ様に吹き出しを下にすることだってできる!

注意

こちらはWING(AFFINGER5)デフォルトの吹き出しにしか対応しておりません。公式プラグインの「会話吹き出しプラグイン」には対応しておりませんのでご了承願います。

 

スマホにスクロールメニューを追加

WING(AFFINGER5)にはスマホ表示の際、ミドルメニューがあるのであまり需要はないかもしれませんがスクロールメニューを設定できるようにしました。

ページ読み込み時にスクロールして出現するので訪問者に『スクロールすることが出来る』と気づいてもらいやすいんじゃないかと。

 

記事一覧のリンクを全体に適用

WING(AFFINGER5)では記事一覧のリンクってタイトルかサムネイルの部分をクリックしないとその記事ページにリンクしないですよね。(公式子テーマJET除く)

かなり個人的な嗜好なんですが、それがあまり好きではないのでリンクを全体に適用しました。

ハイジ
言葉では少し伝わりづらいですかね・・・。下のgifを見てもらえばわかりやすいかと思います。

Fly-hyの記事一覧リンク

この様にリストのどこをクリックしても記事ページにリンクしますのでユーザビリティも向上するのではないでしょうか。

 

スマホでのフッターメニューのデザイン変更

ハイジ
背景に画像を設定しているのはWING(AFFINGER5)のデフォルトの機能です。

Fly-hyオリジナルの部分は画像にフィルターをかける機能と、メニューを縦並びにする機能です。

ハイジ
『POWERD BY WING(AFFINGER5)』の部分は皆さんのサイトには表示されないので安心してください!

 

URLで内部リンクカードを作れる

WING(AFFINGER5)のデフォルトの機能でも内部リンクカードを簡単に作れますが、URLではなく記事のIDを使用して作製するため、IDを調べる必要があります。

そこでURLを使った内部リンクカードを用意しました。IDを調べるよりかは手間がかからないと思います。

あわせて読みたい
万年筆タイプのペン、ペチット1は安くて可愛くて意外と書き心地も良い!
続きを読む

こちらは横長タイプとカードタイプの2種類を選択でき、「あわせて読みたい」「続きを読む」の部分の言葉も変えることが出来ます。

関連記事
万年筆タイプのペン、ペチット1は安くて可愛くて意外と書き心地も良い!
詳細ページへ

 

Fly-hyの入手方法

『Fly-hy』は当サイトよりWING(AFFINGER5)(単品)、またはAFFINGER PACK3(WING対応)を購入頂けると購入特典として『Fly-hy』をダウンロード頂けます。

特典を受け取るにはCookieが有効である必要があります。

step
1
購入ページへ!

以下のいずれかのリンクボタンをクリックし販売ページへ移動、ページ下部にある”ご購入はこちら”のボタンをクリックします。

効率よく成果を上げる為に

WING(AFFINGER5)、タグ管理マネージャー3、A/Bテストプラグインのお得なセット

クリック計測・A/Bテストプラグインもセットになった最強の布陣

WING(AFFINGER5)を既に購入済みで「タグ管理マネージャー3」をまだ持っていないという方の為に、「タグ管理マネージャー3」の購入特典にもFly-hyをお付けいたしました!

アフィリエイトタグを一元管理&クリック計測

1/10まで特別価格

PVモニターとAFFINGERタグ管理マネージャー3のお得なセットにもお付けいたしました!

クリック計測と動線の見える化で改善点を洗い出す

1/10まで特別価格

step
2
特典を確認する!

購入画面で特典が表示されているかご確認ください。

ピンクの枠線で囲んである”オリジナル子テーマ『Fly-hy』”が表示されているかをご確認ください。

ピンク枠線内の”AFFINGERを更に強力に〜・・・”の部分の文言は今は”オリジナルのAFFINGER5の機能に加え〜・・・”へ変更しています。

ここの文言は今後も変更となる可能性はありますが、”オリジナル子テーマ『Fly-hy』”が表示されていれば問題ありません。

これが表示されていない場合は特典を受け取ることが出来ませんので、Cookieを有効化して再度先ほどのボタンをクリックし購入画面まで進んでください。

Cookieの有効化の方法

Cookieを有効化するには・・・

  1. ブラウザ右上にある点が縦に3つ並んだメニューボタンをクリック
  2. 「設定」を選択
  3. 詳細設定をクリック
  4. 「プライバシーとセキュリティ」の項目から「コンテンツの設定」を選択
  5. 「Cookie」を選択
  6. 「サイトに Cookie データの保存と読み取りを許可する(推奨)」となっていればそのまま。「ブロック」と表示されていればクリックし、「サイトに Cookie データの保存と読み取りを許可する(推奨)」へ変更する

上記方法はChromeブラウザの場合です。

ワードプレスを使用する方は今後カスタマイズしたくなる可能性が高く、そうなった時ブラウザがChromeだったほうが色々と便利なのでChromeブラウザに変更することをオススメします!

step
3
商品購入

先程の画像のようにきちんと特典を受け取れる状態なのを確認してから画面の案内に従って購入手続きを開始してください。

step
4
購入特典のダウンロード方法

購入手続きが完了したらマイページへログインします。

「注文履歴・ダウンロード」を選択し、そのページの下部に

「アフィリエイター特典一覧」が表示されています。

赤枠で囲んだ”期限切れ”のところに本来はダウンロードボタンがあるのでそこからダウンロードしてください。

ただし、購入より14日以内にダウンロードしないと画像のように期限切れと表示され、ダウンロード出来なくなるので必ず14日以内にダウンロードし、自分のわかりやすい箇所に保存してください

これは購入特典だけでなく、購入した商品自体も14日以内にダウンロードしないと同じようにダウンロード出来なくなるのでご注意ください。

ダウンロードしたファイルは「privilege_75439_345645_1.zip」といった名前になってます。(数字の部分は変更があるかもしれないです)

本当は「Fly-hy.zip」という名前にしていたのですが、こうなってしまう仕様みたいです。

ファイル名はそのままでも、「Fly-hy.zip」でも「好きな名前.zip」でもいいです。

※拡張子の「.zip」は変更しないように!!よくわからない方はファイル名はそのままにしておくのが無難ですね。

step
5
オリジナル子テーマの適用

先程ダウンロードしたファイルは解凍しないでzipファイルのままにしておいてください!

  1. ワードプレス管理画面「外観」→「テーマ」
  2. 「新規追加」→「テーマのアップロード」
  3. 「ファイルを選択」ダウンロードしたファイルを選択し、「開く」

このオリジナル子テーマはWING(AFFINGER5)がインストールされてないと動作しませんのでそちらも忘れずにインストールしてください。

 

今後のアップデートについて

まだまだ改良したい点がありますので今後も継続してアップデートしていく予定です。

今思いついている改良点は

  1. カスタマイザーで記事一覧のデザインを切り替える
  2. 吹き出しの枠線の色を選択できるようにする
  3. フッターのフィルターの色を変更できるようにする
  4. 見出しのデザインパターン追加
ハイジ
あれ・・・?普段はなんかもっと思いつくんだけど、なんかいざ書くぞ!ってなったら出て来ない・・・。

とりあえず、今後も機能追加してアップデートしていきます。

アップデートした際はツイッター・フェイスブック及び当ブログでの告知とさせていただきますので定期的にチェックをお願いいたします。

 

アップデートデータの受け取り方

当サイトより購入し購入特典を受け取っている方には無償でアップデートデータを提供します。

当サイトより購入特典を受け取っているかを判別するためにインフォトップの購入履歴より確認出来る注文日と注文IDを使用します

購入特典をダウンロードする際に左側に記載されている注文日と注文IDもメモ帳アプリ等に保存しておくことをオススメします。(間違えないようにコピー&ペースト推奨)

ツイッターのDMか問い合わせページから注文日と注文IDをお知らせ頂ければアップデートデータをダウンロード出来るページのパスワードをお伝えいたします。

 

利用規約

当サイトオリジナル子テーマは成約率のアップや、PVの上昇を保証するものではありません。

また、オリジナル子テーマを使用して起きたトラブルに関し当サイトは一切の責任を負いかねますことご確認ください。

データの再配布はお止めください。

 

お問い合わせ

注意!

ここで紹介する当サイトオリジナル子テーマ「Fly-hy」は当サイトの管理人が個人的に作成したオリジナル子テーマであり、公式ではありません

したがってWING(AFFINGER5)本体の製作者様、及び公式サイト等は全くの無関係サポートの対象外です

「Fly-hy」に関する質問や問い合わせを公式サイト等には絶対にしないでください。

お問合せはこちら

 

購入はこちらからどうぞ

効率よく成果を上げる為に

WING(AFFINGER5)を既に購入済みで「タグ管理マネージャー3」をまだ持っていないという方の為に、「タグ管理マネージャー3」の購入特典にもFly-hyをお付けいたしました!

アフィリエイトタグを一元管理&クリック計測

1/10まで特別価格

PVモニターとAFFINGERタグ管理マネージャー3のお得なセットにもお付けいたしました!

クリック計測と動線の見える化で改善点を洗い出す

1/10まで特別価格

-AFFINGER5