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


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

賢威6.2,角丸

 

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

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

 

 

しかし

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

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

あるとおもいます。

 

 

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

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

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

 

 

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

 

 

 

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

賢威6.2,アイキャッチ画像,ワードプレス

 

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

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

 

 

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

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

design.css』をクリックし、

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

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

 

 

 

 

 

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

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

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

 

 

 

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

賢威6.2,サイドバー 

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

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

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

design.css』をクリックし、

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

(追加する場所は一番下で良いです。)

 

 

 

 

 

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

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

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

 

 

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

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

 

 

また、

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

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

 

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

 

 

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

このページの先頭へ