DrupalテーマへのHTMLテンプレート

StackOverflow https://stackoverflow.com/questions/3865926

質問

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

役に立ちましたか？

解決

変更したいテーマのコピーを作成します - 通常は次のような空白のテーマ 禅 うまく機能します。ファイルの名前を変更して.infoファイルを修正する必要があります。

その後、編集できます .tpl.php ファイル。 node.tpl.php メインスケルトンのものです。 HTMLテンプレートからコンテンツのコピーをそのファイルに開始し、ダミーコンテンツをプレースホルダーに置き換えます（見つけることができます ここ.

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

他のヒント

あなたがあなたのテーマの場合に私に画像を提供するなら、私はあなたにそのためのいくつかの共通の計画を伝えることができました。画像をありがとう。

私のアドバイスは、CSSを変更することを示唆するため、実際にZenテーマの実装ではないことをお勧めします。そして、あなたはすでにDrupalで行われたHTMLとCSSを持っています。

  1. サイト/すべて/テーマにテーマをインストールします。たとえば、Zenテーマを使用します。したがって、パスはサイト/すべて/テーマ/禅になります
  2. サイト/all/themes/zen/Zenサブテーマからサイト/zenサブテーマ/alt/themes/zen/mythem
  3. サイト/all/themes/zen/mytheme/zen.info to sites/all/themes/zen/mytheme/mytheme.infoに名前を変更します
  4. mytheme.infoのテーマ名を変更します
  5. すべてのCSSおよびJSファイルをサイト/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に追加します。この構造を使用します

    スクリプト[] = myjs.js

Theme.infoファイルの詳細については、こちらをご覧ください http://drupal.org/node/171205

  1. この画像を見てください alt text

これは、ページを分割する方が良いと思う方法です。

ヘッダーの下のメニューは、プライマリメニューのように見えます。それらをテーマに追加します 

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

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; ?>

次に、変数$メニュー、$左、$右、$ 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翻訳を使用してより馴染みのあるものになります。

幸運を！

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top