Drupal Theme

Drupal 获取字段label

$info = field_info_instance('node','field_name','content_type_name');
print $info['label'];

标签: 

Page templates depending on node type drupal7

<?php
function themename_preprocess_page(&$variables) {
  if (!empty($variables['node'])) {
    $variables['theme_hook_suggestions'][] = 'page__node__' . $variables['node']->type;
  }
}
?>

标签: 

自定义用户登录页面

标签: 

Drupal 7 模板建议

区块

基模板:block.tpl.php
block--[region|[module|--delta]].tpl.php
查找顺序:

  1. block--module--delta.tpl.php
  2. block--module.tpl.php
  3. block--region.tpl.php

例子:block--block--1.tpl.php,block--sidebar_first.tpl.php,block--custom--my-block.tpl.php

评论

基模板:comment.tpl.php
comment--node-[type].tpl.php
例子:comment--node-article.tpl.php

基模板:comment-wrapper.tpl.php
comment-wrapper--node-[type].tpl.php
例子:comment-wrapper--node-article.tpl.php

标签: 

Drupal 主题开发 CSS / JS 调试

对于刚开始使用Drupal搭建网站的同学们来说,前端设计是一个很大的问题。CSS和JS的快速调试是Drupal主题设计的一大障碍。

Drupal的主题引擎需要一定的PHP基础,同时灵活的界面生成规则,复杂的Class样式命名,复杂的样式继承关系,让习惯按照自己XHTML+CSS的规则设计的设计者们头痛。

Chrome和FireFox+firebug(以下简称FFFB)能够为大家大大缓解这个问题。 Chrome和FFFB能够将所浏览的网页DOM、CSS、JS 抽离出来,并且可以在调试窗口中修改并立即呈现效果(当然,只是本地的)。这样就可以快速的调试CSS和JS。

对于HTML,这两个工具都提供了标准的树结构和快速搜索,可以很清晰的阅读文档结构,甚至可以自动分析出文档节点的style继承关系,避免设计CSS大量的覆盖属性产生无用的样式代码。

Chrome浏览器通过点击页面右键,选择审查元素打开该调试界面。Firebug则是Firefox浏览器的一个插件工具,安装好后在当前页面工具条栏就可以找到打开窗口的按钮。 至于选择使用Chrome还是FFFB,两个工具都能为你带来相同的效果,根据个人习惯选择。