不思議ブログ運営WordPressGoogleCocoonSimplicity2お役立ちLife《WordPress》サブドメインでテスト環境作成&スマホに画像が表示されない?TwitterFacebookはてブPocketLINEPinterest2018.04.29スポンサーリンクワードプレスでプラグインの確認をしたり、デザインを変更するために、CSSを編集してスタイルシート(style.css)を超頻繁に更新してしまいます。そのタイミングで訪れてくれたユーザーさんに申し訳ないし・・・あまりリロード(再読込)を繰り返してしまうのも、アドセンス広告を設置している場合には、インプレッション収益に影響を与えてしまい、ポリシー違反になりそうで怖いです(汗)というわけで、重い腰を上げて・・・サブドメインでテスト環境を作ってみたら、意外とカンタンにできてしまいました。スマホで『ヘッダー画像』、『トップへ戻るアイコン』、『サイトアイコン(ファビコン)』と、メディアライブラリにアップロードした画像が表示されなくなり、数日間悩まされることに・・・ちょっとマヌケなオチでしたが、注意点もまとめてみましたので、良かったら参考にして下さい。目次エックスサーバーでサブドメインを設定するサブドメインにワードプレスを自動インストールサブドメインにアクセス制限《BASIC認証》を設定するワードプレスで2つの設定を行うアドレスを変更する検索エンジンがインデックスしない設定をする本番環境からデータをコピーして移行するプラグインでデータを移行する場合さいごにスポンサーリンクエックスサーバーでサブドメインを設定するエックスサーバーの「サーバーパネル」→「サブドメイン設定」を開き、ドメインを選択します。サブドメイン設定画面→「サブドメイン設定の追加」で、サブドメイン名にしたい文字を入力します。※コメント欄は未入力でもOKせっかくなので「無料独自SSLを利用する」にチェックをつけて、「サブドメイン設定の追加」で確定します。この時に、なんらかのエラーが出た場合は、サブドメイン設定の追加を終わらせた後からSSL設定が行えます。「サーバーパネル」→「SSL設定」からドメインを選択し「独自SSL設定の追加」で設定して下さい。※まだサブドメインではありません。「プログラムのインストール」を開き、WordPress日本語版の「インストール設定」をクリックします。ここから『サブドメイン』や『サイト名』など、諸々の入力を行います。インストールURLで、作成したサブドメインを選択します。サブドメイン直下のフォルダは自動で作られるので、よくわからない場合は「空欄」にしておきます。入力項目を埋めたら、「自動でデータベースを生成する」にチェックを入れて「インストール(確認)」→「確定」します。確定後に表示される「ID」「PASSWORD」「MySQL情報」はスクリーンショットやメモなどで保存しておきましょう。確定後の完了画面にあるサブドメインのURLから、WordPressに無事にログインできればインストール完了です。サブドメインにアクセス制限《BASIC認証》を設定するテスト環境で誰にも見られず、自由にのびのびと・・・テストやカスタマイズをするために、念には念を入れてアクセス制限をかけておきましょう。万が一、サイトURLが知られても『ID』と『パスワード』を知っている人しか入れない設定にします。「サーバーパネル」→「アクセス制限」から対象のドメインを選択し、サブドメイン名で作られたフォルダの「ユーザ設定」を開きます。『ユーザID』と『パスワード』を作成しフォルダ一覧画面に戻り、アクセス制限を『ONにする』をクリックし、表示が画像のように「OFFにする」になれば設定終了です。『WordPressアドレス(URL)』と『サイトアドレス(URL)』を「http」から「https」に変更して解決しました。『検索エンジンがサイトをインデックスしないようにする』にチェックを入れます。本番環境とテスト環境が、重複コンテンツにならないように、念のため設定しておきましょう。本番環境からデータをコピーして移行する運営中のブログから、記事や画像、プラグインなどのデータをコピーして、本番環境に近いテスト環境を作る場合ですが・・・FTPソフトを使って以下3つのデータをダウンロードし、投稿記事などのデータは管理画面からおこないます。データ管理画面→「ツール」→「エクスポート」して、テスト環境へ「インポート」します。Placehold.jpが便利です!よくあるバナーサイズがあらかじめ選べるので、右クリックして保存するだけですぐに使えて、幅や高さを指定してオリジナルのダミー画像を作ることもできます。使えるダミーテキストもオススメ!プラグインでデータを移行する場合あとで知ったのですが・・・プラグインを使うと、楽にデータを移行できるようです(汗)FTPソフトに慣れていない方は、プラグインを使用すると安心かもしれません。こちらのサイト様の説明がわかりやすいと思います。Migrationが超簡単さいごにテスト環境は作ってしまえば、いろんなことが自由にできて楽しいです(笑)ただ、データを移行したばかりの時は、注意点もあります。アドセンス広告に注意テスト環境でもインプレッション収益が発生してしまうテーマによっては、一切の広告を非表示にできる機能もありますが、手動で配置した広告が表示されてしまう場合がありました。アドセンスの設定画面からサイトを追加するか、広告が表示されないようにする必要がありそうです。(わたしの場合は、全ての記事から広告を削除しました・・・)アドセンス『自動広告』設置してわかったON・OFFおすすめの広告表示AdSenseの『自動広告』を設置したら困ったことが続出!多すぎる「記事内広告」や謎のスペースが出現。設置して気付いたオススメの広告設定を紹介します。モバイルには便利でもPCにはまだまだ注意が必要かもしれません。したがって行動すると潜在意識が変化して運気もUP2019.05.05『Cocoon』SNSボタン/ソーシャルボタンのカスタマイズ(コピペ)2019.04.252019.05.01天国の猫達とネコ部屋で再会し至福のひと時。YouTube等の動画サイトを含め固く禁じます。したがって行動すると潜在意識が変化して運気もUP2019.05.05『Cocoon』SNSボタン/ソーシャルボタンのカスタマイズ(コピペ)2019.04.252019.05.01天国の猫達とネコ部屋で再会し至福のひと時。Life』はエックスサーバーで運営中もくじ目次エックスサーバーでサブドメインを設定するサブドメインにワードプレスを自動インストールサブドメインにアクセス制限《BASIC認証》を設定するワードプレスで2つの設定を行うアドレスを変更する検索エンジンがインデックスしない設定をする本番環境からデータをコピーして移行するプラグインでデータを移行する場合さいごに。