2

HTMLテンプレートがあります。Drupal 6テーマに変換する手順は何ですか?

4

5 に答える 5

4

変更するテーマのコピーを作成します。通常、 zenのような空白のテーマが適切に機能します。ファイルの名前を変更し、.infoファイルを修正する必要があります。

次に、ファイルを編集でき.tpl.phpます。node.tpl.php主なスケルトンです。HTMLテンプレートからそのファイルへのコンテンツのコピーを開始し、ダミーコンテンツをプレースホルダー(ここにあります)に置き換えます。

キャッシュがオフになっていることを確認してください。更新して変更を確認できます。

于 2010-10-05T17:07:10.423 に答える
4

あなたのテーマがあれば私にイメージを提供してくれれば、そのためのいくつかの一般的な計画を教えてくれます。画像ありがとうございます。

私のアドバイスは、cssを変更することだけを提案しているので、実際には禅のテーマの実装ではないことを提案します。そして、あなたはすでに、drupalな方法で行われなかったhtmlとcssを持っています。

  1. サイト/すべて/テーマに任意のテーマをインストールします。たとえば禅のテーマを使用します。したがって、パスはsites / all / themes/zenになります
  2. sites / all / themes / zen/zenサブテーマからsites/all / themes / zen/mythemeにファイルをコピーします
  3. sites / all / themes / 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のデフォルトの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
  1. cssファイルをmytheme.infoに追加します。この構造を使用する
stylesheets[all][] = mycss.css
  1. jsファイルをmytheme.infoに追加します。この構造を使用する

    スクリプト[]=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をブロックします。

コンテンツ領域のテーマは、コンテンツとして表示しているものによって異なります。通常、それはビューまたはノードです。したがって、ビュー= http://drupal.org/node/352970 node = http://drupal.org/node/11816

他のすべてのhtmlはpage.tpl.phpに配置されます。ただし、これは、テーマブロック、メニュー、またはコンテンツ領域の前に行う必要があります。 http://drupal.org/node/11812

于 2010-10-06T02:53:09.897 に答える
2

HTMLをdrupalテーマに自動的に変換する方法はありません。独自のdrupalテーマを作成する最も簡単な方法は、Zenテーマから始めて、CSSをカスタマイズすることです。

Zenテーマへのリンクは 次のとおりですhttp://drupal.org/project/zen

于 2010-10-05T17:06:30.200 に答える
0

迅速で簡単な解決策はありません。Drupal.orgでテーマのドキュメントを読むことをお勧めします。その情報に慣れたら、テーマに固有のツール、ベストプラクティス、および規則のセクションを参照してください。

HTMLからDrupalへの変換を行うときは、FirebugまたはChromeの開発ツールが不可欠であることがわかると思います。どちらのツールの要素も検査すると、非常に役立ちます。

于 2010-10-06T01:01:56.087 に答える
0

すでに独自の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翻訳を使用してより慣れ親しんでください。

幸運を!

于 2010-10-06T11:52:46.490 に答える