2-11 任意の画像にのみ枠線をつける

画像をアップした時に、白っぽい画像だとどこまでが画像なのか紛らわしい場合があります。
そんな時に、特定の画像にだけ枠線をつける方法です。

画像にクラス名をつける

記事編集の画面から、枠線を付けたい画像のブロックを選択し、右側のブロックタブで「高度な設定」を開く。追加CSSクラスに、付けたクラス名を入力する。
今回は「kakomikei」としたが、他とダブらなければクラス名は何でもいい。

CSSを追記する

付けたクラス名のBOXに対して、上下左右に1px、グレー(K50%)の線を入れる指定を追記する。
外観>カスタマイズ>追加CSSで、以下のコードを貼り付ける。

/* 画像に枠線を入れる */
.kakomikei {
	border: solid 1px #9FA0A0;
}

以上です。

Other Contents
1-01 小テーマ の作成
1-02 基本構造とデフォルトのカスタマイズについて
1-03 ホームページ設定やテーマオプションが表示されない
2-01 フッター に自分のコピーライトを表記する
2-02 アドセンス審査コードの貼り付け
2-03 スマホ表示でハンバーガーメニューを上部固定
2-04 スマホ表示でハンバーガーメニューの文字を消す
2-05 フロントページのセクション数を変更
2-06 特定のブロックにだけ背景色をつける
2-07 「モデレートしてください」メールを止める
2-08 見出しのデザイン変更する
2-09 パンくずリストを設置
2-10 アイコンフォントを利用する
2-11 任意の画像にのみ枠線をつける