サポート » 使い方全般 » WordPressをスマートフォンに対応させる方法

  • wordpressのサイトをスマートフォンに対応させたいです。理由はパソコンで設定したデザインをスマホに適用させたいからです。
    できれば、やり方を教えてください。

15件の返信を表示中 - 1 - 15件目 (全16件中)
  • >wordpressのサイトをスマートフォンに対応させたい

    とは、具体的にどういうことでしょうか。

    メディアクエリで、デバイスに合わせたCSSを設定してあげれば対応すると思いますが……。

    CG

    (@du-bist-der-lenz)

    やり方は様々考えられますが、PC表示と同じにしたいのか、スマホに最適化させたいのか明確化して欲しいです。

    スレッド開始 doraemon416

    (@doraemon416)

    pcと同じ表示です。

    スレッド開始 doraemon416

    (@doraemon416)

    pcと同じ表示にするにはどうすればいいですか?
    http://ggsoku.com
    ガジェット速報っていうサイトがあるのですが、このサイトのナビゲーションメニューはパソコンと同じナビゲーションメニューと一緒です。

    CG

    (@du-bist-der-lenz)

    その「ガジェット速報」はメニュー項目が2つなので、トグルにする必要はないと、わたしが運営者だったと仮定しても判断します。

    CG

    (@du-bist-der-lenz)

    把握しやすいように、ナビゲーションメニューをご期待に沿うように示していましたが、2017年2月6日午後21時に、フッターメニューに項目を2つだけにしました。

    パソコンと同じナビゲーションメニュー

    その「ガジェット速報」と同等に、モバイル幅にしても、メニュー化しない設定にしています。

    モバイル幅

    サンプルサイト

    http://wp.me/P1EfAD-tA

    こんにちは。
    WordPress のサイトをスマートフォンに対応させる(PCと同じ)ということであれば、ioxrxogiさんが書いていらっしゃるように「メディアクエリで、デバイスに合わせたCSSを設定」するレスポンシブWebデザインのサイトにするということになるかと思います。
    これは、特にプラグインなどがあってそれを入れたらレスポンシブになるというものではないので、今のサイトデザインからCSSを追加もしくは修正するか、レスポンシブ対応のテーマに変更するかという方法になります。
    メニューだけハンバーガーメニューなどではなく、ガジェット通信さんのように見せることも可能ですが、もしやり方がわからない場合は、ソースを開示して聞くと適切なアドバイスを受けられるかと思います。

    スレッド開始 doraemon416

    (@doraemon416)

    こんにちわ、junko nukagaさん。
    メディアクエリで、デバイスに合わせたCSSを設定ってどういう意味ですか?
    特にcssはいじっていません。

    • この返信は5年、 3ヶ月前にdoraemon416が編集しました。
    スレッド開始 doraemon416

    (@doraemon416)

    こんにちわ、ioxrxogiさん。
    メディアクエリで、デバイスに合わせたCSSを設定ってどういう意味ですか?

    CG

    (@du-bist-der-lenz)

    @doraemon416 さんが使用しているテーマのメディアクエリがわからないので、具体的に示唆できないので実践例だけを示しましたが、最近のテーマの殆どがレスポンシブに対応しているので、トグルメニューを採用しているデザインが多いです。それをCSSで解除するデバイス幅の変更が必要です。

    「メニューだけハンバーガーメニューなどではなく、ガジェット通信さんのように見せることも可能ですが、もしやり方がわからない場合は、ソースを開示して聞くと適切なアドバイスを受けられるかと思います。」と @nukaga さんの勧めのとおりです。

    スレッド開始 doraemon416

    (@doraemon416)

    ソースを開示してって何処のソースを開示すればいいですか?

    CG

    (@du-bist-der-lenz)

    うまくいっていない箇所。
    理由はパソコンで設定したデザインをスマホに適用できていない箇所を具体的に知りたいからです。

    スレッド開始 doraemon416

    (@doraemon416)

    .main-navigation{     
     background: #fff;
     } 
    .main-navigation li a {
      color: #000000;	
    }	 

    をスマホ対応にしたいです。

    CG

    (@du-bist-der-lenz)

    色の指定ができないのですか

    スレッド開始 doraemon416

    (@doraemon416)

    はい、スマホに表示されません。

15件の返信を表示中 - 1 - 15件目 (全16件中)
  • トピック「WordPressをスマートフォンに対応させる方法」には新たに返信することはできません。