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

2020年6月11日Wordpress

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

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

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

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

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

とお嘆きの方に朗報

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

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

秘密のCSSコードを指定

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

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

そうするとあら不思議

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

こんな感じで枠線が表示されます

コードを追記する場所

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

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

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

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

エンジニアの年収を上げる方法

フリーランスエンジニアで年収を大幅アップしませんか?
実際に僕は会社員からフリーランスエンジニアになって年収が87万円アップしました

今なら相談(ヒアリング)するだけで3,000円分のamazonギフト券がもらえます!
初めての案件契約で最大10万円分の準備金がもらえます
非公開の高単価案件(100万円超え)が多数あります

詳しくはこちら