HTMLテンプレートがあります。Drupal 6テーマに変換する手順は何ですか?
5 に答える
変更するテーマのコピーを作成します。通常、 zenのような空白のテーマが適切に機能します。ファイルの名前を変更し、.infoファイルを修正する必要があります。
次に、ファイルを編集でき.tpl.php
ます。node.tpl.php
主なスケルトンです。HTMLテンプレートからそのファイルへのコンテンツのコピーを開始し、ダミーコンテンツをプレースホルダー(ここにあります)に置き換えます。
キャッシュがオフになっていることを確認してください。更新して変更を確認できます。
あなたのテーマがあれば私にイメージを提供してくれれば、そのためのいくつかの一般的な計画を教えてくれます。画像ありがとうございます。
私のアドバイスは、cssを変更することだけを提案しているので、実際には禅のテーマの実装ではないことを提案します。そして、あなたはすでに、drupalな方法で行われなかったhtmlとcssを持っています。
- サイト/すべて/テーマに任意のテーマをインストールします。たとえば禅のテーマを使用します。したがって、パスはsites / all / themes/zenになります
- sites / all / themes / zen/zenサブテーマからsites/all / themes / zen/mythemeにファイルをコピーします
- sites / all / themes / zen / mytheme/zen.infoの名前をsites/all / themes / zen / mytheme/mytheme.infoに変更します
- mytheme.infoのテーマ名を変更します
- すべてのcssおよびjsファイルをsites/all / themes / zen / mythemeにコピーします(cssおよびjsのサブディレクトリを作成することをお勧めします)
- zenのデフォルトのzencssファイルを削除します
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 node = http://drupal.org/node/11816
他のすべてのhtmlはpage.tpl.phpに配置されます。ただし、これは、テーマブロック、メニュー、またはコンテンツ領域の前に行う必要があります。 http://drupal.org/node/11812
HTMLをdrupalテーマに自動的に変換する方法はありません。独自のdrupalテーマを作成する最も簡単な方法は、Zenテーマから始めて、CSSをカスタマイズすることです。
Zenテーマへのリンクは 次のとおりですhttp://drupal.org/project/zen
迅速で簡単な解決策はありません。Drupal.orgでテーマのドキュメントを読むことをお勧めします。その情報に慣れたら、テーマに固有のツール、ベストプラクティス、および規則のセクションを参照してください。
HTMLからDrupalへの変換を行うときは、FirebugまたはChromeの開発ツールが不可欠であることがわかると思います。どちらのツールの要素も検査すると、非常に役立ちます。
すでに独自のHTMLテンプレートを持っている場合は、禅のテーマ(もちろん素晴らしい)を避けることをお勧めします。それは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 } ?>
コンテンツの上にあるので、タブ、ヘルプ、メッセージも表示されます。
それをスタイリングします。それでおしまい。この記事を見ることができますが、それはスロバキア語です。しかし、コードの断片から、何が起こっているのかが非常に明確であるはずです。そうでない場合は、Google翻訳を使用してより慣れ親しんでください。
幸運を!