賢威7のサイドバー見出しの枠を付ける方法

 

今回は賢威7のサイドバーにある見出しに枠線をつける方法を解説します。

■変更前

■変更後

 

サイドバー見出しに枠線をつける方法

WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。

以下のコードがある部分(「賢威7スタンダード版」の場合1215行目)を探します。ちなみにこちらがサイドバーの見出しデザインを示しています。

 

マーカーを引いた箇所を以下のように変更します。

 

ちなみに、以下のコードの

  • 「1px」の数値を変更することで枠線の太さを変更できます。
  • 「solid」の文字を「dotted」や「dashed」に変更することで枠線を点線などに変更できます。
  • 「#333」のカラーコードを変更することで枠線の色を変更することができます。

 

また、「border」のままでは上下左右に枠線がついていますが、

  • 上だけに枠線を付けたい場合は「border-top」に変更します。
  • 下だけに枠線を付けたい場合は「border-bottom」に変更します。
  • 右だけに枠線を付けたい場合は「border-right」に変更します。
  • 左だけに枠線を付けたい場合は「border-left」に変更します。

 

変更が完了したらページ最下部の「ファイルを更新」を選択すれば反映されます。

 

最後に

今回は賢威7のサイドバー見出しに枠線をつける方法を解説しました。ぜひ参考にしてみてください。

▶ 「賢威7」のカスタマイズ一覧【完全版】

メールマガジン登録





コメントを残す

サブコンテンツ

このページの先頭へ