Drupal ist ein Open- Source Content-Management -System, das Entwicklern die einfache Erstellung und Räude den Inhalt einer Website ermöglicht . PSDs beziehen sich auf Photoshop Design-Dateien . Ihre Website-Entwicklung beginnt mit dem Photoshop -Design. Sobald Sie die PSD Design haben, können Sie sie in HTML , Joomla, Wordpress und Drupal-Website zu konvertieren. Um die PSD zu HTML in Drupal zu konvertieren, müssen Sie die HTML-Tags , CSS und Drupal Themen und Inhalte und Knoten zu verstehen. Aufschneiden der PSD-Datei

Ihren Photoshop und öffnen Sie die Design-Datei . Klicken Sie auf die Symbolleiste und wählen Sie " Slice-Werkzeug . " Schneiden Sie das Bild, das Sie behalten möchten . Klicken Sie auf " Speichern", um die Scheiben zu speichern. Diese Dateien sollten unter yourwebsite /theme_files Ordner gespeichert werden. Wenn Slice-Werkzeug verborgen ist, können Sie es zeigen , indem Sie auf "Ansicht ", " Show" und " Slices ". Vermeiden Sie Schneiden Textblöcke , weil sie nicht in Google durchsuchbar sind . Jedoch möchten Sie normalerweise das Logo Text in der Logo-Bild zu halten.
Erstellen einer Homepage

In einem beliebigen Texteditor , erstellen Sie eine neue Datei home.html und geben Mit dem folgenden Code :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN"

" http://www.w3.org/TR/! xhtml1/DTD/xhtml1-transitional.dtd " >

< html xmlns =" http://www.w3.org/1999/xhtml " Die CSS-Datei vor dem < /head> -Tag.
Erstellen DIV-Tags

erstellen DIV Bereiche nach dem ursprünglichen Entwurf in PSD . Jeder Abschnitt des Layouts sollte innerhalb eines DIV-Tag enthalten sein und mit einer Klasse -Namen wie Kopf-und Fußzeilen werden. In DIV-Tags in den Körper Abschnitt :

. Ähnlich wie viele DIV-Tags hinzufügen, wie Sie für jeden einzelnen Abschnitt des Layouts müssen .
Erstellen einer CSS-Datei

In dem Text-Editor , eine neue Datei erstellen und speichern Sie es als " style.css ". Stil die Klassen zuvor erstellt haben. Positionieren Sie die Abschnitte des Layouts mit Floating , Polsterung und Margen.

/* Top
Konvertieren in ein Drupal Theme

Ihre Drupal-Website gehen und finden Sie die Theme-Ordner . Erstellen Sie einen neuen Unterordner mit dem Namen Ihres Themas . Gehen Sie zurück zu Ihrer HTML-Datei. Fügen Sie den Tag vor . Drupal nutzt diesen Tag, um die Druck bestimmte Abschnitte in der Webseite zu drucken. Der Code ist wie folgt:

< < php print $ head_title ? > ? php print $ Kopf? >

< ? php print $ Stile? >

< ? php print $ Skripte? >

Speichern Sie diese Datei als neue Datei : page.tpl.php unter dem neuen Theme-Verzeichnis . Ziehen Sie Ihren style.css Datei gibt .
Drehen Sections in Drupal Blöcke

Drupal verfügt über vordefinierte Blöcke , einschließlich $ header , $ left -header , $ content und $ footer_message . Diese Blöcke werden in Ihrem page.tpl.php Datei durch die Tage genannt werden . Ändern Sie die dynamische Inhalte Abschnitte in Blöcke , indem Sie die Blöcke Tags.