美文网首页编程学习
后台主题笔记1

后台主题笔记1

作者: 米酒真香 | 来源:发表于2016-11-07 21:16 被阅读7次

    将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)。这样图片的路径才正确,图片才能被加载出来。

    相关文章

      网友评论

        本文标题:后台主题笔记1

        本文链接:https://www.haomeiwen.com/subject/alrsuttx.html