ネットビジネス,物販アフィリエイト,サイトアフィリエイト
yaji-010yaji-010
苗字/ニックネーム可
メールアドレス
※登録後30秒以内にメールが届かない場合は迷惑メールフォルダをご確認下さい。


賢威6.2でアイキャッチ画像(サムネイル画像)に枠線を付ける方法

 賢威6.2,アイキャッチ画像

 

以前賢威のトップページ投稿表示箇所全体に

影をつけて境界線を付ける方法を紹介しました。

 

 

今回はアイキャッチ画像(サムネイル画像)に

枠線を付ける方法を紹介します。

 

賢威では通常アイキャッチ画像(サムネイル画像)には

枠線が付いていない状態で表示されます。

 

しかし、

サイトの背景が白でアイキャッチ画像の背景も白の場合などは

境界線があったほうが良いケースもあります。

 

そこで、今回は賢威のアイキャッチ画像に

枠線を付ける方法を紹介します。

 

 

賢威6.2でアイキャッチ画像に枠線を付ける方法を紹介

 『外観』『テーマの編集』にすすみ、

『design.css』の一番最後に下記コードを

追加するだけで変更可能です。

 

 

枠線を付ける

賢威6.2,アイキャッチカスタマイズ

 

 

点線を付ける

賢威6.2,アイキャッチカスタマイズ

 

 

角を丸くする

賢威6.2,アイキャッチカスタマイズ

 

 

楕円にする

賢威6.2,アイキャッチカスタマイズ

 

 

 

これでアイキャッチ画像(サムネイル画像)に枠線がつき、

デザインにアクセントがつきました。

 

 

また、

賢威6.2アイキャッチ画像、サイドバーに枠を付け角丸に

 こちらの記事に書いてある編集法訪問組み合わせることで、

様々なデザインにすることができます。

 

 

アイキャッチ画像のデザインを他の賢威テンプレートサイトと

変えて差別化したい場合やアクセントを付けたいと

考えている方は一度検討されることをおすすめします。

 

 

また、

賢威6.2の全パーツカスタマイズ一覧まとめページを作成しましたので、

他の箇所をカスタマイズされたい場合は一度見てみて下さいね。

 

賢威6.2【全カスタマイズを一覧まとめ】ワードプレステンプレート

 

 

 

ネットビジネス,物販アフィリエイト,サイトアフィリエイト
yaji-010yaji-010
苗字/ニックネーム可
メールアドレス
※登録後30秒以内にメールが届かない場合は迷惑メールフォルダをご確認下さい。

このページの先頭へ