Drupal主題的HTML模板

我有一個HTML模板。將其轉換爲Drupal 6主題的步驟是什麼？Drupal主題的HTML模板

2010-10-05 Bharanikumar

嗨，剛剛探索的主題，我看到在花環，有一個變量#left。 $ right，當我回顯$ left時，它打印菜單，我只搜索了整個drupal文件，沒有找到任何地方，這是$ left變量聲明爲全局的，我想調試這個$一步一步，如何調試 – Bharanikumar 2010-10-06 01:54:28

我不知道，我的東西有文件稱爲theme.inc，有$左，$右變量是從那個地方只產生，但有使用$變量['佈局']，我不明白什麼是這可以解釋一下這些 – Bharanikumar 2010-10-06 02:07:13

這聽起來像你缺乏Drupal中主題的基本理解。你可以閱讀指南：http://drupal.org/theme-guide。如果你有一個具體的問題，你可以在這裏提問，但如果你需要一個多步驟的指導，這不是獲得它的地方。有很多好的文檔已經在drupal.org上寫過，用於解決類似問題，我如何製作主題，如何製作模塊等。 – googletorp 2010-10-06 08:59:17

鏈接創建要修改一個主題的副本 - 通常喜歡zen空白主題效果很好。您需要重命名這些文件並修復.info文件。您可以編輯.tpl.php文件。 node.tpl.php是主要骨架之一。開始複製從你的HTML模板到該文件的內容，用佔位符代替虛擬內容（你可以找到here。

確保緩存是關閉的，你可以刷新看到的變化。

來源

2010-10-05 17:07:10 colinmarc

沒有自動將HTML轉換爲drupal主題的方法。創建自己的drupal主題最簡單的方法是從Zen主題開始，然後自定義CSS。

這裏的禪主題 http://drupal.org/project/zen

來源

2010-10-05 17:06:30 djrsargent

有沒有快捷方便我建議在Drupal.org上閱讀documentation for theming，在熟悉這些信息之後，點擊Tools, best practices and conventions這個主題。

當談到從HTML轉換到Drupal的時候，我想你會發現Firebug或Chrome的開發工具是不可缺少的，任何工具中的視素都將是ve很有幫助。

來源

2010-10-06 01:01:56

如果你提供給我的圖片，如果你的主題，我可以告訴你一些共同的計劃。感謝您的圖像。

我的建議是我建議不要真正的禪宗主題實現，因爲它建議只是改變CSS。你已經有了HTML和CSS，而不是以drupal的方式完成。

安裝任何主題到您的網站/所有/主題。我會用例如禪宗主題。所以路徑將會是sites/all/themes/zen
將sites/all/themes/zen/zen sub-theme中的文件複製到sites/all/themes/zen/mytheme
重命名sites/all/themes/zen /mytheme/zen.info到網站/所有/主題/禪/ mytheme的/ mytheme.info
更改主題mytheme.info
副本名稱的所有CSS和JS文件到網站/所有/主題/禪/ mytheme的（更好地創造CSS子目錄和JS）
刪除禪禪默認的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

將您的css文件添加到mytheme.info。使用這種結構

stylesheets[all][] = mycss.css

添加您的js文件mytheme.info。使用這種結構

腳本[] = myjs.js

約theme.info文件更多信息看這裏http://drupal.org/node/171205

看這個圖像

這是我認爲如何更好地分割頁面。

標題下的菜單看起來像主菜單。要主題添加

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

內容區域主題取決於我們作爲內容顯示的內容。通常它是視圖或節點。所以視圖= http://drupal.org/node/352970 節點= http://drupal.org/node/11816

所有其他HTML放到page.tpl.php中。但你應該這樣做主題塊，菜單或內容區域。 http://drupal.org/node/11812

來源

2010-10-06 02:53:09

http：//www.templatesperfect。com/wp-content/uploads/2010/10/halloween.jpg我的樣本主題模板， – Bharanikumar 2010-10-06 06:11:13

正在探索如何創建自己的主題，我有html模板，這一個我想轉換成主題，一步一步引導我plz – Bharanikumar 2010-10-06 06:14:56

是有可能參考一些好的教程主題，參考其他然後drupal.org教程 – Bharanikumar 2010-10-06 06:19:55

如果您已經有自己的HTML模板，我會建議避免使用禪宗主題（這當然很棒）。這是10分鐘工作：

創建theme.info文件每drupal.org/node/171205

現在創建你page.tpl.php中的文件。只需將您的HTML模板重命名爲該名稱即可。在你的頭把這些（代替實際的鏈接標籤爲CSS，JS ...）：

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

現在使用變量$菜單，$左，右$，$內容，等等......要把合適的頁面細分。不要忘記把這個

<?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，但它是用斯洛伐克語。但是從代碼片斷中，應該很清楚發生了什麼，如果沒有，請使用谷歌翻譯來更熟悉。

祝你好運！

來源

2010-10-06 11:52:46 petiar

首先我創建了example.info和page.tpl.php，在info中，我只是複製了寫入這些行; $ Id： name = Example description = My First Theme Sample core = 6.x stylesheets [all] [] = style.css和page.tpl.php，我剛剛複製了html模板並添加了樣式。 css文件，現在我的新css工作在新的主題，事情是如果刪除page.tpl.php，然後也是我的主題工作，但它的外觀和感覺完全像花環，我現在做什麼 – Bharanikumar 2010-10-06 16:41:31

Drupal主題的HTML模板

回答

相關問題