Wie konvertiere ich ein Wordpress-Theme?

11

Ich habe gegoogelt, aber keine automatisierte Lösung gefunden. Also habe ich es manuell gestartet. Das Mappen von CSS-Dateien ist einfach, aber ich suche nach einer Möglichkeit, Blöcke / Vorlagen zu mappen. Bitte helfen Sie.

theming user931
quelle

Antworten:

16

Es gibt keinen direkten oder programmatischen Weg. Dies liegt daran, dass sich die Vorlagenstrukturen stark unterscheiden. Aber hier sind die Schritte, die Sie für die schnellsten Conversions unternehmen sollten ...

  1. Laden Sie das Theme in Wordpress und zeigen Sie die Site in einem Browser an. (Ziel ist es, die grundlegende HTML-Struktur der Vorlage zu extrahieren).
  2. Zeigen Sie den Quelltext auf der Seite an, kopieren Sie den gesamten HTML-Code und legen Sie ihn in einem Texteditor ab. In einem neuen Projektordner speichern.
  3. Kopieren Sie CSS- und JS-Dateien in diesen neuen Projektordner. Ich empfehle die Verwendung eines "css" -Ordners und eines "js" -Ordners für die Organisation.
  4. Kopieren Sie alle Bilder in diesen Projektordner. Ich empfehle den Ordner "images".
  5. Jetzt haben Sie die Basisvorlage, die Sie benötigen, um sie in ein Thema für Drupal zu verwandeln. Zeit, sich zu beschäftigen!
  6. Ich empfehle, das Thema "Girlande" in einen neuen Projektordner zu kopieren und es in Ihren neuen Themennamen umzubenennen. Dies wird die Dinge beschleunigen.
  7. Kopieren Sie die Ordner css, js und images in das neue Themenprojekt.
  8. Bearbeiten Sie die INFO-Datei, um CSS- und JS-Dateien zu laden.
  9. Ändern Sie die CSS- und JS-Dateien, um Bilder und andere Dateipfade zu laden, die relativ zu ihnen sind.
  10. Wenn Sie die page.tpl.php Seite an Seite mit Ihrer HTML-Vorlagendatei vergleichen, müssen Sie die Struktur der tpl-Datei so ändern, dass sie der der HTML-Datei entspricht. Achten Sie darauf, keine dynamischen Referenzen zu entfernen.
  11. Test, Fehlerbehebung nach Bedarf.

Es sind viele Schritte, aber es funktioniert. Sie können auch ein Themenframework verwenden, das ein Skelettthema bereitstellt, auf dem Sie aufbauen können. Das einzige Problem dabei ist, dass diese Frameworks manchmal sehr umständlich sind und weit mehr leisten, als benötigt wird. Zen ist weit verbreitet, aber es ist sehr schwerfällig. Weitere Informationen finden Sie auf der Drupal-Website unter drupal.org (Suche nach Themen). Nachfolgend finden Sie einige Links zu einigen Basisthemen.

  • Zen Framework
  • NineSixty (960 Grid System, sehr flexibles Konzept, habe ich aber noch nie benutzt)
  • Fluid Grid (ein weiteres großartiges Konzept, ich habe es in Aktion gesehen und es ist ziemlich schön)

Zum Schluss hier ein Link zu Drupals Theming Guide .

Patrick
quelle
Ich möchte hinzufügen, dass ich seit dem Schreiben dieses letzten Jahres ein 960gs-Basisthema verwende und es ist einfach wunderschön, wie gut es funktioniert. Ich habe es sogar verwendet, um eine online gekaufte Basisvorlage SEHR schnell in ein Drupal-Thema zu verwandeln. Ich bin in das System verliebt und kann es nur empfehlen. Ich bin im Allgemeinen kein Front-End-Typ, kann aber trotzdem die Arbeit erledigen, wenn nötig.
Patrick
Ich möchte hinzufügen, dass Sie erwähnen, dass Sie das Girlandenthema kopieren und dies als Ausgangspunkt verwenden. Ich würde vorschlagen, eines der von Ihnen erwähnten Starterthemen wie Zen zu verwenden (ich würde jemandem empfehlen, Zen zu verwenden, wenn dies das erste Mal ist). Es wurde genau für diesen Zweck entwickelt und wird am Ende zu weniger Hacking und einem flexibleren Thema führen.
cjm2671
1
Zen ist mit viel Overhead verbunden und kann im Vergleich zu einigen Themen mit geringerem Gewicht tatsächlich mehr Verwirrung stiften. Außerdem sind viele der Extras, die es in D6 gab, in irgendeiner Form in Core in D7 verfügbar.
Patrick
Sie können die Website zu erhalten verwenden wget: wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows --no-parent -e robots=off --domains domain.com http://domain.com/path. Folgen Sie dann den Anweisungen in dieser Antwort.
Frazras
4

Ich stimme der Antwort von pthurmond zu, aber ich würde vorschlagen, nicht das gesamte HTML und CSS zu kopieren, sondern es Schritt für Schritt zu tun. Kopieren Sie zuerst den HTML-Code, beispielsweise für das Menü. Kopieren Sie dann das CSS dafür. Verwenden Sie Firebug für den Prozess. Auf diese Weise erhalten Sie nur die wirklich benötigten Dinge. Ich empfehle auch ein Rastersystem der Linie 960.gs, da es sehr flexibel ist und Sie keine Layoutprobleme haben.

Varshith
quelle
1

Auch ich suchte nach einer Möglichkeit, ein WordPress-Theme in Drupal umzuwandeln, fand aber keine einfache Lösung.

Da meine Drupal-Site hauptsächlich aus Textinhalten besteht, habe ich beschlossen, in meiner WP-Site einen Iframe zu erstellen, der die Drupal-Site enthält.

Es sieht so aus, als würde es trainieren. Ich habe die Kopf- und Fußzeile aus der Drupal-Vorlagendatei entfernt und jetzt habe ich nur noch den Body in meiner WP-Site.

Ich muss das CSS auf der Drupal-Site etwas anpassen, freue mich aber sehr auf dieses Hybrid-Design.

Parag
quelle