【ワードプレス】画像にCSSクラスを指定する方法

CSSは基本的に広い範囲で指定するので『指定したくない場所』まで命令の範囲内に入ってしまう事が多々あります。そういう場合にCSSクラスを指定することで、命令の範囲から除外する事ができます。

【ワードプレス】画像に自動で枠をつける・特定の画像の枠を外す

コンテンツ内・全ての画像に枠を付ける命令を与えたとします。でも実際は『枠を付けたくない画像』も存在しますよね。例えば最初から枠の付いてる画像を載せたら、命令によって更に枠が付いて二重枠の画像になってしまうとか。

そういう場合にCSSクラスが役に立つという事です。

 

ビジュアルエディタでCSSクラスを指定する方法

【ビジュアルエディタ▼CSSクラスを与えたい画像▼鉛筆マーク】

 

【画像CSSクラスの欄▼与えたいクラス名を入力▼更新】これで画像にCSSクラスが与えられます。あとは命令次第で『aaaクラスの画像は〇〇・aaaクラスではない画像は△△』という条件付きの命令を与える事ができます。

 

HTMLでCSSクラスを指定する方法

<img class=aaa src=>

画像を表示させる命令の間に【class=】を挿入すれば指定できます。

 

コメントを残す

メールアドレスが公開されることはありません。