賢威6.2 アイキャッチ画像 サイドバー 角丸

 

賢威はデフォルトのアイキャッチ画像や

サイドバーの角は直角です。

 

 

しかし

特にプリティー版やヘルシー版で柔らかさを出したい場合に、

このアイキャッチ画像や、サイドバーの角を丸くしたいケースが

あるとおもいます。

 

 

あなたのサイトの雰囲気を今よりも、柔らかい雰囲気にしたり、

他のテンプレートとの差別化をはかりたい場合には

角丸の枠を付けたデザインがおすすめです。

 

 

今回はこの角丸デザインにする方法を紹介していきます。

 

 

 

賢威6.2アイキャッチ画像に影を付けて角丸にする方法

 

まずはアイキャッチ画像の角を丸くする

方法から説明していきます。

 

 

 ワードプレス管理画面（ダッシュボード）より、

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

『design.css』をクリックし、

下記コードを一番下など、

わかりやすい場所に追加します。

 

 

 

 

 

数値を変えていくだけで枠線の色や種類を変えたり、

影の大きさ、位置を変えたりできますので、

いろいろ試してみて下さい。

 

 

 

賢威6.2サイドバーに線と影を付けて角丸にする方法

 

サイドバーを角丸にする方は

 ワードプレス管理画面（ダッシュボード）より、

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

『design.css』をクリックし、

下記コードを追加します。

（追加する場所は一番下で良いです。）

 

 

 

 

 

赤字の箇所に変更をかけることで、

上部にあるようにサイドバーに、

線と影ができるようになります。

 

 

ここは自分のイメージ合うように、

色々と数値を変更されることをおすすめします。

 

 

また、

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

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

 

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