Wordpressテーマを変換するにはどうすればよいですか?


11

Googleで検索しましたが、自動化されたソリューションは見つかりませんでした。だから、私はそれを手動で開始しました。CSSファイルのマッピングは簡単ですが、ブロック/テンプレートをマッピングする方法を探しています。助けてください。

回答:


16

直接的な方法も、プログラムによる方法もありません。これは、テンプレートの構造が大きく異なるためです。しかし、最も速い変換のためにあなたがとるべきステップは次のとおりです...

  1. Wordpressでテーマを読み込み、ブラウザでサイトを表示します。(これの目的は、テンプレートの基本的なHTML構造を抽出することです)。
  2. ページでソースを表示し、すべてのHTMLをコピーしてテキストエディターにドロップします。新しいプロジェクトフォルダーに保存します。
  3. CSSとJSファイルをこの新しいプロジェクトフォルダーにコピーします。組織には「css」フォルダーと「js」フォルダーを使用することをお勧めします。
  4. すべての画像をこのプロジェクトフォルダーにコピーします。「images」フォルダの使用をお勧めします。
  5. これで、Drupalのテーマに変換するために必要な基本テンプレートができました。忙しくする時間!
  6. 「ガーランド」テーマを新しいプロジェクトフォルダにコピーし、新しいテーマ名に名前を変更することをお勧めします。これは物事をスピードアップします。
  7. css、js、およびimagesフォルダーを新しいテーマプロジェクトにコピーします。
  8. .infoファイルを編集して、cssおよびjsファイルをロードします。
  9. cssおよびjsファイルを変更して、イメージおよびその他のファイルパスをロードして、それらに関連するようにします。
  10. page.tpl.phpとテンプレートhtmlファイルを並べて比較する場合、tplファイルの構造をhtmlファイルの構造に近くなるように変換する必要があります。動的参照を削除しないように注意してください。
  11. テストし、必要に応じてトラブルシューティングします。

その多くのステップが、それは動作します。構築するスケルトンテーマを提供するテーマフレームワークを使用することもできます。これの唯一の問題は、これらのフレームワークが非常に重く、必要以上に多くの処理を行う場合があることです。禅は一般的なものですが、非常に重い利き手です。drupal.orgのDrupal Webサイトで詳細を確認できます(テーマの検索)。以下は、いくつかの基本テーマへのリンクです。

  • Zenフレームワーク
  • NineSixty(960グリッドシステム、非常に柔軟なコンセプト、私は一度も使ったことがない)
  • Fluid Grid(もう一つの素晴らしいコンセプト、私はこれを実際に見てきました。

最後に、Drupalのテーマガイドへのリンクがあります


昨年の執筆以来、960gsのベーステーマを使用しており、それがどれだけうまく機能しているかを付け加えたいと思います。それを使って、オンラインで購入した基本的なテンプレートを非常に迅速にDrupalテーマに変えました。私はこのシステムが大好きなので、強くお勧めします。私は一般的にフロントエンドの人ではありませんが、必要に応じて仕事をすることができます。
パトリック

追加したいのですが、ガーランドのテーマをコピーし、これを出発点として使用することに言及しています。Zenなどのスターターテーマの1つを使用することをお勧めします(これが初めての場合は、誰かがZenを使用することをお勧めします)。これはまさにこの目的のために設計されており、最終的にはハッキングがはるかに少なくなり、テーマがより柔軟になります。
cjm2671

1
Zenには多くのオーバーヘッドが関係しており、実際には、いくつかの軽量テーマと比較すると、より多くの混乱を引き起こす可能性があります。さらに、D6に含まれていた多くの追加機能は、D7のコアで何らかの形で利用できます。
パトリック

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。次に、この回答の指示に従ってください。
フラズラ

4

pthurmondの答えに同意しますが、HTMLとCSS全体をコピーするのではなく、段階的にコピーすることをお勧めします。たとえば、メニューのHTMLを最初にコピーします。その後、CSSをコピーします。プロセスにFirebugを使用します。この方法では、本当に必要なものだけになります。また、グリッドシステムライン960.gsをお勧めします。これは非常に柔軟性があり、レイアウトの問題が発生しないためです。


1

私もWordPressテーマをDrupalに変換する方法を探していましたが、簡単な解決策は見つかりませんでした。

私のDrupalサイトはほとんどがテキストコンテンツであるため、Drupalサイトを含むWPサイト内にiframeを作成することにしました。

運動するようです。Drupalテンプレートファイルからヘッダーとフッターを削除しましたが、WPサイト内の本文のみが残っています。

DrupalサイトでCSSを少し調整する必要がありますが、このハイブリッドデザインが本当に楽しみです。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.