前回はHTMLサイトをWordpressに移行するための作業の前半部分、既存のHTMLファイルからベースとなるWordpressテーマを作るところまでの流れをざっと書きました。ここからは肝心な作り込みに入っていきます。今回も自分の覚書風に書いていくので分かりにくいところがあるかと思います。あまりに意味不明だったり、間違ってるよ?というところがあったらコメントあるいはお問い合わせからご連絡いただけると嬉しいです。リダイレクト設定(必要な場合)大まかな流れここからはHTMLサイトを公開状態にしたまま、裏でWordpress版のサイトを作成していく。Wordpress版が完成したところで切り替え作業を行い、Wordpress版のサイトを公開する。前提条件としては、以下のような環境で移行作業を進めて行く。独自ドメインのサブドメイン)でHTMLサイトを運営WordPressインストールが可能なサーバーを利用しているサーバーにWordpressをインストールし、前回の作業で作成したテーマをアップロード。サーバー上で作り込み&デバッグ作業をガンガン進めていく。ローカルで作り込んでからサーバーにアップしたい場合は、以下の作業のX~Xまでをローカル環境に構築したWordpressで行い、最後にサーバーにアップする。インストールからWordPressの設置までやってみる。XAMPPを使ってローカル環境にWordPressをインストールする方法WordPressをサーバーにインストールするHTMLサイトを運営しているサーバーにWordpressをインストール。このとき、HTMLサイトのファイル類が置かれているディレクトリ直下ではなく、サブディレクトリを作成してインストールするのがポイント。例)abc.comというサイトの直ディレクトリがabcの場合、abcディレクトリ直下にはHTMLサイトのファイル類やフォルダ類が保存されている。このabcディレクトリの中にサブディレクトリ(wp)を作成し、その中にWordpressをインストールする。(←ここにWordpressをインストールする)WordPressのレンタルサーバへのインストール方法インストールが完了したら、独自ドメイン/wp/にアクセスして、Wordpressの初期テーマでのトップページが表示されることを確認する。)からWordpressのサイトを参照しつつ、作り込みを進めて行く。※厳密には独自ドメイン/wp/のURLを直打ちすれば一般の人もアクセスできてしまうが、個人レベルのサイトやブログではその可能性は限りなく0に近いという前提で進める。完全に外から見られないようにしたい場合は、ローカルで作り込むか、.htaccessでアクセス制限をする必要がある。wp-config.phpをデバッグモードにするここからの作業では何らかのエラーが発生することが多々あるが、この時に原因がつかめないと先に進めない。デフォルトの状態ではデバッグモードがオフになっていて、エラーが発生すると、作成中のWordpressサイトにアクセスしても真っ白なページが表示されるだけ、ということがしょっちゅうあるので、デバッグモードをオンにする。すると、エラーの原因とエラーが発生しているテンプレートファイル(と行番号)を教えてくれるので解決しやすい!WordPressをインストールしたフォルダ(この記事ではwpフォルダとする)にFTPでアクセスし、wpフォルダ直下のwp-config.phpを見つけてローカルにダウンロードする。ファイルを開くと以下のような場所があるので、falseをtrueに変更し、ファイルを再アップロード。true);テーマをアップロードする前回の作業で作っておいたWordpressテーマをアップロードする。アクセスし、ファイルのアップロード画面からzipファイル形式でアップロードする。サイトを作る場合は固定フロントページの設定をデフォルトではindex.phpがトップページとして表示されるようになっている。ブログの場合はこれでOKだが、サイトの場合は、front-page.phpがトップページとして読み込まれるように設定したい。この場合は、以下のように固定フロントページの設定を行う。1.トップページとブログページ用にダミーの固定ページを作成する(空ページでOK。「フロントページの表示」の設定で、固定ページを選択し、フロントページ、投稿ページそれぞれに1で作成しておいた固定ページを選択する。これでトップページの表示にはfront-page.phpが読み込まれるはず!PHPファイルの記述の誤りを修正していくまずは基本となる以下のファイルの作り込みを完了させることが先決front-page.phpindex.phpsingle.phpそして上記のファイルで読み込む以下のテンプレートファイルも確認&修正をするheader.phpfooter.phpsidebar.php※header.phpやfooter.phpではcssやjsファイルの読み込み設定があるが、そのファイルのパスがちゃんと通っているかなども確認する。※サイトのトップページ(front-page.php)は、画像スライダーがあったり、新着情報の表示欄があったりと、少しカスタマイズが必要なことが多いので、まずはindex.phpとsingle.phpの方から手を付けるのがおススメ。index.phpとsingle.phpは基本となるループが正しく書けていれば、あとはそんなに難しくない。記事のタイトルやリンク、サムネイル画像、コンテンツを動的に読み込むための関数に誤りがないかの確認(&修正)や、レイアウトの調整などをここで進めて行く。この辺りはWordpressのテーマを自作したことがある人は楽々だが、そうでない場合は、まずテーマの自作方法を解説している以下の記事を参考にしながら作り上げるのが良い。※前回のテーマを作る段階でも、同じような手順があったけれど、ここでは表示を確認しながらミスなく作り上げていくことが重要。フロントページについてフロントページは、新着記事の表示など、動的に読み込む必要があるところは、サブループ(WP_Query())と呼ばれるループを使う。このあたりについては以下の記事を参考に。ループの基本WP_Queryの使い方をPHPコードにまとめた便利なコード・スニペットちょいちょい忘れる『WP_Query』の使い方フロントページの静的な部分は、ウィジェットであとから内容を変えられるように切り分けてもいいし、今後そうそう変更する予定もない、という場合は、リンク部分だけ以下のように変更しておけば取りあえずOK。?>/images/a.png">Aへのリンク</a>CSSの調整もここで同時に進めて見た目を整えていく。残りのテンプレートファイル(page.php、archive.phpなどの作成)index.phpとsingle.phpが出来上がったら、これらをベースにpage.phpやarchive.phpなど、必要なテンプレートファイルを作っていく。index.phpをベースに作成するとよいテンプレートarchive.phptaxonomy.phpcategory.phpsearch.phpなど。single.phpをベースに作成するテンプレートpage.php404.phpなど。テンプレート階層を参照し、自分のサイトに必要になるものを作成する。パーマリンク設定ここはHTMLサイトから移行する場合、結構大事なところなのでよく考えて設定する。HTMLサイトからWordpressサイトになると、URLが変わってしまう可能性がある。301リダイレクトで旧URLから新URLへアクセスを転送することはできるが、URLが変わるのを最小限に抑えたい場合は以下の方法を取る。いう問い合わせページがあったとしたら、Wordpressでも固定ページで問い合わせページを作る際にcontactというスラッグにする。2.パーマリンク設定で、URLの最後に.htmlが付くようにする。ダッシュボードの設定>パーマリンク設定で、カスタム構造を選択し、入力欄に「/%postname%.html」と入力する。固定ページは別途functions.phpのほうで以下のコードを記述しないと.htmlが付かないので注意。);}}上の方法で合わせられない部分も出てくると思うが、その場合は301リダイレクトの設定をする(後述)。コンテンツの作成・メニューやウィジェットなどこのあたりは作業が前後するかもしれないが、ページの作成やメニューの作成、サイドバーのウィジェットの作成なども順次行っていく。HTMLサイトから必要なテキストや画像素材などをWordpressサイトのほうに移していく感覚で。基本的なプラグインの導入ここまでくると元のHTMLサイトと同じものがWordpressでできあがっているはず。必要なプラグインの設定などを進めて行く。変な動きをしたりしないか、色んなページにアクセスしたりリンクをクリックしたりして確認する。wp-config.phpをデバッグモードをオフに動作確認が終わったらデバッグモードをオフにするトップページをhtmlからwordpressに切り替える作業いよいよ切り替え作業。Modeこれまでは独自ドメイン/wp/へのアクセスでWordpressのサイトが表示されていたが、独自ドメインのみでWordpressサイトが表示されるように設定する。やり方は以下の記事を参考に。WordPressでサイトのトップページURLにドメインだけが表示されるように設定する方法HTMLサイトのファイル・フォルダ類はひとまず削除せず、適当なフォルダを作って移動させる。Redirecsを使用すると便利。本当に自分にしか分からない覚書風になってますが、最後までご覧くださりありがとうございました!何かのヒントになれば嬉しいです。カテゴリーが特化していないブログやサイトにおすすめWordPressサイトのサーバー引っ越しならぜった知っておきたいhostsファイルの使い方。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。9818About管理人:YUNA暖かい南関東出身。カザフスタン共和国での生活を経て現在はセルビア共和国に長期滞在中。ロシア人の夫とのコミュニケーション、そしてセルビアでの生活のためにロシア語とセルビア語を日々勉強中。職はWeb制作、Webデザイン、Webマーケティングなど、Webに関わる事色々。お願い時々、ロシア語の記事を中心に当ブログの内容に非常に似たコンテンツを作成されているサイトを見かけます。無断でのこのような利用はおやめください。出産費用が無料のセルビア。LANGUAGELIFEWEBサイト・ブログ運営ニュースレター配信ネットショップ制作ツールその。