サポート » 使い方全般 » トップページだけデザインが効かない

  • 解決済 shinozaki

    (@shinozaki)


    ブラウザに関係なく、トップページだけデザインが変わってしまっています。

    具体的には、

    width:1000px
    margin-left: auto;
    margin-right: auto;

    という感じで書いていて、
    トップページ以外は適切に機能するのですが、
    トップページだけは機能せず、左側に寄ってしまうという現象が発生してしまいます。

    何か、対策が出来るという方、よろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは。
    お使いのテーマは何ですか?
    その情報がなければ誰も回答できないと思います。

    トピック投稿者 shinozaki

    (@shinozaki)

    返信遅くなってしまい、申し訳ありません。

    テーマということですが、
    どう答えていいのかいまいちよくわかっていないのですが、
    私は、タイトルを忘れてしまいましたが、何かの本を参考にして、
    自分でxampp/htdocs/wordpress/wp-content/themesにファイルを作る
    という感じで行っています。

    もともとある、twentytenやtwentyelevenなどを使っているわけではないです。

    このような回答で大丈夫でしょうか。
    つたない回答で非常に申し訳ないです。

    トップページだけデザインが効かない問題の解決方法がある方、ぜひ教えていただきたいです。

    うーん、テンプレートで生成されたHTMLやCSSの情報が全く無く、テーマがデフォルトでない、ということしか分からないので正確な回答はできません。

    予想されるのは、トップページで読み込まれるテンプレートにCSSでセンタリングしたセレクタを使用していない、センタリングを指定しているセレクタの親が左寄りでレイアウトされている、等でしょうか。

    とりあえず、トップページのソースを見て構造をよくチェックしてみてください。Google ChromeのデベロッパーツールやFirefoxのFirebugで要素を検証すれば、原因はすぐ分かると思います。

    それでも分からない場合は、コードを投稿してもらうことになりますが、ここのフォーラムに直接ペーストしてしまうと大変読みにくくなってしまうので、ペーストビンにトップページのソースと、style.cssのコードをペーストして見られる状態にしてもらえると正確な回答が得られるかもしれません。

    トピック投稿者 shinozaki

    (@shinozaki)

    ご返信ありがとうございます。

    自分でいろいろといじってみたところ、

    width:1000px;
    margin-left: auto;
    margin-right: auto;

    をかける部分が間違っていたみたいです。

    上記のコードを書く場所を変更することで、解決出来ました。

    Orbitさんにはご迷惑をおかけしました。
    申し訳ありませんでした。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「トップページだけデザインが効かない」には新たに返信することはできません。