namazuテーマのグローバルナビゲーションの背景を透明にする

本紙オリジナルテーマであるnamazuは左側のメニューの背景が白くなっています。

元々、ページ全体の背景が白いのであまり意識されることはないですが、ページ背景に画像を指定すると白いことがわかると思います。

namazu_global_nav_1

これは背景にどんな色や画像が指定されてもメニューの文字が見やすくするためです。

このメニューの背景を透明にするには、以下の方法で行います。

  1. ダッシュボードの左側のメニューの「外観」から「テーマの編集」をクリック
    namazu_globalnavi_2
  2. スタイルシートの編集画面を表示する
    「テーマの編集」の下に「namazu: スタイルシート (style.css)」と書かれていることを確認します。もし表記が違う場合は、右側の「テンプレート」の下の方の「スタイル」の「スタイルシート(style.css)」をクリック
  3. スタイルシートを編集する
    スタイルシートの15行目に以下の1行を追加します

    div.treeview ul{background: transparent}

    namazu_globalnavi_3

  4. スタイルを保存する
    スタイルシートの下部の「ファイルを更新」をクリック
    namazu_globalnavi_4

以上でメニューの背景が透明になります
namazu_globalnavi_4

メニューの背景を白く戻す場合は、同様の手順で付け足した部分を削除します。