それではさっそくカスタマイズしたamachazlのデザインをPC・スマホそれぞれご紹介していきます。 amachazlのデフォルトデザイン(カスタマイズ前) まずはamachazlのデフォルトのデザイン(リンク生成フォームで「style 要素あり」にチェックを入れた状態)がこちら。 PC表示 スマホ表示 ご覧の通り、左に商品画像・右側に商品情報が表示される2カラムレイアウト。フォントカラーはとくに指定されていないため、ブログサイトのカラーに依存します。 非常にシンプルなデザインのため、とくにブログであればどこで使用しても馴染みやすいと思います。 でもちょっとシンプル過ぎて味気ないので、もうちょっとサイトに合ったデザインにしたいと多いカスタマイズしたのがこちら。 CSSカスタマイズ後のデザイン(PC・タブレット) シンプル路線はそのままに、枠線を加えたりテキストリンクをAmazonのボタン風