Monkeyをカスタマイズして利用しています。記事の下に、Amazonアソシエイツの商品紹介パーツを4つ横に並べての配置できるようにしました。(下のような配置です。Monkeyの場合でのスタイルシート設定のメモです。アドベントカレンダー10日目の記事です。Flexboxiframeタグが、ブログカードやYoutubeなどの埋め込みする前提のスタイルシート設定になっています。そこと競合しないように配慮しています。Monkeyを開発されている北島さんの考え方に共感したので、HTMLで一つDIVのクラスを追加するだけで、スタイルシートが適応されます。スタイルシートでは、floatでなく、Flexboxを使っています。今回、flexを使って「floatクリア問題」が無縁になり、とても扱いやすいことを、今回、学べました。flex-wrapを設定して、スマートフォンの時は、はみ出でないようにしています。(未対応ブラウザのことは考えなくてもいいですよね。)HTMLコードAmazonアソシエイトのパーツ全体を、下のようにDIVの「ads-amazon」クラスで囲みます。スタイルシートこちらのスタイルシートを、子テーマか管理画面の外観カスタマイズにある追加CSSに追記します。追伸もっとスマートやり方があるよ!は、ご指摘ください。こちらは、文章が苦手だった私でも毎日書けるようになるために読んだ書籍の中から、オススメな4冊です。していますブログをパワーアップさせたいあなたの課題を解決するカリキュラムをご準備してお待ちしています。オンラインで全国から受講可能です。ブログに書けない、本音トークを毎日書いています。(63記事リスト)講座開催スケジュール講座一覧このブログを検索サイトマップReading...記事お問い合わせ。