CSSコピペでOK！amachazlのデザインをカスタマイズ【Amazonボタン風】
それではさっそくカスタマイズしたamachazlのデザインをPC・スマホそれぞれご紹介していきます。 amachazlのデフォルトデザイン（カスタマイズ前） まずはamachazlのデフォルトのデザイン（リンク生成フォームで「style 要素あり」にチェックを入れた状態）がこちら。 PC表示 スマホ表示 ご覧の通り、左に商品画像・右側に商品情報が表示される2カラムレイアウト。フォントカラーはとくに指定されていないため、ブログサイトのカラーに依存します。 非常にシンプルなデザインのため、とくにブログであればどこで使用しても馴染みやすいと思います。 でもちょっとシンプル過ぎて味気ないので、もうちょっとサイトに合ったデザインにしたいと多いカスタマイズしたのがこちら。 CSSカスタマイズ後のデザイン（PC・タブレット） シンプル路線はそのままに、枠線を加えたりテキストリンクをAmazonのボタン風
CSSコピペでOK！カッテネのデザインをカスタマイズ
「カッテネ」はAmazonや楽天など様々なWEBサイトへのリンクをまとめて張ることができる便利なツール。一つ一つのリンクを自分でコピペするため、直リンクやASPリンクなどを自由に使えるところが特徴です。 本日は、この「カッテネ」のデザインをカスタマイズしたのでご紹介します。 CSSをコピペしていただくだけでカスタマイズ完了しますので、デフォルトデザインから変えてみたい方はどうぞお試しください。 「バリューコマース」や「もしもアフィリエイト」を利用すると様々なショップのリンクを作成できます。登録がお済みでない方は、まずは以下のリンクより無料会員登録しておきましょう。 バリューコマース もしもアフィリエイト A8.net 比較のため、まずはカッテネのデフォルトデザインを再確認 今回カスタマイズしたデザインをご覧いただく前に、比較のためカッテネのデフォルトデザインをあらためて確認しておきましょう
CSSコピペでOK！カエレバ・ヨメレバ・トマレバをシンプルにカスタマイズ[モノクロ]
Amazonや楽天などの商品・書籍を紹介できる「カエレバ」「ヨメレバ」、楽天トラベルやYahoo!トラベルなど宿泊予約サイトを紹介できる「トマレバ」は、ブロガーにとって欠かせない便利なツールです。 当記事ではそんな「カエレバ」「ヨメレバ」「トマレバ」3つのデザインをまとめてカスタマイズしたCSS(スタイルシート)を紹介します。 過去に「CSSコピペでOK！カエレバ・ヨメレバ・トマレバのデザインをまとめてカスタマイズ！」や「CSSコピペでOK！カエレバ・ヨメレバ・トマレバをまとめてカスタマイズ[ver2]」という記事で紹介したデザインと同じくレスポンシブデザインですので、パソコン・タブレット・スマホなど各デバイスの画面サイズに対応しています。 カスタマイズ作業もCSSをコピペして頂ければ完了しますので、気に入ってくださった方はどうぞお試しください。 2019年6月ヨメレバのebookjapa
![CSSコピペでOK！カエレバ・ヨメレバ・トマレバをシンプルにカスタマイズ[モノクロ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a30e495d32fb14dd044c98c8a9d0edc1fc28e3ee/height=288;version=1;width=512/https%3A%2F%2Frough-log.com%2Fwp-content%2Fuploads%2F2019%2F02%2Fkaereba-yomereba-tomareba2019021611-1024x576.jpg)
CSSコピペでOK！Rinker(リンカー)プラグインのデザインをカスタマイズ
WordPress向け商品管理プラグイン「Rinker(リンカー)」は、Amazon、楽天、Yahooショッピングの商品リンクを簡単に作ることのできる便利なプラグイン。 過去に当サイトでも紹介している「カエレバ・ヨメレバ」や「amazlet」と違い、検索から追加までWordPress上で完結できることが特徴です。 本日はこの「Rinker(リンカー)」のデザインをカスタマイズしたので紹介します。レスポンシブデザインですのでパソコン・タブレット・スマホなど各画面サイズに対応していることはもちろん、CSSをコピペして頂ければ作業完了しますので、どうぞお試しください。 Yahooショッピング（バリューコマース）設定や、もしもアフィリエイト設定が未だお済みでない方は、それぞれ以下のリンクから無料登録を済ませ、アフィリエイトコードを取得しましょう。 バリューコマース もしもアフィリエイト CSSコピ
CSSコピペでOK！カエレバ・ヨメレバ・トマレバをまとめてカスタマイズ[ver2]
カスタマイズはCSSコピペで完了！ それでは今回紹介したデザインのCSSを紹介します。 CSSコード内容 /*================================================================================= カエレバ・ヨメレバ・トマレバ =================================================================================*/ .cstmreba { width:98%; height:auto; margin:36px auto; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif; line-height: 1.5; word-
![CSSコピペでOK！カエレバ・ヨメレバ・トマレバをまとめてカスタマイズ[ver2]](https://cdn-ak-scissors.b.st-hatena.com/image/square/94759515b4861e4b03672c0fc78240dae7e32689/height=288;version=1;width=512/https%3A%2F%2Frough-log.com%2Fwp-content%2Fuploads%2F2017%2F09%2Fkaereba-yomereba-tomareba0906-1024x653.png)
CSSコピペで完了！amazletのデザインを簡単カスタマイズ。
「amazlet」はAmazonのPA-APIバージョンアップの影響でサービス提供終了が発表されました。代わりとなるブログ紹介リンクの作成ツールをお探しでしたらこちらの記事をお読みください。 ブログにAmazonや楽天の商品紹介リンクを簡単に作成できるおすすめツール Amazonの商品を簡単に紹介できるWEBサービス「amazlet」。Amazonで見ていた商品を1クリック＋コピペで紹介することができ、便利で重宝しているWEBサービスです。 今回はそんな「amazlet」のデザインをカスタマイズしてみました。 CSSをコピペするだけでカスタマイズ完了しますのでとても簡単にできますよ。 amazletデフォルトデザイン まずはamazletで作成したリンクをそのままブログへ載せた時のデザインを見てみましょう。 Kindle Paperwhiteのリンクをamazletで作成してみます。 する
CSSコピペでOK！カエレバ・ヨメレバ・トマレバのデザインをまとめてカスタマイズ！
このブログはわかったブログの運営者かん吉さんが開発したブログツール「カエレバ」「ヨメレバ」「トマレバ」を利用しています。 これらのツールは、商品・書籍・宿泊施設を紹介するのにとても便利で、多くのブログサイトで利用されています。 今まで僕はこの3つのデザインを個別にカスタマイズして使っていたのですが、それを今回統一させようと思いカスタマイズしました。 CSSをコピペして頂ければカスタマイズ完了のレスポンシブデザインですので、気に入った方はどうぞお試しください。 「バリューコマース」や「もしもアフィリエイト」を利用すると、様々なショップのボタンを表示させることが可能になります。設定がお済みでない方は、それぞれ以下のリンクから無料会員登録を済ませ、アフィリエイトコードを取得しましょう。 バリューコマース もしもアフィリエイト カエレバ・ヨメレバ・トマレバをまとめてカスタマイズ 今回のカスタマイズ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
