【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれています文字で表現するのが難しいので最初にイメージを・・・こんな感じにする方法です。文字で表現するとすれば、何かの機能とか、共通である/なしを表示したい項目のあるサイトなどで全部の項目を表示しつつ、これは「ある」、これは「ない」を表示する方法です。カタログサイトなどでよく使われている表現と言えば一番ピンと来るかも知れません。これを作ったきっかけは園芸と家庭菜園と観葉植物を楽しもう!のサイトのコンテンツで植物たちの紹介をしたり、公園の案内をしたりするとき、例えば害虫の種類を全部表示しておいてその植物に付きやすいものだけ色をつけるといった感じで使用しています。基本的にコピペで作れますし、WordPressであればテキストエディタに貼り付ければすぐに表示できますから是非試してみてください。今回は3列、4列、5列(特にWordPressの本文幅で使用すると思われる列数)の作り方を1回のコピペでできるようにしています。#fff;border-radius:8px;}ちょっと長いコードですが、上からそれぞれ3列の場合、4列の場合、5列の場合となっていますので必要に応じて部分的に使っていただいてもかまいません。囲み線はborder要素、背景色はbackground・・など基本的なCSS要素のみですので色の変更は適宜おこなってくださいね。コードは下へ追記したものが優先して適用されますから、テーマのCSSの一番下へ追記するようにしてください。挿入したい場所へ記述するHTMLコードWordPressの本文であれば、テキストエディタにしてから以下のコードをそのままコピペした後、文字列を変更すればすぐに適用されます。class="select_off3">2段め列3</td></tr>が一段分になるので、適宜追加・削除すればOKです。class="select_off5">2段め列5</td></tr></table>段を増減させる方法は3列の場合と同じですコードの中にある「select_on5」「select_off5」が黄色にするか灰色にするかの違いになりますから、それぞれのコンテンツで切り替えをしてください以上、だれでも簡単にコピペでできるHTMLとCSSを使って機能の「ある」「なし」を色分けして表示する方法でした。ボタン化していつでもすぐに挿入できるようにしておこうWordPressにはこうしたコードをボタン化できる便利なプラグインがあります。定型タグや定型文をボタン1つで挿入できるプラグイン「AddQuicktag」これを使ってあらかじめHTMLコードをボタン設定しておけば、投稿編集画面からいつでも呼び出して使うことができます。BaseWordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです。