サポート » 使い方全般 » デバイスに合わせたワードプレスの設定について

  • 解決済 TAMTAM

    (@assistcom)


    お世話になります。
    wordpressでascendというテンプレートを使ってサイトを作っています。

    すごくいいテンプレートなのですが、見るデバイスによって一番上のメニューにかぶってしまったり、他のコンテンツとかぶってしまったりします。

    CSSで調整しているのですが、書き方が悪いのか反映しなかったり、思うとおりになりません。

    CSSで調整する際に大方の大きさのポイントによって切り分けて、余白などを調整しているのですが、iPadとアンドロイドタブレットでは、大きさがほぼ同じなのに、表示がかなり違います。OSごとやブラウザごとにCSSを変更する方法を教えて頂きたいです。

    よそ様のサイトを見るとどのデバイスでも見てもきれいに表示されていて、何が違うんだろう…。と思います。

    何を基準に変更したらいいのか、どこをどのように変更したらいいのか、皆さんがどのようにされているのか、どのデバイスでも大丈夫な方法はあるのか、なども教えて頂けると幸いです。

    よろしくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    レスポンシブデザインについて勉強されることをおすすめします。

    解説しているサイトなどたくさんありますし、書籍もとても沢山出版されています。

    その上で、WordPressでレスポンシブデザインをどうやればいいのか検討されたらいいと思います。

    スレッド開始 TAMTAM

    (@assistcom)

    ありがとうございました。
    レスポンシブにするにも色んな方法がある事が分かりました。
    勉強するしかないですね。
    またよろしくお願い致します。

    スレッド開始 TAMTAM

    (@assistcom)

    こちらで
    https://teratail.com/questions/141858
    具体的な検討案を頂きましたのでその内容も含めて勉強したいと思います。
    ありがとうございました。

    ご質問の意図を少し勘違いしていたかもしれません。
    すいません。

    大きさがほぼ同じなのに、表示がかなり違います。

    このような場合には基本的な差異を埋めてくれるリセットCSSを使うのがが最も一般的だと思います。

    そのうえで、ご自身で書いたCSSなどで差異が生じる場合があります。
    そんなときは差異がないCSSの記述に変更するか、CSSハックと呼ばれる方法を使ったりします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「デバイスに合わせたワードプレスの設定について」には新たに返信することはできません。