HTML-Vorlage Drupal Theme

Question

ich eine HTML-Vorlage haben. Was sind die Schritte, um es in eine Drupal 6 Thema zu konvertieren?

Answer 1

Erstellen Sie eine Kopie eines Themas, das Sie ändern möchten - in der Regel ein leeres Thema wie zen gut funktioniert. Hier finden Sie die Dateien umbenennen müssen und reparieren die .info-Datei.

Dann können Sie die .tpl.php-Dateien bearbeiten. node.tpl.php ist das Hauptgerüst ein. Starten Inhalt Kopieren von Ihrem HTML-Vorlage in dieser Datei ersetzen Blindtext mit Platzhalter (die Sie hier finden.

Stellen Sie sicher, Caching ausgeschaltet ist, und Sie können aktualisieren, um die Änderungen zu sehen.

Answer 2

Wenn Sie mir Bild, wenn Ihr Thema liefern, könnte ich Ihnen einen gemeinsamen Plan für das sagen. Dank für das Bild.

meine Ratschläge sind Ich schlage vor, nicht wirklich Thema Umsetzung zen, weil es einfach zu ändern CSS vorschlagen. und haben Sie bereits HTML und CSS, die getan wurde nicht in Drupal Art und Weise.

1. Installieren Sie Thema, um Ihre Websites / all / Themen. Ich werde zum Beispiel zen Thema verwenden. So Weg Websites sein / all / themes / zen
2. Kopieren von Dateien von Websites / all / themes / zen / zen Unterthema zu sites / all / themes / zen / mytheme
3. Umbenennen sites / all / themes / zen / mytheme / zen.info zu sites / all / themes / zen / mytheme / mytheme.info
4. Ändern Thema Name in mytheme.info
5. Kopieren Sie alle Ihre CSS und JS-Dateien auf Websites / all / themes / zen / mytheme (besser subdirs für CSS und JS erstellen)
6. Entfernen zen Standard zen CSS-Dateien

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

7. Fügen Sie Ihre CSS-Dateien zu mytheme.info. Mit dieser Konstruktion

stylesheets[all][] = mycss.css

8. Fügen Sie Ihre js Dateien mytheme.info. Mit dieser Konstruktion

   Skripte [] = myjs.js

Weitere Informationen über theme.info Datei Blick hier http://drupal.org/node/171205

1. Schauen Sie sich das Bild

Dies ist, wie ich denke, besser zu Split-Seite.

Menü unter Header sieht aus wie primäres Menü. Zum Thema fügen Sie

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

Right Block sieht aus wie Block. So überprüfen block.tpl.php und blockieren Thematisierung manuelle http://drupal.org/node/104319

Inhaltsbereich Thematisierung abhängig von dem, was wir als Inhalt zeigen. Normalerweise ist es Ansicht oder Knoten. so Ansichten = http://drupal.org/node/352970    node = http://drupal.org/node/11816

Alle anderen HTML-Platz in page.tpl.php. Aber Sie sollten diese vor dem Thematisierung Blöcke, Menü oder Inhaltsbereichen tun. http://drupal.org/node/11812

Answer 3

Es gibt keine automatische Möglichkeit, Ihre HTML zu Drupal Thema zu konvertieren. Die einfachste Weg, um Ihr eigenes Drupal Thema zu erstellen ist mit Zen Thema beginnt dann die CSS anpassen.

Hier ist ein Link zu Zen Thema http://drupal.org/project/zen

Answer 4

Es gibt keine schnelle einfache Lösung. Ich würde vorschlagen, für Thematisierung bei Drupal.org die Dokumentation zu lesen. Nachdem sie mit diesen Informationen vertraut, traf auf die Werkzeuge, Best Practices und Konventionen Abschnitt spezifisch für Theming.

Wenn es Zeit wird, die Konvertierung von HTML zu Drupal zu tun, ich glaube, Sie werden feststellen, Firebug oder die Entwicklungswerkzeuge von Chrome unentbehrlich sein, inspizieren Element in jedem Werkzeug wird sehr hilfreich sein.

Answer 5

Ich würde empfehlen, den Zen-Thema zu vermeiden (was toll ist, natürlich), wenn Sie bereits eine eigene HTML-Vorlage haben. Es ist 10 Minuten Job:

Erstellen Sie Ihre theme.info Datei per drupal.org/node/171205

Nun erstellen Sie page.tpl.php Datei. Benennen Sie einfach Ihre HTML-Vorlage zu diesem Namen. Setzen Sie diese in Ihrem Kopf (ersetzen tatsächliche Link-Tags für css, js ...):

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

Sie nun die Variablen $ Menü links $, $ rechts, $ content, etc ... wo Sie die entsprechenden Seitensegmente setzen wollen. Vergessen Sie nicht, dieses

zu setzen

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

über den Inhalt, so dass Sie die Registerkarten, Hilfe und Nachrichten sowie bekommen.

Style es. Das ist es. Sie können unter dieser Artikel einen Blick, jedoch ist es in der slowakischen Sprache. Aber aus den Codestücken sollte es sein, ganz klar, was los ist, wenn nicht, verwenden Sie den Google Übersetzen mehr vertraut zu machen.

Viel Glück!