SEO内的対策完璧な賢威6.1でアイキャッチ画像に枠線
ご訪問有難うございます。
SEOで言う内部対策が完全装備してある賢威６．１のアイキャッチ画像に枠線を付けたい
例えば以下の画像ですけど、見てお分かりのように、画像が白の背景ですので、なんだかボケた感じに見えるのは私だけでしょうか？私としては枠をつけて、できればドロップシャドウも付けたいところですが。今日は、枠線をつけるだけにします。
枠線を付ける前の画像です。
枠線をつけた後の画像です。
アイキャッチ画像に枠線を付けました。
ユーザビリティーアップのためにアイキャッチ画像に枠線を付けたい場合の対応は、design.cssの最後尾に下記のごとく追記することで実現できます。
以下の方法は、アイキャッチ画像設定時にWordPressで自動で付与される「attachment-post-thumbnail」というクラスに対して枠線を指定している方法です。
————————————————————
design.cssの最後尾に追記して下さい。#3d9effは枠線の色ですが、ココはお好みで選んで下さい。
.attachment-post-thumbnail {
border: 1px solid #3d9eff;
}
border: 1px solid #3d9eff;
}
次回は、アイキャッチ画像を少し下にさげて、アイキャッチ画像にドロップシャドウを付けたいと考えています。
photo by:
rhoftonphoto
Google+
この記事を読んだ人は次の記事も読んでいます。
SEO内的対策・賢威6.1のアイキャッチ画像に影を
SEO内的対策万全の賢威6.1＋ワードプレスでｈ３タグを太くしてみた
賢威６．１＋ワードプレスのSyntaxHighlighter Evolvedを説明。
内的SEO満載の賢威６．１でトップメニューの色と文字色を変える方法
ワードプレス（賢威６．１）に枠線をつけました。
SEO内的対策満載賢威6.1でワードプレスAddQuicktagを使う
賢威６．１＋ワードプレスの日付年月日を消したい。
SEO内的対策完璧・賢威６．１でｈ２見出しを画像に変更
賢威６．１のグローバルメニューのプルダウンの横幅を広げたい。
賢威＋ワードプレスで文字の色をサイト全体で変える
賢威を入れた新しいワードプレスでリビジョンが気になる
賢威６．１でトップを固定ページにし、最新情報と投稿ページたす方法
賢威のヘルシーテンプレートで葉っぱの画像を削除する方法とは
賢威6.1+ワードプレスのヘッダー画像を横幅いっぱいに広げたい
SEO内的対策満載の賢威６．１で発リンク画像アイコンを付ける方法
賢威で投稿ページの最後に、次・以前のページをタイトルで入れる方法
賢威でヘッダー右上のサイトマップと固定ページをひもづける方法
トップ・ページの抜粋部分の文字数が少ないので増やします。
賢威＋ワードプレスにアクセス解析導入Ultimate Google Analytics
画像圧縮の為のプラグイン・EWWW Image Optimizer
最近のコメント