Skip to Content

drupal主题修改的具体实践过程

drupal主题修改的具体实践过程如下:
1、主题目录下找到garland目录,然后复制garland在themes目录下, 将名称改为5iphp,这时刷新[主页>管理>站点创建]的主题列表,在最后面多出一个5iphp的主题,置为有效。

2、主题5iphp更换logo,将自己的logo标志替换掉themes/5iphp/logo.png。

下面创建一个新的PHPTemplate主题风格
第一、在Drupal的themes目录下创建一个主题目录,例如5iphptheme。
第 二、在自己的主题目录下创建一个 page.tpl.php
文件
这是唯一的一个必需创建的文件,它重载了theme('page')函 数,并输出整个页面的内容,包括页头、页签、内容小块、侧栏、页脚等你所想在页面上显示的所有东西。
第三、你还可以创建其他文件重载其他函数
#block.tpl.php: 重载theme('block')函数:控制区块的风格
#box.tpl.php:重载theme('box')函数:控制页面主区域的容器(盒 子)的风格
#comment.tpl.php:重载theme('comment')函数:控制评论的风格
#node.tpl.php: 重载theme('node')函数,控制节点的风格
#PHPTemplate包含有这些模板文件的例子,可以将这些例子拷贝到 theme/5iphptheme目录中进行修改
下面是一些重要的图片说明
bg-navigation.png
页眉背景图
body.png body      背景图

3、下面来修改主菜单的位置,找到如下的代码,将代码剪贴的合适的位置,可以粘贴看一下效果
<?php if (isset($primary_links)) : ?>
<?php print
theme('links', $primary_links, array('class' => 'links primary-links'))
?>
<?php endif; ?>
<?php if
(isset($secondary_links)) : ?>
<?php print theme('links',
$secondary_links, array('class' => 'links secondary-links')) ?>
<?php endif; ?>
默认的菜单是右对齐的,可以通过修改 style.css文件的ul.primary-links->float:left设置为左对齐,其它格式需要修改的查找primary- links相关的样式修改一下查看一下效果就可以了。
4、修改页面的宽度为固定800px,修改page.tpl.php文件,在<!--
Layout -->后面增加<DIV STYLE="width:800px">,在<!-- /layout
-->前增 加</DIV>
5、增加背景图片,在style.css的body样式中增加background- image:url(./images/bg.gif);