＞wordpressのサイトをスマートフォンに対応させたい
とは、具体的にどういうことでしょうか。
メディアクエリで、デバイスに合わせたCSSを設定してあげれば対応すると思いますが……。
CG
(@du-bist-der-lenz)
やり方は様々考えられますが、PC表示と同じにしたいのか、スマホに最適化させたいのか明確化して欲しいです。
pcと同じ表示にするにはどうすればいいですか?
http://ggsoku.com
ガジェット速報っていうサイトがあるのですが、このサイトのナビゲーションメニューはパソコンと同じナビゲーションメニューと一緒です。
CG
(@du-bist-der-lenz)
その「ガジェット速報」はメニュー項目が２つなので、トグルにする必要はないと、わたしが運営者だったと仮定しても判断します。
CG
(@du-bist-der-lenz)
把握しやすいように、ナビゲーションメニューをご期待に沿うように示していましたが、2017年２月６日午後21時に、フッターメニューに項目を２つだけにしました。
その「ガジェット速報」と同等に、モバイル幅にしても、メニュー化しない設定にしています。
サンプルサイト
http://wp.me/P1EfAD-tA
こんにちは。
WordPress のサイトをスマートフォンに対応させる（PCと同じ）ということであれば、ioxrxogiさんが書いていらっしゃるように「メディアクエリで、デバイスに合わせたCSSを設定」するレスポンシブWebデザインのサイトにするということになるかと思います。
これは、特にプラグインなどがあってそれを入れたらレスポンシブになるというものではないので、今のサイトデザインからCSSを追加もしくは修正するか、レスポンシブ対応のテーマに変更するかという方法になります。
メニューだけハンバーガーメニューなどではなく、ガジェット通信さんのように見せることも可能ですが、もしやり方がわからない場合は、ソースを開示して聞くと適切なアドバイスを受けられるかと思います。
こんにちわ、junko nukagaさん。
メディアクエリで、デバイスに合わせたCSSを設定ってどういう意味ですか?
特にcssはいじっていません。
こんにちわ、ioxrxogiさん。
メディアクエリで、デバイスに合わせたCSSを設定ってどういう意味ですか?
CG
(@du-bist-der-lenz)
@doraemon416 さんが使用しているテーマのメディアクエリがわからないので、具体的に示唆できないので実践例だけを示しましたが、最近のテーマの殆どがレスポンシブに対応しているので、トグルメニューを採用しているデザインが多いです。それをCSSで解除するデバイス幅の変更が必要です。
「メニューだけハンバーガーメニューなどではなく、ガジェット通信さんのように見せることも可能ですが、もしやり方がわからない場合は、ソースを開示して聞くと適切なアドバイスを受けられるかと思います。」と @nukaga さんの勧めのとおりです。
ソースを開示してって何処のソースを開示すればいいですか？
CG
(@du-bist-der-lenz)
うまくいっていない箇所。
理由はパソコンで設定したデザインをスマホに適用できていない箇所を具体的に知りたいからです。
.main-navigation{
background: #fff;
}
.main-navigation li a {
color: #000000;
}
をスマホ対応にしたいです。
