HTML模板到Drupal主题

Question

我有一个HTML模板。将它转换为Drupal 6主题有哪些步骤？

Answer 1

创建要修改的主题的副本 - 通常像zen这样的空白主题效果很好。您需要重命名文件并修复.info文件。

然后您可以编辑.tpl.php个文件。 node.tpl.php是主要的骨架。开始将html模板中的内容复制到该文件中，用占位符替换虚拟内容（您可以找到here。

确保缓存已关闭，您可以刷新以查看更改。

Answer 2

如果你提供我的主题图片，我可以告诉你一些共同的计划。 谢谢你的形象。

我的建议是 我建议不要真正的主题实现，因为它建议只是改变CSS。并且你已经拥有了不是以drupal方式完成的html和css。

1. 为您的网站/所有/主题安装任何主题。我将使用例如zen主题。所以路径将是sites / all / themes / zen
2. 将文件从sites / all / themes / zen / zen子主题复制到sites / all / themes / zen / mytheme
3. 将网站/所有/主题/ zen / mytheme / zen.info重命名为sites / all / themes / zen / mytheme / mytheme.info
4. 在mytheme.info
中更改主题名称
5. 将所有css和js文件复制到sites / all / themes / zen / mytheme（最好为css和js创建子目录）
6. 删除zen默认zen css文件

stylesheets[all][]   = html-elements.css
stylesheets[all][]   = tabs.css
stylesheets[all][]   = messages.css
stylesheets[all][]   = block-editing.css
stylesheets[all][]   = wireframes.css
stylesheets[all][]   = zen.css
stylesheets[print][] = print.css

1. 将您的css文件添加到mytheme.info。使用这种结构

stylesheets[all][] = mycss.css

1. 将您的js文件添加到mytheme.info。使用这种结构

   scripts [] = myjs.js

有关theme.info文件的详细信息，请查看此处http://drupal.org/node/171205

1. 查看此图片

这就是我认为拆分页面的方法。

标题下的菜单看起来像主菜单。为主题添加

function mytheme_menu_links    ($items, $type = 'free') {
    if (!empty($items)) {
      foreach ($items as $index => $link) {
      $output = l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment']); /* insert your html*/
}
    return $output;
}

右侧块看起来像块。因此，请检查block.tpl.php并阻止他们使用手册http://drupal.org/node/104319

内容区域主题取决于我们显示的内容。通常是视图或节点。 所以views = http://drupal.org/node/352970    node = http://drupal.org/node/11816

所有其他html放入page.tpl.php。但你应该这样做主题块，菜单或内容区域。 http://drupal.org/node/11812

Answer 3

没有自动方式将HTML转换为drupal主题。创建自己的drupal主题的最简单方法是从Zen主题开始，然后自定义CSS。

这是Zen主题的链接 http://drupal.org/project/zen

Answer 4

没有快速简便的解决方案。我建议在Drupal.org上阅读documentation for theming。熟悉该信息后，请点击特定于主题的Tools, best practices and conventions部分。

当需要进行从HTML到Drupal的转换时，我认为你会发现Firebug或Chrome的开发工具是不可或缺的，在任一工具中检查元素都会非常有帮助。

Answer 5

如果您已经拥有自己的HTML模板，我建议您避免使用zen主题（当然这很棒）。这是10分钟的工作：

根据drupal.org/node/171205

创建theme.info文件

现在创建page.tpl.php文件。只需将您的HTML模板重命名为此名称即可。将它们放在标题中（替换css，js的实际链接标记...）：

<?php print $head; ?>
<?php print $styles; ?>
<?php print $scripts; ?>

现在使用变量$ menu，$ left，$ right，$ content等...您想要放置适当的页面段。别忘了把这个

<?php if ($tabs): print '<div class="tabs">'.$tabs.'</div>'; endif; ?>
<?php if ($help) { ?><div class="help"><?php print $help ?></div><?php } ?>
<?php if ($messages) { ?><div class="messages"><?php print $messages ?></div><?php } ?>

在内容之上，因此您也可以获得标签，帮助和消息。

风格吧。而已。您可以查看this article，但它是斯洛伐克语。但是从代码中可以清楚地知道发生了什么，如果没有，请使用Google Translate来更熟悉。

祝你好运！