カエレバはと～っても便利なサービスでしたが、運営者の方針転換により使えなくなってしまいました。
カエレバでリンク作成ができなくなってしまったのは非常に残念ですよね。
しばらくはカエレバの代替ツールを探していたのですが、amazlet it!が一番カエレバと同じような感覚で使えそうです！
これからはamazlet it!を使っていこうと思うので、設定方法・使用方法を紹介いたします。
amazlet it!の設定方法
まずは amazlet it! にアクセスしてください。
amazletを開いたらセットアップをクリックしてください。
アソシエイトIDを入力して次へをクリックしてください。
amazlet it!をブックマークに登録してください。
ブックマークから起動したら、商品名を入力して検索してください。
作りたい商品の「この商品リンクを作る」をクリックしてください。
作りたいタイプの商品リンクのコードをコピーしてください。
コピーしたコードを貼り付けると、商品リンクが表示されます。
実際に作成した商品リンクのスクリーンショットがこちらです。
カエレバは使えなくなってしまいましたが、amazlet it!でこれからもamazonの商品リンクを作成することができそうです！
amazlet it! デザインが質素じゃない？
デザインが質素だな～、と感じたのでカスタマイズすることにします。
シンプルイズベストという考え方もありますので、ここからはご自由にどうぞ。
※WordPressユーザーが対象です！
amazlet it!のデザインをカスタマイズする
イチから作るのは面倒だ、ということで先人のお知恵を借りることにします。
わたしはこちらからデザインのコードをいただきました。
https://rough-log.com/3528
WordPressの管理画面からテーマを編集します。
style.cssの最後尾に以下のコードをコピー＆ペーストします。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 |
.amazlet-box { color: #3E3E3E; background: #fff; font-size: 16px; line-height: 1.5; margin-top:32px; margin-bottom:32px !important; padding: 26px 16px; border: 1px solid #eee; position: relative; } .amazlet-box a { text-decoration: underline; box-shadow:none; } .amazlet-box a:hover { box-shadow:none; } .amazlet-image { margin: 0px 14px 1px 0px !important; } .amazlet-image img { margin: 0; } .amazlet-name a { color: #3f89ff; } .amazlet-name a:hover { color: #ffb83f; } .amazlet-powered-date { font-size: 10px !important; } .amazlet-detail { font-size: 12px; } .amazlet-link { margin-top: 10px !important; } .amazlet-link a { padding: 12px; /* ボタン内側の余白 */ border-radius: 3px; border-bottom: 3px solid #FF9901; margin: 10px 0; background-color: #FFA01C; color: #fff; text-decoration: none; width: 278px; /* ボタンの幅 */ display: block; text-align: center; font-size: 16px; } .amazlet-link a:hover { color: #fff !important; } .amazlet-link a:before { font-family: 'FontAwesome'; content: '\f270'; font-size: 90%; margin-right: 5px; } /*** 解像度480px以下のスタイル ***/ @media screen and (max-width:480px){ .amazlet-sub-info { width: 100%; } .amazlet-link a { width: 100%; } } |
貼り付けてstyle.cssを更新します。
amazlet it!の商品リンクがスタイリッシュになりました！
売り上げランキング: 5,068
カエレバが使えなくなったけどamazlet it!でOK
カエレバは使えなくなってしまいましたが、amazlet it!でも十分使えそうです。
amazlet it!はカエレバと使用感が似ているため、カエレバが使えなくなって困っている方でもすぐに慣れると思います。
amazlet it!でどんどん商品リンクを作成していきましょう！
