記事内の指定した画像のみに枠線を。その簡単な方法とは?|アシタノ車ヘルスケアラン&筋トレワークマンFood&Drink備忘録メンテナンス備忘録WordPress。記事内の指定した画像のみに枠線を。2019年1月20日スポンサーリンクWordPressの記事内に画像を載せることは結構多い。写真などで背景に色があれば良いのだが、背景が白かったり薄い色のサイトをキャプチャ(私はちょっと前まで「スクリーンショット」と呼んでましたが)し記事に貼ると、どうにもメリハリがつかない。このように、記事背景と画像の境界がわかりずらく同化してしまうのだ。これをこのようにするとだいぶメリハリがつく。知識がないというのは恐ろしいもので、今まで「ペイント」で画像を開き、図形描写で枠囲みをするという無駄な2工程を踏んでいた。今回は、記事内の指定した画像のみに枠線をつける方法を解説します。「style.css」にコードを追記しておけば、記事作成時に枠線を付けたい画像をクリックしクラスを指定するだけのとても簡単な作業である。スポンサーリンクContentsクラス名を指定して枠線のデザインを決める指定した画像にスタイルを適用させるビジュアルエディタの場合テキストエディタの場合まとめクラス名を指定して枠線のデザインを決めるちなみに、これは私の過去ブログの悪い例である。【Simplicity】外部リンクのブログカード。表示できたりできなかったりブログを始めるにあたり素人で初心者の私にはわからないことだらけ。そのため、あらゆる方のサイトを参考にさせていただいている。...なんとも締まりのない感じである。スタイルシートを編集してどのような枠線を付けるのかを指定する。私は、このコードを使っている。*/}追記場所は、WordPressの管理画面で「外観」⇒「テーマの編集」⇒「style.css」の編集画面になる。上記のコードでこんな感じの枠線がつく。※コードでは、クラス名を「waku」と付けているが、ここは好きな名前でOKです。画像をクリックしたときに出てくる、鉛筆マークの「編集ボタン」をクリック。「上級者向け設定」の中にある「画像CSSクラス」に先ほど指定したクラス名を入力し、「更新」をクリック。これで「style.css」に追記したデザインの枠線が適用される。テキストエディタの場合img要素にクラスを指定すれば、「style.css」に追記したデザインの枠線が適用される。src="https://○○○.com/>まとめ一括して枠線をつけることも可能だが、写真などは枠線で飾らない方が奇麗に見えることがある。この方法を使うことで、当たり前だがかなり作業効率が上がった。画像の枠線で悩まれてる方は、簡単ですので是非やってみてください。アシタノ備忘録ふるさと納税。お礼品がなんとヒマラヤ(HIMARAYA)のクーポン。アシタノメンテナンスインターロッキングDIY。素人が外構工事をやった結果。アシタノメンテナンス素人DIY。【Simplicity】外部リンクのブログカード。アシタノ備忘録iPhoneケース。アシタノ備忘録iPhone。ドメイン取得後、英語メールがどっさり。アシタノ備忘録やれば出来たフリック入力。超便利!JPEG、PNG画像に矢印やコメントを。アシタノラン&筋トレスマホの画面保護。強化ガラスフィルムは絶対おすすめ。アシタノラン&筋トレm4aからmp3への変換。アシタノスポンサーリンクスポンサーリンク玄米ご飯。週1~2回のプチデトックス。その効果はいかに?VICTORINOX(ビクトリノックス)。19今週の人気記事TOP10ランニング障害?長引く尻の痛み。目先を変えたストレッチをしたところキャンプの醍醐味、焚き火。アウターに染みついた煙の臭いを消す方法1日水を3リットル以上飲むようになって変化したことインターロッキングDIY。素人が外構工事をやった結果。防水防寒ジャケットを洗濯機で洗ってみたら走力アップ。もれなくバッキバキの筋肉痛になれるレイヤートレーニングとはスマートエントリーなどの電子キー。サーファーは海に入る時どうしてる?インターロッキングDIY。素人が外構工事をやった結果。~3敷設工事編~サーフボード。缶スプレーの塗料で塗装したらこうなったインターロッキングDIY。素人が外構工事をやった結果。~2基礎工事編~最近の投稿セミドライウエットスーツ。股からの浸水簡易リペア法ランニング中、何度も外れるイヤホン。そんな悩みを解決する最後の二手m4aからmp3への変換。Tools」が超便利オーディオテクニカ。メモリ内蔵イヤホンATH-SPORT90BTの実力は如何に冬の雨のフルマラソン。キャップとセブンイレブンのレインコートで充分だった気になったワードで検索HOME備忘録WordPress。記事内の指定した画像のみに枠線を。