后台主题笔记1

将seven主题复制到/sites/all/themes/目录下,重命名为wt,重命名seven.infowt.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)。这样图片的路径才正确,图片才能被加载出来。

推荐阅读更多精彩内容