HTMLからWordPressへの変換(ステップバイステップ)


HTMLをWordPressに変換する純粋なHTMLで構築されたサイトからWordPressへの道のりは短いものではありませんでした。オールテキストエクスペリエンスから、ウェブデザインは非常にインタラクティブなウェブプレゼンスに移行しました。それに加えて、マークアップを自分で書く必要はありませんが、コンテンツ管理システムに大きな負担をかけることができます.


ただし、これは静的HTML Webサイトが存在しなくなったことを意味するものではありません。実際、マークアップ言語の最新版であるHTML5は非常に強力であり、CMSを使用せずに高品質のWebサイトを構築できます。.

それでも、WordPressの市場シェアの拡大は、ますます多くの人々がプラットフォームに切り替えていることを示しています.

2019年のワードプレス市場シェア

それらのいくつかにとって、それは静的なHTMLからWordPressへの移行を意味します。これは困難な作業になる可能性がありますが、この投稿ではいくつかの簡単な方法でそれを行う方法を説明しようとしています.

以下では、HTMLからWordPressに変換する方法をいくつか紹介します。まず、さまざまなオプションとその長所と短所を学びます。その後、それらを段階的に実行する方法を示します.

さあ行こう.

Contents

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

HTMLからWordPressに移行するには、HTMLデザインをWordPressテーマに変換する必要があります。テーマはWordPress Webサイトの外観と感覚を制御し、機能はCMS自体と追加のプラグインによって提供されます.

切り替えるには、いくつかのオプションがあります。どちらが適切かは、投資できる時間とお金、投資意欲、コーディングスキル、個人的な好みなどの要因によって異なります。以下は主なオプションです.

A)HTMLを手動でWordPressテーマに変換する

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

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

欠点:WordPressのテーマが機能することになりますが、WordPressが提供するすべての機能が含まれるわけではありません。たとえば、事後に構築しない限り、サイトにはウィジェット領域がないか、WordPressバックエンドからメニューを変更する機能がありません。.

サイトは機能しますが、WordPressで完全に管理することはできません。そのため、私たちは個人的に次のオプションを好みます.

B)HTMLからWordPress子テーマを介したWordPress

私たちの意見では、これはおそらく努力と金銭投資の点で最も簡単で合理的な道です。既存のサイトを出発点として使用する代わりに、既製のWordPressテーマを使用します。次に、デザインだけを調整して、古いウェブサイトに似せます。.

そうすることで、古いサイトの外観を維持しながら、WordPressを最大限に活用できます。また、後でWordPressの機能を追加する必要もありません。代わりに、既存のテーマ(WordPressプラットフォームが明示的に作成されたもの)に基づいて構築できます。.

C)プラグインを使用してHTMLからWordPressにコンテンツをインポートする

言うまでもなく、現在のデザインを使用することを強く求めず、それを変更することにオープンであれば、物事はさらに簡単になります。その場合、必要なのは、サイトをセットアップし、テーマをインストールし、HTMLコンテンツをインポートすることだけです。以下に示すように、これは非常に迅速で痛みのないプロセスです.

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

目標がゼロから始めて、既存のHTML Webサイトに似た独自のWordPressテーマを作成する場合は、ここから始めます.

威圧的に聞こえても心配する必要はありません。ほんの数個のファイルとフォルダ、およびいくつかのコピーと貼り付けだけで十分です.

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

まず、新しいテーマフォルダを作成する必要があります。コンピュータ上のディレクトリの場合と同じように、デスクトップ上でそれを行うことができます。テーマに名前を付けたい名前を付けます.

その後、コードエディターに移動し、いくつかのテキストファイルを作成します。それらに次の名前を付けます。

  • style.css
  • index.php
  • header.php
  • sidebar.php
  • footer.php

まだ何もしないでください。ファイルはエディタで開いたままにしておきます。すぐに必要になります.

2.既存のCSSをWordPressスタイルシートにコピーする

WordPressスタイルシート(ファイルstyle.css 作成した)古いサイトのCSSをそこにコピーします。そのために、ファイルを開いて次を貼り付けます。

/ *
テーマ名:Twenty Thirteen
テーマURI:http://wordpress.org/themes/twentythirteen
著者:WordPressチーム
著者URI:http://wordpress.org/
説明:WordPressの2013年のテーマは、ブログに戻ります。さまざまな投稿形式があり、それぞれが独自の方法で美しく表示されています。鮮やかな配色と一致するヘッダー画像、美しいタイポグラフィとアイコン、そして大小を問わずあらゆるデバイスで見栄えがよくなる柔軟なレイアウトから始めて、デザインの詳細はたくさんあります.
バージョン:1.0
ライセンス:GNU General Public License v2以降
ライセンスURI:http://www.gnu.org/licenses/gpl-2.0.html
タグ:ブラック、ブラウン、オレンジ、タン、ホワイト、イエロー、ライト、1列、2列、右サイドバー、フレキシブル幅、カスタムヘッダー、カスタムメニュー、エディタースタイル、フィーチャー画像、マイクロフォーマット、ポストフォーマット、rtl-language-support、sticky-post、翻訳対応
テキストドメイン:二十一

* /

これはいわゆるスタイルシートヘッダーです(重要:コメントを残さないでください)/*...*/ タグアウト!)。次のように各部分に入力します。

  • テーマ名 —ここにテーマの名前を示します。何でもかまいませんが、通常はテーマフォルダの名前と同じです.
  • テーマURI —通常はここにテーマのホームページを投稿しますが、独自のサイトアドレスを使用することもできます.
  • 著者 – それはあなたです。ここにあなた自身の名前またはあなたが呼びたいものを入れてください.
  • 著者URI —ホームページへのリンク。それはあなたが構築しているものでも、意味のあるものでも構いません.
  • 説明 —テーマのオプションの説明。これはWordPressバックエンドに表示されます.
  • バージョン —テーマのバージョン。あなたはそれを公開していないので、それは本当に重要ではありません。ここには通常1.0を入れます.
  • ライセンス、ライセンスURI、タグ —これらは、テーマを提出する予定がある場合にのみ重要です。 WordPressテーマディレクトリ. この場合は省略できます。完了のために含めただけです。.

ヘッダーの後に、静的HTML Webサイトから既存のCSSをコピーして貼り付けます。次に、ファイルを新しいテーマフォルダーに保存して閉じます。残りに移動する時間.

3.既存のHTMLを分離する

次の部分では、WordPressは通常PHPを使用してデータベースから情報をプルすることを理解する必要があります。そのため、CMSが適切にまとめられるように、既存のHTMLをさまざまな部分に切り分ける必要があります。.

これは複雑に聞こえますが、HTMLドキュメントの一部をコピーして複数のPHPファイルに貼り付けるということだけが意味されます。これをよりよく示すために、以下に示す簡単なサンプルページをまとめました。.

htmlからwordpressのサンプルページ

ご覧のとおり、これはヘッダー、コンテンツ領域、サイドバー、フッターを含む非常に標準的なHTMLテンプレートです。付随するコードはこれです:





ウェブサイトのタイトル







ウェブサイトのタイトル

  • ナビゲーションアイテム#1
  • ナビゲーションアイテム#2
  • ナビゲーションアイテム#3

記事のタイトル

ロレム・イプサム・ドーラーは座り心地がよく、僧侶は外交的エリートです。 Aliquam sodales urna non odio egestas tempor。 Nunc vel vehicula ante。 Etiam bibendum iaculis libero、eget molestie nisl pharetra in。semper consequat est、eu porta velit mollis nec.

小見出し

ロレム・イプサム・ドーラーは座り心地がよく、僧侶は外交的エリートです。 Aliquam sodales urna non odio egestas tempor。 Nunc vel vehicula ante。 Etiam bibendum iaculis libero、eget molestie nisl pharetrain。semperconsequat estでは、eu porta velit mollis nec。 Curabitur posuere enim eget turpis feugiat tempor。 Etiam ullamcorper lorem dapibus velit suscipit ultrices。 Est sed erat facilisis pharetraのProin.

小見出し

ロレム・イプサム・ドーラーは座り心地がよく、僧侶は外交的エリートです。 Aliquam sodales urna non odio egestas tempor。 Nunc vel vehicula ante。 Etiam bibendum iaculis libero、eget molestie nisl pharetrain。semperconsequat estでは、eu porta velit mollis nec。 Curabitur posuere enim eget turpis feugiat tempor。 Etiam ullamcorper lorem dapibus velit suscipit ultrices。 Est sed erat facilisis pharetraのProin.

デザインが異なる場合は、以下の手順を多少調整する必要があるかもしれません。ただし、全体的なプロセスは同じです。.

まず、現在の index.html (HTMLサイトのメインファイル)。その後、新しく作成したWordPressファイルを確認し、次のファイルをそれらにコピーします(以下の例は私のマークアップです):

header.php

HTMLファイルの先頭からメインコンテンツ領域までのすべて(通常は

または

)がこのファイルに入ります。それに加えて、それが言うところの直前, コピーアンドペースト . これは多くのWordPressプラグインが適切に機能するために重要です.




ウェブサイトのタイトル






ウェブサイトのタイトル

  • ナビゲーションアイテム#1
  • ナビゲーションアイテム#2
  • ナビゲーションアイテム#3

sidebar.php

セクションに属するすべて

その後、あなたは終わりです index.html それを閉じることができます。他のすべてのファイルをテーマフォルダに保存し、以下を除いて閉じます header.php そして index.php. あなたは彼らとやらなければならない仕事がまだあります.

4.「WordPressify」Header.phpおよびIndex.php

ヘッダーについては、スタイルシートの呼び出しをHTMLからWordPress形式に変更するだけです。これを行うには、既存のリンクを セクション。次のようになります。

これに置き換えてください:

保存して閉じることができます header.php. 次に、 index.php. 現時点では空のはずです。したがって、まず、次のコード行をコピーして貼り付けます。




これらは、サイトの残りの部分を含む他のファイルの呼び出しです。ヘッダーの呼び出しとサイドバーの間にスペースがあることに気付くでしょう。追加する場所です ループ.

後者は、CMSがバックエンドで作成されたコンテンツを出力するWordPressの一部です。 WordPressでコンテンツを動的にページに追加したい場合は、後でインポートすることが重要です。そのために、これを直後にここに貼り付けます


今、保存します index.php ファイルし、それを閉じます。よくやった!基本的なテーマが完成しました。これで、新しいWordPressサイトに追加できます.

5.スクリーンショットを作成してテーマをアップロードする

次に、テーマのスクリーンショットを追加します。このスクリーンショットは、スタイルシートヘッダーの情報とともに、WordPressバックエンドでウェブサイトのプレビューとして機能します.

そのためには、ブラウザで既存のサイトを開き、好みの方法でスクリーンショットを撮ります。その後、お好みの画像編集ソフトウェアを開き、880×660ピクセルにトリミングします。名前を付けて保存 screenshot.png テーマフォルダーに追加します。これで、テーマをアップロードする準備ができました.

新しいテーマをWordPressサイトに取り込むには、いくつかのオプションがあります。ただし、前提条件は、すべてのファイルがテーマフォルダー内にあることです。.

最初のオプションは、そこからzipファイルを作成することです。その後、WordPressサイトに移動し、次に 外観>テーマ. ここをクリック 新しく追加する 一番上に テーマをアップロード.

変換されたテーマをアップロード

次のメニューで、ボタンを使用してzipファイルの場所を参照します。マークしてクリック 開いた, その後 今すぐインストール. 完了したら、テーマをアクティブにします.

または、FTP経由でサーバーに接続して(またはハードドライブのローカルディレクトリに移動して)、次の場所に移動することもできます。 wp-content / themes. 次に、(解凍された)テーマフォルダーをそこにアップロードします。その後、以前と同じ場所からテーマをアクティブ化します.

いいね!これで、新しいサイトのフロントエンドは古いサイトのようになります。 HTMLからWordPressへの移行を完了するには、既存のコンテンツをインポートするだけです。これについては、既存のWordPressテーマの使用について説明するときに、以下で詳しく説明します.

ただし、基本的なテーマは機能しているものの、HTMLをWordPressとよりよく統合するためにできることは他にもあることに注意してください。これも ブログのタイトルと説明を編集可能にする, ウィジェット領域の追加, コメントなど。コンテンツは画像のような元のデザインの一部ではないため、CSSマークアップを追加する必要がある場合もあります。.

大変な作業なので、個人的には、すでにそのすべての機能を備えており、設計変更のみが必要なソリューションを使用したいと考えています。それが次にお見せするものです.

B)HTMLからWordPress子テーマを介したWordPress

上記が強すぎると思われる場合は、次の方法の方が管理しやすいかもしれません。元のデザインを維持したまま、何千もの既存のWordPressテーマを利用できます.

それは、いわゆる子テーマを使用することによるものです。これらのテーマは、独立したものではなく、ニーズに合わせて親テーマを変更するだけの別のテーマ(親)の上に構築されます。ちょっとした探偵の仕事が必要ですが、やるのは簡単です.

1.適切なテーマを選ぶ

最初のステップは、デザインのベースとなる適切なテーマを選択することです。そのため、既存のデザインに近いテーマを見つけるか、テーマフレームワークまたはスターターテーマを使用すると、どちらもカス​​タムテーマのベースとして機能するようになります。.

チェック WordPressテーマディレクトリ, 素晴らしいテーマのリストまたは調査 プレミアムテーマ 適切な候補者を見つけるため。いくつかの検索の後、私たちは 20 12 テーマは、HTMLからWordPressへの移行の良い出発点になります。通常、最新のものを選択しますが、それは私たちが取り組んでいるシンプルなデザインとうまく合います.

選択したら、テーマをインストールするのと同じように、WordPress Webサイトにテーマをインストールします。それをアクティブにする必要はありません。すでに述べたように、作業を行うための基盤を提供するためだけに存在します。残りは子テーマで起こります.

2.新しいフォルダを作成します

以前の方法と同様に、子テーマについては、テーマフォルダーを作成する必要があります。ここに属しているすべてのファイルを配置します.

子テーマを作成するときは、通常、フォルダーに親テーマと同じ名前を付け、 -子. したがって、子テーマはTwenty Twelveテーマに基づいているので、そのディレクトリを 十二子.

どのような名前を選択しても、スペースが含まれないようにしてください。この方法では機能しません。.

3.スタイルシートを設定する

子テーマにもスタイルシートが必要です。これは、上で作成したスタイルシートとほぼ同じように機能します。ただし、ヘッダーは少し異なり、含まれるコードは少なくなります.

後ほど、後ほど説明します。とりあえず、いつもの style.css そして、それをテーマフォルダに置きます。次に、以下を追加します。

/ *
テーマ名:Twenty Fifteen Child
テーマURI:http://example.com/twenty-fifteen-child/
説明:二十五子供のテーマ
作成者:John Doe
著者URI:http://example.com
テンプレート:二十五
バージョン:1.0.0
ライセンス:GNU General Public License v2以降
ライセンスURI:http://www.gnu.org/licenses/gpl-2.0.html
タグ:ライト、ダーク、2列、右サイドバー、レスポンシブレイアウト、アクセシビリティ対応
テキストドメイン:25子
* /

ご覧のとおり、これは前に使用したスタイルシートヘッダーと非常に似ていますが、1つ例外があります。 テンプレート 鬼ごっこ.

そのセクションでは、親として機能するテーマの名前を入力する必要があります。それがないと、子のテーマは機能しません。これを回避するには、親のフォルダ名を入力してください。したがって、Twenty Twelveの場合、それは テンプレート:二十一.

4. Functions.phpを作成し、親スタイルを継承する

スタイルシートとフォルダーだけで、子テーマをアクティブ化することはすでに可能です。ただし、現在のところ、サイトはスタイルを設定していないHTMLページのように見えるため、これはあまり効果がありません。.

これを変更するには、最初に親のスタイルを継承する必要があります。そのためには、 functions.php. このファイルは、WordPressインストールの重要な部分であり、Webサイトに大幅な変更を加えることができます。.

ただし、この場合は、親のスタイリングを呼び出すためにのみ使用します。そのためには、新しいファイルを作成して呼び出します functions.php. 最初に追加する最初のものはこれです:

PHPの開始タグがあれば、ファイルは理論的には準備ができていますが、まだ何もしません。したがって、さらにこれを入力する必要があります:

function child_theme_enqueue_styles(){

$ parent_style = '親スタイル';

wp_enqueue_style($ parent_style、get_template_directory_uri()。 '/style.css');
wp_enqueue_style( '子スタイル',
get_stylesheet_directory_uri()。 '/style.css',
配列($ parent_style),
wp_get_theme()-> get( 'バージョン')
);
}
add_action( 'wp_enqueue_scripts'、 'child_theme_enqueue_styles');

このコードは、WordPressにテンプレートディレクトリ(親テーマ)に移動し、そこに含まれているスタイルを使用するように指示します。また、子テーマを使用してテーマを変更することもできます(詳細は後ほど).

5.子テーマをアクティブ化

この時点で、子テーマはアクティブ化する準備ができています.

必要に応じて、上記の手順のようにスクリーンショットを追加できます。それを除いて、あなたはそれを圧縮してWordPressに追加することができます 外観>テーマ>新規追加>テーマのアップロード または、フォルダをそのまま追加するだけで wp-content / themes.

どちらの場合も、テーマをアクティブにすると、サイトは親のように見えるはずです.

6.デザインを調整する

ここで、前述の探偵の仕事が始まります。ここで、既存のテーマのデザインを変更して、元のHTMLサイトに似せるようにします。.

たとえば、最初に目立つのは、WordPressテーマにより、ヘッダーの上とフッターの下に、HTMLサイトにはないスペースが追加されることです。.

子テーマのサンプルページを介してhtmlからワードプレスに

これを修正するには、HTMLサイトを ブラウザ開発者ツール 責任のあるマークアップを見つける。そうすると、次のようになります。

体 {
マージン:0;
}

次に、これらのスタイルを見つける私の新しいWordPressテーマでも同じことを行います。

本文.site {
margin-top:48px;
margin-top:3.428571429rem;
margin-bottom:48px;
margin-bottom:3.428571429rem;
}

私の目的は、HTMLサイトからWordPressテーマにスタイルを適用することです。この場合、子テーマに以下を追加するだけでこれを実現できます。 style.css

本文.site {
マージン:0自動;
}

保存後、WordPressテーマには新しいスタイルが適用されます。

子テーマを介してワードプレスにHTMLを編集したサンプルページ

これは、子テーマのスタイルシートに追加すると、親のスタイルが上書きされるためです。ただし、残りのマークアップは変更されないため、関連するもののみを変更できます.

さらに、HTML5テンプレートをスターターとして使用し、最新のWordPressテーマを親として使用している場合、基本的なマークアップの多くが対応するため、作業がはるかに簡単になります.

学ぶことができる子テーマでできることはもっとたくさんあります ここに. デザインの調整が完了したら、コンテンツをインポートします。今から始めましょう.

C)プラグインを使用してHTMLからWordPressにコンテンツをインポートする

最後に、HTMLからWordPressへの移行のリストでは、既存のテーマをそのまま使用し、コンテンツをHTMLサイトからそれに単に移行しています。これが最も簡単な方法です。必要なのは、選択したテーマをインストールしてアクティブ化することです(これまでにその方法を知っていると想定しています)。次に、以下の手順に従います。.

ちなみに、このプロセスはそれほど難しくはありませんが、問題が発生する可能性があります。そのため、使用する前に、WordPressサイトを必ずバックアップしてください。.

1.インポートプラグインをインストールする

あなたがする必要がある最初のことはプラグインをインストールすることです HTMLインポート2. これを達成する最も簡単な方法は、 プラグイン>新規追加 名前で検索します。リストでそれを見つけたら(一番下にある可能性があります)、クリックします 今すぐインストール. 完了したら有効にしてください.

htmlからwordpressへのインポートプラグイン

2.インポートを準備する

一度に複数のページをインポートするには、それらをWordPressインストールと同じサーバーにアップロードする必要があります。プラグインは次のようなものを提案します インポートするhtmlファイル  フォルダ名ですが、好きなものを選択できます。パス名を覚えておいてください.

以下に示すように、単一のページを1つずつインポートすることもできます。どちらの方法でも、WordPressにアクセスして 設定> HTMLインポート. ここでは、最も基本的な設定について説明します。追加情報が必要な場合や不明な点がある場合は、 公式ユーザーガイド.

ファイル

htmlからwordpressへのインポートファイル

この画面を次のように構成します。

  • インポートするディレクトリ —既存のファイルをコピーした先のパスを入力します.
  • 古いサイトのURL —リダイレクトに使用されます。古いURLを入力してください。これについては、この記事の後半で再度扱います。.
  • デフォルトのファイル -古いサイトのディレクトリのデフォルトファイル、通常は index.html.
  • 含めるファイル拡張子 —インポートするファイルの拡張子.
  • 除外するディレクトリ —古いサイトにインポートしたくないディレクトリがある場合は、ここに入力します.
  • ファイル名を保持 —プラグインがファイル名を新しいURLとして自動的に使用するようにするには、このチェックボックスをオンにします。これは、タイトルが非常に長い場合に意味があります。通常、インポーターはそれらを使用してスラッグを作成するためです。.

コンテンツ

コンテンツの下で、サイトコンテンツを含むHTMLタグを設定する必要があります.

htmlからwordpressへのインポートコンテンツ

それを行うには、オプションを選択します HTMLタグ 頂点で。次に、次の3つのフィールドでタグを構成します。たとえば、コンテンツがというタグに含まれている場合

, 入力する情報は div, id そして メイン.

このページの他の設定は一目瞭然で、画像、ドキュメントのインポート、内部リンクの更新などが可能です。.

タイトルとメタデータ

htmlからwordpressへのインポートのタイトルとメタデータ

この部分は、前のコンテンツ部分と似ています。ただし、ページのタイトルを扱っています。最初に、HTMLテンプレートでタイトルをマークする方法をプラグインに指示して、適切な場所にインポートできるようにする必要があります。.

さらに、WordPressテーマでデフォルトで表示されることが多いサイトタイトルなどの冗長なものを除外できます。タイトルがコンテンツ内にある場合は、インポーターにそれらを削除して2回含まれないように指示することもできます。.

重要なのは、投稿やページなどの古いコンテンツをインポートするかどうかを決定することです。残りは説明不要で、新しいページのWordPress設定を構成できます.

カスタムフィールド

htmlからwordpressへのカスタムフィールドのインポート

カスタムフィールドにインポートする必要があるデータがある場合は、これをここで構成できます.

カテゴリーとタグ

htmlからwordpressへのインポートカテゴリとタグ

ここで、インポートしたコンテンツにカテゴリ、タグ、投稿フォーマットを割り当てることができます。プラグインは、このステップを簡単にするために、サイト上の既存の分類法を表示します.

ツール

htmlからwordpressへのインポートツール

この画面には、HTMLからWordPressに正常にインポートするためのいくつかの便利なツールが一覧表示されます.

3.インポートを開始

完了したら、設定を保存します。これにより、 ファイルをインポートする ボタン。クリックして始めましょう.

htmlからwordpressへのインポート

(注:ここから入手することもできます ツール>インポート そしてピッキング インポーターを実行HTML オプション。)

次に、ファイルのディレクトリをインポートするか単一のファイルをインポートするかを選択し(参照する必要があります)、次に 参加する. その後、プラグインが機能します.

完了したら、WordPressサイトにすべての既存のコンテンツがあり、新しいテーマでフォーマットされているはずです。または、他のルートのいずれかを使用した場合、サイトは以前のHTML Webサイトと基本的に同じに見えるはずです。うまくやった!

追加のステップ

静的HTML Webサイトがあった場所と同じ場所にWordPressサイトを展開する予定がある場合は、完了する前に行う必要があることがいくつかあります。.

1つ目は、新しくインポートした投稿とページのURLをチェックして、検索エンジンに対応していることを確認することです(つまり、ランク付けするキーワードを含めます)。非常に簡単です。ページまたは投稿に移動して、タイトルの下のURLを確認してください。.

htmlからwordpressへのインポート後にパーマリンクをチェックする

変更するには、 編集する 右側で、選択したURLに変更し、 OK.

2つ目は、古いURLから新しいURLへのリダイレクトを実装することです。そうすれば、既存のSEOの価値を失うことはありません.

HTMLプラグインで古いサイトアドレスを入力した場合は、リダイレクトコードが作成されます。これをコピーしてファイルに貼り付けることができます.htaccess サーバーに常駐します(通常はルートディレクトリにあります).

FTP経由でアクセスしますが、デフォルトでは表示されないため、隠しファイルの表示を有効にする必要がある場合があります。次に編集します .htaccess ルールを入力.

URLを変更しない場合にのみ機能することに注意してください。カスタムリダイレクトを設定しておらず、設定する必要がある場合は、 リダイレクトプラグイン. これは非常に快適なソリューションで、サイトに存在しないURLに誰かがアクセスしたときにも追跡します。そうすれば、それらのリンクにもリダイレクトを実装できます.

HTMLからWordPressへの移行に成功しましたか?

以上です。静的HTMLサイトをWordPressに変換する方法を学びました。その結果、あなたはウェブ上で最大のコミュニティの1つになり、何千ものリソースにアクセスしてサイトをさらに改善することができました.

上記で選択したソリューションに応じて、WordPressがどのように機能するかについての印象をすでに得ています。ここからは、WordPressプラットフォームを使用してウェブサイトを作成し、さらに深く掘り下げることが非常に簡単です。この分野でさらにヘルプが必要な場合は、このサイトにたくさんの情報があります。次の方法を学習できます。

  • WordPressを段階的にカスタマイズする
  • サイトをHTTPからHTTPSに移動する
  • WordPressにカスタムフォントを追加する
  • WordPressウェブサイトを高速化する
  • お問い合わせフォームをWordPressサイトに追加する

それとは別に、新しく作成されたWordPressウェブサイトでの幸運を祈っています。私たちと同じくらいWordPressでの作業を楽しんでください.

サイトをHTMLからWordPressに移行しましたか?どうでしたか?追加するヒントはありますか?下のコメント欄でお知らせください.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map