ブログを運営されている方の中で、時々ショッピングリストのようなページを作っている方がいます。 特にWordpressだと開発の幅が効くので簡単に「ランディングページ」として作ることができます。 せっかく、ガジェットや漫画などレビューしているのでアマゾンアソシエイトで収益を上げたい! かなりド素人なりに作ったものですが「カエレバ・ヨメレバ」を応用したショッピングリストのコードを紹介していきます。 特にこだわったところはしっかりレスポンシブ仕様になっていることです。 では行ってみようっ! カエレバ・ヨメレバについて(情報基) ショッピングリストのコード(コピペor参考OK)ショッピングページの見た目PC版のショッピングページスマホ版のショッピングページ最後にカエレバ・ヨメレバについて(情報基)当サイトでは、商品紹介をする際に「カエレバ・ヨメレバ」を使用させていただいてます。 アマゾンアソシエイ
見落としていたのは、設定→詳細設定→トップページの表示形式(PC版)→全文形式にチェックを入れることでした。 今まで私は、記事一覧形式にしたまま、プレビューしていたのでうまく反映されていなかったようです。もしZENO-TEALを使うかたは、記事を全文形式にチェックを入れることを忘れないでください! 全文形式にチェックすると、カード風に表示することが出来ました! テーマをZENO-TEALに変更してからやること テーマは「ZENO-TEAL」を使用させていただきました。テーマをインストールするだけで、もういじらなくても完璧なカスタマイズのブログに変身できるのでオススメです。(色は初期設定の緑が可愛すぎてそのまま使わせていただいています。) ▽ テーマ制作者のorefolder (id:c-miya)さんが「ZENO-TEAL」のカスタマイズをまとめてくれているので、非常に参考になります。 z
ZENO-TEALカスタマイズの後編になります。 おすすめ記事をトップに表示 これの画像URLというところに苦戦しました。 教えてもらった方法はこれだ! カスタマイズ完成 おすすめ記事をトップに表示 ZENO-TEALの醍醐味ともいえる、おすすめ記事表示。 実はものっっっすごく苦戦しました(汗) まずは作り方の紹介から デザイン→スパナ→ヘッダ→タイトル下にこれを入れます。 <div class="recommends"> <a href="記事URL" class="recommend-entry"><img src="画像URL" class="recommend-img" /><span class="recommend-title">記事タイトル</span></a> <a href="記事URL" class="recommend-entry"><img src="画像URL"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く