Wordpressの画像に枠線を付ける方法まとめ。アフィリエイトマーケットsearchホームHomeプロフィールProfileメルマガ講座Mailmagazineお問い合わせcontactmenuCLOSEホームHomeプロフィールProfileメルマガ講座Mailmagazineお問い合わせcontactCLOSEキーワードで記事を検索CLOSEアフィの始め方や基礎知識を知るにはココをクリック!HOMEWordpressWordpressの画像に枠線を付ける方法まとめ。ハルアキWordPressの画像に枠線を付ける方法まとめ。CSSコピペでOKツイートシェアはてブLINEPocketWordPressで特定の画像に枠線を付けてメリハリ・境界を付けたいと考える人は多いと思います。当サイトでも画像を使うことがありますが、写真ならまだしも背景や辺の一部が白い画像だと境界が無くて文字だか良くわからないときがあり枠線を付けたいと常日頃から思っており改善した次第です。方法としてはCSSを追加する画像にCSSクラスを指定するだけの簡単ステップでCSSの意味が分からなくてもOKなので、興味のある方は読み進めていただければと思います。※以下が枠線を付けた結果。見やすさも重要WordPressのカスタマイズ画面を開くまず最初にWordpressのカスタマイズ画面から追加CSSを開きます。ログインして自分のサイトを開きダッシュボード上部のカスタマイズをクリック左メニューバーの下部から追加CSSをクリックCSSを追加する文字通り見たまんまですが追加CSSを開いたら画像に枠線を付けられるようにCSS(スタイルシート言語)を追加しますが、黄色い枠で囲ってある3行をコピーして下さい。#c7c7c7c7;}以下の画像のように追加欄に貼り付けましょう。貼り付けたら公開をクリックして保存。#c7c7c7c7;}w:クラス名(任意の文字列でOK)border:枠線をカスタマイズするよという命令1px:枠線の太さsolid:枠線のスタイル#○○○○○○:枠線の色コピペしたCSSだとCSSクラスがwの画像を1pxの直線(solid)・グレー色(#c7c7c7)の枠線で囲うよ!という意味です。wは任意の文字列でOKなので、分かりやすくするためにwakusen・wakuなどでも構いません。私は後でクラスを付けるときに作業が楽になるのでwの一文字にしています。solidをdoubleにすると二重線になりますし、#○○○○○○部分は色指定なので自由に色も変えられます。CSSについては取っ付きにくいですが5分もあれば基礎は理解できるので興味のある方は調べてみてください。画像にクラスを付ける後は画像に「w」というクラスを付けるだけですが、付け方はいたって簡単で記事投稿画面から画像をクリック⇒編集を開きます。以下の編集画面が開くので画像CSSクラス欄に先程指定したクラス名「w」を入力して右下の更新をクリック。枠線は確認できないので確認するには必ずプレビューをして下さい。追加CSSに一度書いてしまえば後は画像編集から画像CSSクラスにクラス名を入力するだけで枠線で囲われるようになります。任意の画像だけを枠線で囲えるのでとっても便利でオススメ!また追加CSSは枠線だけで何種類も追加できるので二重線や破線、色などを変えて楽しむことができます。他の方法CSSなんて意味が分からない!というときには画像編集ソフトを使って枠線を付けましょう。私の愛用しているJTrimというソフトなら画像を開いて立体枠を付けるをクリックするだけでオサレな枠を付けることができます。見えてますが余計な物を取り払った完成系がコチラ。枠を付ける以外にもトリミングや切り抜きなど画像編集の使い勝手の良さはピカイチのオススメソフトです。Jtrimのダウンロードはココから。今回は画像に枠線を付けてみましたが、わざわざ付けた意味はページを見やすくするためです。私自身が客観的に自分のサイト、特に画像を使った記事が見にくく思えたので改善した次第です。自分自身のことは俯瞰で見るようにしていますが、これからは自分のサイトも俯瞰で見ていく所存です。副業で稼ぎたいあなたへ副業で稼ぐために必要なノウハウやツールを無料でGETできるキャンペーンをまとめた特設ページを作りました。本当にオススメできるキャンペーンのみを掲載&随時更新をしているのでぜひチェックしてください!こちらでは私が副業アフィリエイトで稼げるようになった秘密をまとめた、『アフィリエイトで月収100万円を稼ぎたい”あなた”に見て欲しいマニュアル』をLINEで友達登録してくれた方に無料プレゼントしています。アフィリエイトの基礎知識、具体的なノウハウ、そして副業が勤務先にバレない方法も収録しており、誰でも1から学べて始めることができます。_)m⇒友達追加はココからWordpressこの記事が気に入ったらいいねしよう!最新記事をお届けします。ツイートシェアはてブLINEPocketfeedly副業ブームの前に始めようアフィリエイトマーケットでは誰しもが稼げるようになる正しく再現性の高い方法を無料のメルマガ講座で公開中です。登録いただいた方には『月収100万円を稼ぐための基礎知識・ノウハウを収録した限定マニュアル』をプレゼント中!※日本政府が今年度中に副業を解禁するようですが、2018年6月現在では原則禁止です。解禁されてからではなく、先行者利益を得られる今!ライバルが少ないうちにアフィリエイトを始めることをオススメします。コメントをキャンセルメールアドレスが公開されることはありません。comment.上に表示された文字を入力してください。新しい投稿をメールで受け取るアクセストレードの登録方法と審査基準まとめ管理栄養士の副業でおすすめは2つだけ!ライターかアフィリエイト!RECOMMENDこちらの記事も人気です。Snippetsの使い方。定型文を登録できるWordpress...Wordpress2018.2.2whois情報公開代行とは?お名前.comでドメインを取る前に要チェックですWordpress2017.5.14Wordpressの必須プラグイン11選。Cache・Wordpress高速化のキャッシュプ...Wordpress2018.2.5Wordpressにプラグインをインストールして有効化する手順を図解説プロフィールはじめまして、ハルアキです。現役副業アフィリエイターの一人暮らしアラサー独身男(x_x;)2014年10月にアフィリエイト開始そして2016年5月に月収100万円を達成しました。@affi_haruakiLINE@LINE@ではアフィリエイトを始めようか迷っているなどの相談を受け付けています。