質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.50%

  • PHP

    20356questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    8980questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • WordPress

    7215questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • CSS

    5794questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • データベース

    700questions

    データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

ドメインを変更したらwordpressのレイアウトが崩れた。

解決済

回答 3

投稿

  • 評価
  • クリップ 0
  • VIEW 592
退会済みユーザー

退会済みユーザー

ロリポップサーバーを使っています。
そこで、サーバーのHTMLファイルや画像、Worpdressのファイルはそのままにドメインを変更しました。
するとWorpdressのレイアウトが一部崩れてしまったり、個別記事のページではCSSが効かなくなったりしています。
Twitterも記事にアドレスを貼り付けただけなのにウィジェットを設置したように表示されます。
Wordpressではない静的ページは問題なくドメイン変更前と同じように表示されています。

事前にWordpressの引越し作業を怠っていたのが原因なのですが、解決方法はありますでしょうか?

以前にダウンロードしておいた子テーマのファイルを使って、新しくWordpressをインストールしたところにアップロードしました。

それでも解決しませんでした。

試したこと

Wordpress引越し作業
こちらのサイトを参考にしてみたのですがうまくいきません。
wp-login.phpに

update_option('siteurl', 'http://your.domain.name/the/path' );
update_option('home', 'http://your.domain.name/the/path' );


を追加してみましたが変化はありませんでした。
テーブル接頭辞を最初にWordpressをインストールした時のものに変更しましたがエラーになってしまい、
だめでした。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • 退会済みユーザー

    退会済みユーザー

    2018/01/08 22:00

    ありがとうございます。

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2018/01/08 22:07

    念のためデータベースを調べてみましたが、データベースを作り直しているので仰る通り問題はないようです。となるとなにが原因なのか…

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2018/01/08 22:39

    ちなみにこちらのサイトで、ニュースのところの記事内容とタレント一覧ページでおかしな表示になっています。http://treasureentertainment.jp/

    キャンセル

回答 3

check解決した方法

0

皆さんありがとうございました。<?php wp_head(); ?>をページに追加したら直りました。ドメイン変更前は追加しなくても普通に表示されていたのですが…ふしぎです。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

ドメイン名を変更した場合は、WordPressの管理画面から、設定 - 一般 を選んで、WordPressアドレスとサイトアドレスを現在のものに変更すれば、ご質問の現象は解消されると思います。
レイアウトが崩れていても、管理画面は使えるのではないでしょうか。私はいつもそうしていますが。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/01/08 22:05

    WordPressアドレスとサイトアドレスを現在のものに変更されているのですが、レイアウトは崩れたままです。データベースも含めて調査中です。

    キャンセル

  • 2018/01/08 22:15

    崩れた状態のHTMLを表示させて、css等のリンク先のファイルが存在するかどうかを確認してみて下さい

    キャンセル

  • 2018/01/09 01:36 編集

    崩れていないページもあってそこにはヘッダに下記のような文言が書かれているのですが、レイアウトが崩れているページには下記の文言が一切ない状態でレイアウトが崩れているか、もしくは文言はあるのにレイアウトが崩れているかの2パターンがあります。

    <link rel='stylesheet' id='twentyseventeen-style-css' href='http://treasureentertainment.jp/news/wp-content/themes/twentyseventeen-child/style.css?ver=4.9.1' type='text/css' media='all' />

    とstyle.cssが定義されていてもレイアウトが崩れているのが投稿した記事の個別ページです。

    そして、カスタム投稿タイプで作ったページは上記の文言も下記の全ての文言も一切表示されません。

    ちなみに http://treasureentertainment.jp/ こちらのサイトです。
    新着情報(ニュース)の記事が個別投稿の記事で、タレント一覧がカスタム投稿タイプで作ったページです。


    <html lang="ja" class="no-js no-svg">
    <head>
    <meta charset="UTF-8">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
    <title>リンク</title>
    <link rel='dns-prefetch' href='//s.w.org' />
    <link rel="alternate" type="application/rss+xml" title=" &raquo; フィード" href="http://treasureentertainment.jp/news/feed/" />
    <link rel="alternate" type="application/rss+xml" title=" &raquo; コメントフィード" href="http://treasureentertainment.jp/news/comments/feed/" />
    <link rel="alternate" type="application/rss+xml" title=" &raquo; リンク カテゴリーのフィード" href="http://treasureentertainment.jp/news/category/link/feed/" />
    <script type="text/javascript">
    window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/treasureentertainment.jp\/news\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.1"}};
    !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56794,8205,9794,65039],[55358,56794,8203,9794,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
    </script>
    <style type="text/css">
    img.wp-smiley,
    img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
    }
    </style>
    <link rel='stylesheet' id='twentyseventeen-style-css' href='http://treasureentertainment.jp/news/wp-content/themes/twentyseventeen-child/style.css?ver=4.9.1' type='text/css' media='all' />
    <!--[if lt IE 9]>
    <link rel='stylesheet' id='twentyseventeen-ie8-css' href='http://treasureentertainment.jp/news/wp-content/themes/twentyseventeen-child/assets/css/ie8.css?ver=1.0' type='text/css' media='all' />
    <![endif]-->
    <!--[if lt IE 9]>
    <script type='text/javascript' src='http://treasureentertainment.jp/news/wp-content/themes/twentyseventeen-child/assets/js/html5.js?ver=3.7.3'></script>
    <![endif]-->
    <script type='text/javascript' src='http://treasureentertainment.jp/news/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
    <script type='text/javascript' src='http://treasureentertainment.jp/news/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
    <link rel='https://api.w.org/' href='http://treasureentertainment.jp/news/wp-json/' />
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://treasureentertainment.jp/news/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://treasureentertainment.jp/news/wp-includes/wlwmanifest.xml" />
    <meta name="generator" content="WordPress 4.9.1" />
    <style id="twentyseventeen-custom-header-styles" type="text/css">
    .site-title,
    .site-description {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    }
    </style>

    キャンセル

  • 2018/01/09 20:05 編集

    タレント一覧ページでget_header(); が読み込まれていないようです。

    キャンセル

  • 2018/01/09 21:37

    何度もすいません。<?php wp_head(); ?>をタレント一覧ページのphpに追加したら直りました。
    ただ、新着情報(ニュース)のレイアウトの崩れは鋭意調査中です。

    キャンセル

0

単純にCSSが当たっていないだけかと思います。「タレント一覧ページ」はソースを見ると「head部分」がまるっとないです。ブラウザの開発者ツール等で確認してみたら如何でしょうか?

-追記-

レイアウトが崩れているページには下記の文言が一切ない状態でレイアウトが崩れている・・・

質問者さんは「ない」と分かっているのであれば、付け足せばよいのでは?

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/01/09 19:11 編集

    ありがとうございます。wordpressの管理画面のテーマの編集のところで追加すると思うんですが、そこのどこをいじればいいんでしょうか。
    ドメインを変更して、子テーマをアップロードし直した以外はいじっていないので…
    ちなみにタレント一覧も新着情報(ニュース)もwordprsssで作っています。

    キャンセル

  • 2018/01/09 21:13

    タレント一覧ページでget_header(); が読み込まれていないようです。

    キャンセル

  • 2018/01/09 21:37

    何度もすいません。<?php wp_head(); ?>をタレント一覧ページのphpに追加したら直りました。
    ただ、新着情報(ニュース)のレイアウトの崩れは鋭意調査中です。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.50%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • PHP

    20356questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    8980questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • WordPress

    7215questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • CSS

    5794questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • データベース

    700questions

    データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます