Jak przekonwertować motyw Wordpress?

11

Poszukałem Google, ale nie znalazłem żadnego automatycznego rozwiązania. Więc zacząłem to ręcznie. Mapowanie plików CSS jest łatwe, ale szukam sposobu na mapowanie bloków / szablonów. Proszę pomóż.

theming użytkownik931
źródło

Odpowiedzi:

16

Nie ma bezpośredniego sposobu, aby to zrobić, ani żadnego sposobu programowego. Jest tak, ponieważ struktury szablonów tak bardzo się różnią. Ale oto kroki, które należy podjąć, aby uzyskać najszybsze konwersje ...

  1. Załaduj motyw w Wordpress, a następnie wyświetl stronę w przeglądarce. (ma to na celu wyodrębnienie podstawowej struktury HTML szablonu).
  2. Wyświetl źródło na stronie, skopiuj cały HTML i upuść w edytorze tekstu. Zapisz w nowym folderze projektu.
  3. Skopiuj pliki CSS i JS do tego nowego folderu projektu. Zalecam używanie do organizacji folderu „css” i folderu „js”.
  4. Skopiuj wszystkie obrazy do tego folderu projektu. Polecam korzystanie z folderu „images”.
  5. Teraz masz szablon podstawowy, który musisz zmienić w motyw dla Drupala. Czas się zająć!
  6. Zalecam skopiowanie motywu „girlanda” do nowego folderu projektu i zmianę jego nazwy na nową nazwę motywu. To przyspieszy sprawę.
  7. Skopiuj foldery css, js i obrazy do nowego projektu motywu.
  8. Edytuj plik .info, aby załadować pliki css i js.
  9. Zmodyfikuj pliki css i js, aby załadować wszelkie obrazy i inne ścieżki plików, aby były względem nich względne.
  10. Korzystając z porównania między page.tpl.php a szablonowym plikiem HTML, musisz przekształcić strukturę pliku tpl, aby była zbliżona do struktury pliku HTML. Uważaj, aby nie usunąć referencji dynamicznych.
  11. Testuj, w razie potrzeby rozwiąż problemy.

To dużo kroków, ale działa. Możesz także użyć szkieletu kompozycji, który zapewnia szkieletowy motyw do zbudowania. Jedynym problemem jest to, że czasami ramy te są bardzo ciężkie i robią o wiele więcej niż jest to potrzebne. Zen jest powszechny, ale jest bardzo ciężki. Możesz znaleźć więcej na stronie Drupal na drupal.org (szukaj motywów). Poniżej znajdują się linki do kilku podstawowych motywów.

  • Zen Framework
  • NineSixty (960 Grid System, bardzo elastyczna koncepcja, ale nigdy go nie użyłem)
  • Fluid Grid (kolejna świetna koncepcja, widziałem to w akcji i jest całkiem niezła)

Wreszcie, jest link do przewodnika tematycznego Drupala .

Patrick
źródło
Chcę dodać, że odkąd piszę w zeszłym roku, używam podstawowego motywu 960gs i jest po prostu piękne, jak dobrze działa. Użyłem go nawet do bardzo szybkiego przekształcenia podstawowego szablonu, który kupiłem online, w motyw Drupala. Jestem zakochany w systemie i bardzo go polecam. Zasadniczo nie jestem facetem od frontu, ale nadal mogę wykonywać pracę w razie potrzeby.
Patrick
Chciałbym dodać, że wspominasz o skopiowaniu motywu girlandy i użyciu go jako punktu wyjścia. Sugeruję użycie jednego z motywów początkowych, o którym wspominasz, takiego jak Zen (polecam, aby ktoś użył Zen, jeśli robi to po raz pierwszy). Został zaprojektowany tylko do tego celu i doprowadzi do o wiele mniej hakowania i bardziej elastycznego motywu na końcu.
cjm2671,
1
Zen wiąże się z dużym obciążeniem i może powodować większe zamieszanie w porównaniu z niektórymi motywami o mniejszej wadze. Plus wiele dodatków, które miał w D6, są dostępne w jakiejś formie w D7.
Patrick
Można użyć wget, aby uzyskać na stronie: 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. Następnie postępuj zgodnie z instrukcjami w tej odpowiedzi.
frazras
4

Zgadzam się z odpowiedzią pthurmonda, ale proponuję nie kopiować całego HTML i CSS, ale krok po kroku. Najpierw skopiuj HTML dla, powiedzmy, menu; następnie skopiuj dla niego CSS. Użyj Firebug do tego procesu. W ten sposób skończysz tylko tak naprawdę wymaganymi rzeczami. Polecam również linię systemową 960.gs, ponieważ jest ona bardzo elastyczna i nie będziesz mieć żadnych problemów z układem.

Varshith
źródło
1

Ja również szukałem sposobu na konwersję motywu WordPress na Drupal, ale nie znalazłem łatwego rozwiązania.

Ponieważ moja witryna Drupal zawiera głównie treść tekstową, postanowiłem utworzyć ramkę iframe w mojej witrynie WP zawierającej witrynę Drupal.

Wygląda na to, że będzie trening. Usunąłem nagłówek i stopkę z pliku szablonu Drupal, a teraz wszystko, co mam, to ciało w mojej witrynie WP.

Będę musiał trochę dostosować CSS na stronie Drupal, ale naprawdę nie mogę się doczekać tego hybrydowego projektu.

Parag
źródło