將seven主題復制到/sites/all/themes/
目錄下,重命名為wt
,重命名seven.info
為wt.info
,打開wt.info,修改name
值為wt
設置wt
主題為后臺管理主題。
在wt
文件夾中新建文件夾templates
,復制/modules/toolbar/toolbar.tpl.php
到/sites/all/themes/wt/templates/
目錄下。
打開此文件,復制29行<?php print render($toolbar['toolbar_user']); ?>
到Drupal網站刷新之后發現如下:
$toolbar['toolbar_user'].jpg
可見:
$toolbar['toolbar_user']
渲染出來是用戶信息。復制
$toolbar['toolbar_menu']
$toolbar['toolbar_menu']代碼.jpg
渲染之后是:
$toolbar['toolbar_menu']效果.jpg
可見:
$toolbar['toolbar_menu']
渲染出來是后臺菜單
現修改后臺導航菜單的背景色。
在谷歌瀏覽器中查看元素:
導航菜單背景色.jpg
可知:控制后臺導航菜單背景色的代碼在
toolbar.css
的第66行,修改background
的值即可。但是不要直接在toolbar.css
文件中修改。復制此文件到/sites/all/themes/wt/css/
目錄下并在
wt.info
文件中添加如下代碼:stylesheets[]= css/toolbar.css
修改此文件中第68行代碼為
background: #34B2ED;
進入Drupal網站后臺清空緩存,刷新頁面,背景色即變為我們需要的顏色,如圖:
修改導航菜單背景色.jpg
這樣做,只是換了背景色。原理是系統用
/sites/all/themes/wt/css/toolbar.css
覆蓋了/modules/toolbar/toolbar.css
。還有一些細節需要處理,比如toolbar.css
文件中的圖片路徑,需要復制/modules/toolbar/toolbar.png
到/sites/all/themes/wt/images/
目錄下。然后再修改toolbar.css文件中的png圖片的路徑,把所有background: url(toolbar.png)
修改為background: url(../images/toolbar.png)
。這樣圖片的路徑才正確,圖片才能被加載出來。