SEO内的対策・賢威6.1のアイキャッチ画像に影を
ご訪問有難うございます。
カスタマイズする前の画像です。
２０１４年５月２８日の記事のトップ・ページでのアイキャッチ画像を見てみると、上の方にくっついている感じがして気になっていました。それと、アイキャッチ画像にドロップシャドウを施して立体感を持たせたいなと感じていましたので本日は実行することに致します。
どう見ても、天井に閊えているような感じですので早く修正はしようと考えてはいました。
合うキャッチ画像にドロップシャドーを付けました。
ほんの少しの違いですが、画像が立体的に浮き上がって見えます。これだけで見栄えが変わってきますのでやってみてください。
design.cssの最後尾に以下のように追記するだけです。
article {
padding-top: 10px;
}
.article img.attachment-post-thumbnail {
box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000; /* Firefox用 */
-webkit-box-shadow: 1px 1px 3px #000; /* Safari,Google Chrome用 */
}
以下を付け足せば赤の枠線が書かれます。
.article {
border: 1px solid red;
}
『アイキャッチ画像にドロップシャドーを付ける』・・・でした。
photo by:
Parker Knight
Google+
この記事を読んだ人は次の記事も読んでいます。
SEO内的対策完璧な賢威6.1でアイキャッチ画像に枠線
SEO内的対策万全の賢威6.1＋ワードプレスでｈ３タグを太くしてみた
内的SEO満載の賢威６．１でトップメニューの色と文字色を変える方法
ワードプレス（賢威６．１）に枠線をつけました。
SEO内的対策満載賢威6.1でワードプレスAddQuicktagを使う
賢威６．１＋ワードプレスのSyntaxHighlighter Evolvedを説明。
賢威でヘッダー右上のサイトマップと固定ページをひもづける方法
SEO内的対策完璧・賢威６．１でｈ２見出しを画像に変更
賢威＋ワードプレスにアクセス解析導入Ultimate Google Analytics
賢威＋ワードプレスでコピペで使える枠線のHTMLソース
SEO内的対策満載の賢威６．１で発リンク画像アイコンを付ける方法
賢威のヘルシーテンプレートで葉っぱの画像を削除する方法とは
賢威６．１のグローバルメニューのプルダウンの横幅を広げたい。
賢威６．１でヘッダー画像が下がった場合
賢威６．１でトップを固定ページにし、最新情報と投稿ページたす方法
賢威６．１＋ワードプレスの日付年月日を消したい。
賢威6.1+ワードプレスのヘッダー画像を横幅いっぱいに広げたい
賢威を入れた新しいワードプレスでリビジョンが気になる
賢威６．１でグローバルメニューの項目の境界縦線の色を変える
記事を書いたらソーシャルに投稿するのはなぜ？
最近のコメント