■この方法でエンルックのページもスマホ対応にしました。
・ワードプレスを使いスマホ対応にする
・初めは別のフォルダにページをつくっていき、完成させたらトップページを変更する
・これによりじっくりと作っていくことができる
■エンルックの変更前と変更後
○変更前
これをスマホ対応に変更すると
○変更後
■やり方を公開
今まで作り上げてきたサイトをレスポンシブデザインにするには、WordPress（ワードプレス）を使うと簡単に出来るのですが、いきなりトップページを変更すると作り上げるまでに時間が掛かり、その間は不完全なページをお客さんに見せることになります。
パソコンにワードプレスの環境を作って、そこで作り上げてから、更新変更するのが良いですが、やり方がわからないし面倒ですよね。
そこでこんな方法を考えてみました。
■ワードプレスをサブディレクトリにつくって、完成したらルートディレクトリに変更更新する
サブディレクトリは、
http://○○○.jp/wp
ルートディレクトリは、
http://○○○.jp/
という設定でつくるとします。簡単に言うと、wpというフォルダの中にワードプレスを入れて作り、完成したらトップページを変更するというやり方です。
これなら時間をかけてじっくり作ることが出来ますし、最後の切り替え方法さえわかれば、簡単に出来ます。
■まずはワードプレスで/wpにサイトを構築する。
通常のインストールから、テーマを決めてつくります。ここは説明を省略。
■ルートディレクトリに変更更新する
ここが重要です。
順番にやっていけばきちんと表示されますので、ゆっくりとでも良いので切り替えてみてください。
１．管理画面で 設定 > 一般を開く 一般設定を表示
サイトアドレス (URL) 欄を、ルートディレクトリの URL に変更する。wpを消す。
例：サイトアドレス (URL) > http://○○○.jp/
変更を保存をクリック。（重要：この時点ではエラーメッセージが出るのでサイトを表示させない。）
２．FTP転送ソフトで
ワードプレスディレクトリにある index.php と .htaccess ファイルを、サイトのルートディレクトリ（「サイトのアドレス」）へコピーする。（移動ではなくコピーすること）（パーマリンク設定を使っていなければ、.htaccess ファイルは存在しない場合あり）
３．ルートディレクトリの index.php ファイルを編集する。
index.php ファイルをテキストエディタで開き、最後の方に書いてあるアドレスを変更する。
変更前：
require( dirname( __FILE__ ) . ‘/wp-blog-header.php’ );
変更後：ワードプレスがインストールしてあるURLを指定（wpを追加する）
require( dirname( __FILE__ ) . ‘/wp/wp-blog-header.php’ );
４．FTP転送ソフトでファイルを上書き保存する。
５．再度ログインする。http://○○○.jp/wp/wp-admin/
これでルートディレクトリに表示されます。
http://○○○.jp/
を開いてきちんと表示されることを確認します。
■スマホ対応のページ制作します。
以上、簡単に説明したのですが、中級くらいのレベルになっています。ちょっと難しいかなと思ったら無理しないでください。エンルックでは、格安にて制作を承っています。今までのページを元に制作しますので、URLアドレスなどをお調べの上、お問い合わせから、又は電話でお受けします。
この記事を書いた人
-
ホームページ制作会社をしています。最初は小さなページから段々と大きくしていくホームページ制作を得意としています。集客についてや、スマホのサイトなど、インターネットに関することなら何でもご相談ください。格安でスマホを使う方法も教えます。
千葉市緑区誉田町２ー２ー８８３
株式会社エンルック
Tel:043-309-7447
URL:http://enluc.jp/
この投稿者の最近の記事
スマートフォン2024年4月8日遅い光回線を最大限に高速化!設定パフォーマンスアップの裏技
写真・動画2024年3月8日ジャガイモの育て方：種まきから収穫までを一挙公開【動画】
地域2024年2月29日農場からの風景: 自然とのふれあいと成長の記録[動画]
地域2023年4月26日地域の防犯を考えたときにカメラの設置が重要です
