主题[如何制作手机主题]如何定制drupal主题

[如何制作手机主题]如何定制drupal主题篇一:如何定制drup al主题

在对Drup al做定制前需要了解一些Drup al的基本术语

+Block

区块一般位于网页两边的侧栏中用于导航或显示一些附加内容。区块是1种把数据定位到页面的方法之一。各主题风格可以通过block函数来控制区块的显示风格。

+Box

盒子是Drup al页面内容的容器。每1个盒子有1个标题和一些内容。各主题风格可以通过box函数来控制盒子的显示风格。

+Engin e

引擎是1类特殊的主题它通过模板来输出HT ML内容。

+F ilter

过滤器是做内容过滤的框架。

+Mo dule

模块是为Drup a l提供扩展功能的代码片段。有些模块是Drup al核心系统的一部分,扩展模块则不属于Drup al的核心系统。核心模块已包含在Drup al的下载包中扩展模块则需要单独下载。

+No d e

节点是Drup al中最简单又最难理解的1个概念。几乎Drup al中所

有的内容都被存储为1个节点。 1个节点就是Drup al的一块内容它可以是投票、报道、书的一页、或一张图片。

+P ermis s ions权限用于控制内容的创建、修改和站点管理等访问。管理员可以将权限赋给角色将角色赋给用户。 1个用户可以属于1个或多个角色。Drup al缺省提供了2种角色游客和注册用户

+S tyle

样式是主题或引擎提供的CSS文件用于替换缺省的CSS。

+Taxonomy

Drup al通过分类来描述目录系统用于对网站的内容进行组织和分类。

+Temp late

模板是基于某一模板引擎的普通人可读懂的HTML文件这些文件有一些特殊的代码用于产生动态信息。

+T heme

主题是包含一些函数的PHP文件用于提供不同的布局风格。 =Drup a l模块安装=

Drup al已经自带了许多基本功能模块在完成Drup al的安装后开启这些模块即可了。

如 果你需要功 能扩展模块  则 需要到http://drup al.o rg/p rojec t/Mo dules下载并安装这些模块。

步骤非常简单

+下载模块包

+解压缩

+把模块文件上传到Drup al的mo dule s 目录中

+有些模块可能需要运行mysql文件创建表

+在“管理->模块”中开启这个模块=Drup al的邮件发送设置=

用户在网站进行注册时 口令将发送到用户的邮箱里。这需要你的网站能进行邮件发送。

网站发送邮件的办法有许多种这里推荐1种使用ssmtp发送邮件的方法。

假设你有1个gmail帐户并打算用该帐户发送邮件

+设置ssmtp

#vi/etc/s s mtp/s s mtp.c o nf

对该文件做如下设置root=xxxx@gmail.commailhub=smtp.gmail.c om:465rewriteDomail=gmail.c omhos tname=gmail.c o m

+设置php.ini

#vi/etc/p hp/ap ac he2-p hp 4/p hp.ini

对该文件做如下设置s endmail_p ath=/us r/sb in/s s mtp-t -auxxxx@gmail.c om-ap xxxx

+在Drup al的”管理->设置->通用设置->E-mai l地址”中

将E-mail地址设置为xxxx@gmail.com。 =forum论坛=

Drup al的fo rum模块提供论坛功能。

在使用论坛模块时应同时开启co mment模块和taxo no my模块。c o mment模块为Drup a l的节点提供讨论板功能对论坛主题的回复就要用到该功能。 taxonomy是智能分类模块用于组织网站的内容能自动对内容进行归类。co mment和taxo no my是论坛正常运行所必需的2个模块。

还可以配合其它模块来增强论坛的功能

+“管理->用户->配置”可以开启头像功能

+通过开启profile模块增强用户个人信息可在”管理->设置->个人信息”中增加自定义内容

+通过使用p rivat ems g模块用户间可以互相发短消息p rivate ms g是1个站内消息系统可在这里下载http://drup al.o rg/p rojec t/p riv ate ms gp rivate ms g的中文包在这里下载http://drup a l.o rg/file s/is s ue s/p riva…s-4.6.0.tar.gz

+通过s ub sc rip tio ns模块或no tify模块让用户接收E-mail通知

+通过bbcode模块提供BBCode支持。bbcode模块将提供1个工具条能很方便地在帖子中插入bbcode。=定制自己的首页=

在”管理->设置->通用设置->默认首页”里可以设置自己的首页默认值是”nod e”。它仅仅显示一些被设置为“推荐到首页”的文章。

+假设你创建了1个新的节点包含有非常多的链接和非常复杂的

内容想把这个节点设置为首页。首先找到这个节点的id假设节点id是83你只需要将默认首页设置为”node/83”就行了。

+假设你想将用户blog设置为首页则须将默认首页设置为”blog”。

+假设你想把论坛设置为首页则须将默认首页设置为”forum”。 =Drup a l界面定制=

当Drup al站点安装好后有许多方法对站点界面进行个性化的设置和定制

+安装主题风格

主题风格控制了站点的外观和感受你可以在网上下载Drup al的主题风格并在”管理->主题”中启用这些风格。

+创建你自己的主题风格

如果你不想用别人预先做好的主题风格而想为自己的站点打造1个完全不一样的外观你可以通过开发自己的主题风格来达到这个目的。主题风格的开发人员应具备HTML/CSS知识如果要开发复杂的主题则需要懂得PHP。

+定制导航菜单

页面顶部和底部的菜单可以在”管理->主题->配置->菜单设置”中进行定制主链接和备用链接中可以直接编写HTML代码。如果主链接为空Drup al将根据你安装的模块自动建立导航菜单。每个主题风格可以定义不同的导航菜单。

如果是)基于PHPTemplate引擎的主题风格导航菜单的定义方式是为每个菜单进行定义。

+定制文字串

可以通过”管理->本地化->管理字符串”来定制本地语言的文本字符串Drup al中几乎所有的文本字符串都可以修改。=Drup al的主题风格=

==模板引擎==

Drup al支持3种模板引擎 xTemp late、 P HP Temp late、wgS marty。xTemp late是Drup al自带的模板引擎但支持该引擎的主题风格数量不多。其他2个模板引擎需要到http://drup al.org/project/Theme engines下载。其中基于PHPTemplate的主题风格非常多。

推荐使用P HPTemp lag e这个引擎大大加快Drup al的速度非常有利于自己自定义模板一些大型的Drup al站点都是用的这个引擎。

PHPTemplage的安装方法

+下载PHPTemplate

+将解压后的p hp temp late目录拷贝到Drup al的the me s/eng ine s 目录

==主题风格==

“主题”是Drup al站点的基本外貌和感觉。有时1个特定的站点会安装不止1个的主题。如果站点管理员提供了多个主题你可以为你的帐号选择你喜欢的默认主题。

Drup al的官方站点提供了许多主题风格具体见http://drup a l.o rg/p rojec t/Themes

其中 S preadfirefox是我最喜欢的主题风格 著名的

spreadfirefox.c om使用的就是这款主题。

除Drup a l的官方站点外还有许多其他机构或个人提供Drup al的主题风格通过Go o gle可以搜索到这些风格。

==Drup al主题风格安装==

Drup al主题风格的安装非常简单

+在http://drup al.o rg/p rojec t/Themes下载新的主题风格

+阅读主题风格包中的README和INSTALL文件看该主题风格包的安装是否需要一些特殊的步骤

+检查一下主题风格需要的模板引擎是否已安装

+将主题风格上载到Drup al的the me s目录中

+通过”管理->主题”启用该主题风格并将其设置为默认风格==主题风格中CSS的定制==

Drup al的主题定制非常灵活可以定制每个区块定制的风格。如果懂PHP的话几乎可以做出可以想得到风格来。

实际上在大多时候我们主要是通过图片+CSS来定制这是1种最简单的定制也不需要懂得太多的PHP知识。

在theme s 目录下的每个主题目录中有1个s tyle.c s s文件。定制CSS的关键是搞清楚CSS元素控制的对象。但许多人搞不清楚CSS元素控制的对象在这方面花了不少时间。其实只要选对工具这实际上是非常容易做的。

这个强大的工具就是Firefox。大多数人只知道Firefox是1个浏览器实际上Firefox提供了大量网页开发的工具。例如

+选定一部分网页内容通过右键菜单的View SelectionSource功能可以查看选定部分网页的源码。这是1个杀手级的功能再也不必为在庞大的HT ML源码中找不到相应的目标内容而头痛了。

+菜单Too ls->P age Info可以看到非常详细的网页内容包括表单、链接、多媒体等信息

+菜单Tools->DOM Insp ector可以对网页的HTML、 JavaS cript、CSS等内容进行很方便的分级浏览

Firefox的功能太多一时半刻说不完我们还是回到CS S定制上面来。这需要用到1个F irefo x的插件插件名称是Web Develop er可以在Firefox的网站上下载到这个插件。

安装好Web Develop er插件后 即可用其提供的功能来定位对象的CSS控制元素

+插件的CSS菜单下有1个View StyleInformation功能非常好用当你的鼠标电击到网页的某项内容就能看到该项内容所使用的相关CSS内容。

+在Information菜单下有1个Disp lay ID&Clas sDetails功能能在网页上显示所有的ID和Clas s信息。

Web Developer插件是专门为网页开发人员提供的一把宝刀功能太丰富了你们就慢慢去体会吧。=提供搜索引擎友好的URL地址=

Drup al提供了1个p ath模块该模块能定义URL地址的别名。这些别名能大大提高地址的可读性能帮助搜索引擎更有效地对站内内容进行索引。每个页面可以创建多个别名。

例如us er/lo g in=>lo g inimage/tid/16=>s to retaxonomy/term/7+19+20+21=>s tore/produc ts/whirlyg igsno de/3=>contactno d e/10=>p roduc ts/merc hand is e/c up sno d e/10=>c up sno d e/11=>p roduc ts/merc hand is e/c o ffeemak ers==批量别名设置==

Drup al里允许批量为URL设置别名。通过这个功能可以提供完全不一样的URL地址甚至可以为不同的语言提供完全本地化的地址。

批量修改别名的方法是在s ites/default/s ettings.php中添加1个c o nf_url_rewr ite 函数 如果是 Drup a l4.7.x  则函数名是c us to m_url_rewrite。

以下例子将所有的”node/$no de_id”类型的 URL修改为”disp lay/$no de_id” 以上内容手机主题的功能表菜单的图标是如何制作的

大家制作主题都是用什么软件啊我自己是在《吾主题》网站在线制作的但不知道在线制作的时候如何制作功能表菜单的图标大家会的教教我啊

《吾主题》网站在线制作的

上传2张图片后,可以选额外设置