HTML WebサイトをWordPressテーマに変換する方法は?

公開: 2021-08-11

HTMLをWordPressに変換する

HTMLをWordPressに変換する手順

ご存知のように、WordPressのWebサイトはユーザーフレンドリーであり、オンラインでより多くの露出を与えることができるため、今日の人々はHTMLよりもWordPressに移行しています。

HTMLをWordPressに変換するには、体系的なアプローチが必要です。 自分で運ぶことはできません。 HTMLとWordPressテクノロジーの展開に専門知識を持っている開発者の助けを借りる必要があります。

HTMLをWordPressWebサイトに変換するには、両方のプラットフォームで完璧なスキルを持っている必要があります。そうしないと、1つのコードが欠落しているとレイアウト全体が破壊される可能性があります。

何年も前、Webデザイナーは静的なHTMLWebサイトを作成していました。 しかし、Webテクノロジーの急速な発展により、そのようなWebサイトは現在廃止されています。

多くのWebブラウザでは表示が悪く、モバイルデバイスに反応しないなどです。一方、静的サイトが大きくなると、HTML形式での管理が困難になります。 したがって、高度なCMSへの転送は避けられない必要性になります。

多くの理由から、ほとんどの人は静的なWebサイトをWordPressプラットフォームに持ち込むのが大好きです。 HTML WebサイトをWordPressプラットフォームに移行したい場合は、HTMLからWordPressへの変換サービスが役に立ちます。

HTMLからWordPressCMSへのWebリソースのスムーズな移行を容易にします。

したがって、このチュートリアルでは、選択したHTMLテーマ、または現在オンラインで利用可能なテーマを変換する方法について詳しく説明します。

静的HTMLからWordPressに移行する3つの方法

HTMLからWordPressに移行するには、HTMLをWordPressテーマに変更する必要があります。

テーマはWordPressWebサイトの外観と雰囲気を制御し、機能はCMS自体と追加のプラグインによって提供されます。

1.「HTMLからWordPressテーマ」への手動会話

最初のオプションも最も技術的です。 このルートを使用する場合は、既存のコードを使用して、WordPressテーマファイルを作成するための開始点として使用します。

特にコーディングの経験がある場合は、それほど複雑ではありません。 HTML、CSS、およびPHPの知識が少しあれば、それを実現できます。 その多くはコピーアンドペーストです。

欠点:WordPressテーマが機能するようになりますが、WordPressが提供するすべての機能を備えているわけではありません。

たとえば、事後にビルドしない限り、サイトにはウィジェット領域がないか、WordPressバックエンドからメニューを変更する機能がありません。

2.子テーマを介したHTMLからWordPressへ

私の意見では、これはおそらく努力と金銭的投資の観点から最も簡単で最も合理的な道です。

既存のサイトを出発点として使用する代わりに、既製のWordPressテーマを使用します。 次に、古いWebサイトに似るように、そのデザインのみを調整します。

また、後でWordPress機能を追加する必要はありません。 代わりに、WordPressプラットフォームが明示的に作成された既存のテーマに基づいて構築することができます。

3.コンテンツ全体をHTMLからWordPressにインポートします

現在のデザインを使用することを主張せず、それを変更することにオープンである場合、物事はさらに簡単になります。 その場合は、サイトを設定し、テーマをインストールして、HTMLコンテンツをインポートするだけです。

HTMLをWordPressテーマに手動で変換する方法

1)テーマフォルダと基本ファイルを作成する

都合に合わせてHTMLコードを操作する前に、最初に必要なもののリストを作成してください。 これらは次のとおりです。

デスクトップ上のテーマフォルダ。 好きな名前を付けることができます。
必要なファイルを同じ形式で用意しますが、その内容を気にしないでください。 今は空のままにしておきます。
o sidebar.php
o footer.php
o Index.php
o Style.php
o header.php

さらに、WebサイトのHTMLサイトマップをWordPressプラットフォーム全体のテーマのサイトマップに置き換える主な目的のために、これらのファイルを次々に調べて書き込む必要があります。

2)既存のCSS、Javascript、および画像ファイルをすべて新しいフォルダーにコピーします

デスクトップに.phpファイルと一緒にテーマフォルダーを作成したので、今度は、WordPress Webサイトのテーマで紹介したい、CSS、JavaScript、および/または必要な画像に関連するすべてのファイルをコピーして貼り付ける必要があります。 。

CSS画像JS転送

さらに、CSSコードをStyle.phpシートにコピーすることもできます。 ただし、一度、以下のスナップに記載されているこれらのコードをStyle.phpにコピーする必要があります。 次に、Style.cssファイルから残りのコードをコピーして貼り付けることができます。

style-css

3)他のPHPファイルのHTMLコードをさらに分割する

すべてのHTMLにはヘッダー、インデックス、フッターがあり、それぞれの.phpファイルにシフトする必要があります。 そうは言っても、HTMLコードをブロックに分割することができます。これらのブロックは、後でWordPressサイトのテーマを作成して実行するために必要になります。

PHPへのHTMLコード

メインのindex.htmlファイルからHTMLをコピーし、他の同様のファイルと一緒にデスクトップにあるheader.phpファイルに貼り付けます。

HTMLをWordPressに変換する

後でHTMLをビジネス、結婚式、写真、イベント管理、個人の日記などのWordPressテーマに変換するときに変更が機能するように、適切なコンテンツを適切な場所にコピーして貼り付けてください。

理解を深めるために、下の画像を確認し、すべてをコピーしてheader.phpシートに貼り付けてください。

HTMLからWordPressへ

同様に、 index.htmlファイルからWebサイトのページのフッターとコンテンツの本体をコピーします。 その後、 footer.phpindex.phpに貼り付けます。

HTMLドキュメントファイルからのフッター素材のコピーと貼り付けについては、スクリーンショットを確認してください。

HTML文書化

同様に、HTML本文のコンテンツをindex.phpファイルにコピーするには、コピー元の手順を開始しますの終わりまで