クラスを指定せずにコピペでワードプレスの画像に枠線をつける方法

2020年3月27日2020年6月11日Wordpress

ワードプレスで画像に枠線を指定するやり方を検索してよくヒットするのが、

「CSSとクラスを画像に設定してください」というやり方を紹介するサイトです

ワードプレスを始めた初期の頃ならまだいいんですが、すでに何百もの記事を書いてたりすると、いちいち全部の記事の画像に対してクラスを指定するなんてやってられません（プンプン）

「画像を貼る度にいちいちクラスなんて指定してらんねーよ」

「今更、過去のすべての画像にクラスを指定するなんて面倒臭すぎ！」

とお嘆きの方に朗報

安心してください、はいてますよ

いちいちクラス指定をしなくても画像に枠線をつける方法があります

秘密のCSSコードを指定

以下の秘密のコードをワードプレスのStyle.cssに追記します

/* 画像の枠線を追加 */
.wp-block-image img{
    border:solid 1px #cccccc;
}

そうするとあら不思議

クラスなんて指定しなくても、これだけでブログ中のすべての投稿画像に枠線が現れます

コードを追記する場所

一応、Style.cssへの書き方も紹介しておきます

管理画面->外観->テーマエディター　をクリック

右端にあるテーマファイルからスタイルシート（style.css）を選択

あとはエディターの一番下に上記のコードをコピペで追記するだけです