毎日の話題とお役立ち情報と雑談など

あすダネ

ネット

アフィンガー4でカエレバをカスタマイズして使用した備忘録

投稿日:

 

あすダネではWPのテンプレートはENJIさんが作成したAFFINGER4(アフィンガー)を使用しています。有料テンプレですが他で人気の賢威などがカスタマイズ前提なのに対して、このアフィンガー4は手を加えることなく使用できるのが最大の魅力です。

価格も5,500円と手頃でありながら2~3万円するものと遜色ありません。むしろ下手なものより高機能です。

※詳細はこちらから。

紹介も終わったところで今回は有名なカエレバを導入するにあたって行ったカスタマイズ方法の備忘録です。

カエレバは便利なサービス

カエレバは紹介が不要なほど有名なサービスです。アフィリエイターの大半がお世話になっているといっても過言ではないと思いますが、簡単に言えばあ1つの商品をAmazonや楽天のアフィリエイトを使って簡単に紹介することが出来るようになる画期的なサービス。

例えば乃木坂46の人気メンバーで初センターと同時に卒業が確定した橋本奈々未の写真集なら

こんな感じで紹介出来ます。しかも操作は簡単で

Amazonか楽天にアクセスする

紹介したい商品のページにアクセスする

カエレバのブックマークレットにアクセスする

たったこれだけで商品紹介のHTMLタグが作成されるので、後は好きなところに貼るだけで完了。めっちゃ簡単!

カエレバすごいよ!

橋本奈々未かわいいよ!(´・ω・`)

カエレバはここからアクセスなう!

カエレバの欠点

そんな素敵な神ツールであるカエレバですが1つだけ欠点があります。それはデザインがださすぎて使えない少しオシャレさに欠けていること。

もともとカスタマイズされることを意識している構造なので、思う存分カスタマイズしてカッコよくしてやりましょう。

気合が入る。

カスタマイズ備忘録

気合いが入ってわずか数行ですが、カエレバは有名すぎるサービスだけにネットで探せばカスタマイズ例がわんさか出てきます。

これを使えば簡単なので早速ググって好きなデザインを流用します。世の中、なにかと便利になったものですね。

ここでハマった

カエレバは構造上、PCで表示される画面とスマホで表示される画面のCSSを分けたほうがキレイになります。

キレイになりますが、どうやって分けたらいいのだ?

ここで少しハマってしまいました・・・が10分後には解決していました。

ググったらみつかったので(´・ω・`)

こうしてカスタマイズ

アフィンガーを有効にしている場合、外観→テーマの編集でCSSの編集画面にたどり着けると思います。

ここでPC用のCSSは一番上にでも書いておけば問題ないですから、好きなところに記載してください。

---------------------------------------------------------*/

↑私は、この真下にしました。

そしてスマホ用のCSSですが、これは-

---------------------------------------------------------*/

の下にある@media only screen and (max-width: 959px) { の続きに書くとスマホのみが反映されますのでキレイにカスタマイズできます。

こうすればカエレバをきれいなデザインで使用できます。

不安解消です。

カスタマイズのCSSはお好きなやつを探して貰えればと思いますので、みんなもレッツカスタマイズ(´・ω・`)

スポンサードリンク

スポンサードリンク

-ネット
-

Copyright© あすダネ , 2018 All Rights Reserved.