アフィリエイト商品リンクをそれっぽく貼れるデザインスタイルを作ったので公開この広告は、90日以上更新していないブログに表示しています。雑記Amazonや楽天などはカエレバのようなアフィリエイト商品リンクをお洒落に見やすくするツールが存在するのですが、A8やアクセストレードのようなアフィリエイトASPや、アフィリエイトじゃない普通の公式サイトへの紹介リンクなどのスタイルを綺麗にしてくれるものがあまりなかったため、自分で作ったので公開します。大したものではないのですが、もし私と同じように「商品リンクをそれっぽくはりたい」と思っている方がいれば使ってください。こんな感じで貼れるようになります(下のやつはスクショです。育毛系のアフィをやってることがバレますね)。■スマホの場合カード型のデザインで、どんなアフィリエイトサイトでも問題なく溶け込めるようにはてなブログのカード型デザインに近いものにしています。ボタンの色やオススメマークの色はCSSをいじれる人なら変更してもらって大丈夫です。一応、売れるネット広告社がボタンの色として一番効果があると推している緑色のボタンを採用しています。公開するものは単純なHTMLとCSSなので、HTMLを記事に挿入し、CSSは対象のサイトに組み込んでください。後々時間を作ってWordpressプラグイン化したりできればいいなとは思っていますが、とりあえずこれで。HTML下記のHTMLを、Wordpressの場合はテキスト編集モードに切り替えて貼り付けて、画像やテキストを商品に合わせて変更するだけでOKです。「オススメ」という部分は「注目」とか「人気!」「1位」とかに変えてもらって大丈夫です。</div></div>CSSこちらがスタイルシートになるので、Wordpressの場合はテーマの編集からstyle.cssに下記のコードをコピペしてください。}}今後もアイテムパーツ公開してきますちょうど今アフィリエイトサイトを製作中で、まだ公開できるレベルではないのですが、色々とデザインを作っていっています。アフィリエイトでは、商品リンクの部分はかなり重要であるため、一番最初にCSSを作ってしまいました。本当はもっと凝りたいですが、とりあえず今回はこれでいいかなとおもっています。このHTMLとCSSさえあれば、アフィリエイトリンク以外の商品にも使うことができるので使い勝手は良いかと。すごいノーマルなデザインなので、もっとクールなやつとか、かわいいやつとかも今後公開できればと思っています。見出しのデザインとか、強調タグのデザインは既に公開されているものが多いので、アフィリエイトサイトを作っていく上でみんなこれ必要だと思ってるだろうなと思うやつはどんどん作って、自分もみんなもハッピーになればいいなと。»プロフィールid:harv-techテクノロジーとものづくりが大好きな20代プログラマー兼デザイナー。テック関連の記事多め。9フリーランスエンジニアの案件探しNo.1プログラミングスクール人気No.1はてなブログをはじめよう!harv-techさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。