クラスを指定せずにコピペでワードプレスの画像に枠線をつける方法
ワードプレスで画像に枠線を指定するやり方を検索してよくヒットするのが、
「CSSとクラスを画像に設定してください」というやり方を紹介するサイトです
ワードプレスを始めた初期の頃ならまだいいんですが、すでに何百もの記事を書いてたりすると、いちいち全部の記事の画像に対してクラスを指定するなんてやってられません(プンプン)
「画像を貼る度にいちいちクラスなんて指定してらんねーよ」
「今更、過去のすべての画像にクラスを指定するなんて面倒臭すぎ!」
とお嘆きの方に朗報
安心してください、はいてますよ
いちいちクラス指定をしなくても画像に枠線をつける方法があります
秘密のCSSコードを指定
以下の秘密のコードをワードプレスのStyle.cssに追記します
/* 画像の枠線を追加 */
.wp-block-image img{
border:solid 1px #cccccc;
}
そうするとあら不思議
クラスなんて指定しなくても、これだけでブログ中のすべての投稿画像に枠線が現れます

コードを追記する場所

一応、Style.cssへの書き方も紹介しておきます
管理画面->外観->テーマエディター をクリック

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

あとはエディターの一番下に上記のコードをコピペで追記するだけです
ディスカッション
コメント一覧
まだ、コメントがありません
よくLoadingされてるDocs
新たにPostされたDocs
: ウェブサービス
メルカリやラクマの商品がいつ出品されたのかを調べる裏技
メルカリやラクマなどで商品を探してると、ときどき、 「この商品はいつ出品されたも ...: 仕事環境
15年前のエアコンに洗浄スプレーしたら想像以上にキレイになった
うちのエアコンは新品で購入してからすでに15年が経過しています にもかかわらず、 ...: Laravel
一定時間で消えるフラッシュメッセージを簡単に実装[Laravel8]
以前、手軽にフラッシュメッセージが実装できるnotieを紹介しました 今回は、そ ...: Laravel
ランダムな文字列やユニークなIDをLaravelで生成
random use Illuminate\Support\Str; // 引数 ...: スマホ
4,837円あげるって言うからOCNモバイルOneにLinksmateから乗り換えたんですよ
これまでは僕はスマホの通信会社に、MVNOのLinksmateを使ってきました ...HashMap
created_by
はやぴ
Web/アプリ開発エンジニア
Sierにてお堅いB向けのソフトウェア開発を経て、現在はC向けのWebやアプリを中心に開発しています。
Utilities