Q&A
テーマは独自開発でしょうか？既存のテーマを使ったのでしょうか？いまどき、レスポンシブ対応していないテーマなんてほぼ無いと思いますが。。PC用とスマホ用、別々のドメインで制作しているのですか？答えなければならない範囲が広すぎるので、もっと具体的に質問してください。
WordpressでPCサイトの新着情報用のサイトを作りました。
デザインはメインのPCサイトと同じにしました。
また、同時にスマホ用のサイトも作っていたのですが、Wordpressでスマホ用サイトに切り替える方法はありますでしょうか？
スマホ用に切り替えるプラグインは沢山出ているのですが、自分でデザインした物に切り替えて、
スマホサイトにも投稿した新着情報記事を掲載したいのです。
自分のデザインをそのまま反映できるプラグインや制作方法があれば教えてください。
プラグインの場合、無料のものがあれば幸いです。
すでにPC用サイトをhtmlでサイトを作っていてそれをwordpressの既存テーマを編集して同じように作ったのですが、既にスマホ用サイトも作っていて、それもwordpressに適用したいと思っています。説明が下手ですみません。ドメインは一緒です。
「PC用サイトをhtmlでサイト作っている」「スマホ用サイトもHTML作っている」「wordpressの既存テーマを編集してPC用サイトを作った」「スマホ用にHTMLで作成したサイトをWordPressにも適用したい」という意味でしょうか？
>スマホサイトにも投稿した新着情報記事を掲載したいのです。 これに関しては、 wordpressの管理画面から普通に記事投稿すれば、スマホからアクセスしたときも同じ記事が見れませんか？PC用、スマホ用、別々に投稿する必要はありません。
説明が下手ですいません。PCサイトとスマホサイトでデザインが違うのでWordpressでも同じようにスマホでアクセスしたらスマホ用にデザインを変更したいのです。
すいません。プラグインにスマホでアクセスすると別のテーマに切り替えてくれるものを発見しました。そちらを利用して別テーマでスマホ用のデザインをしてみます。
回答2件
0
打ち込んでる間に解決済になってましたが、折角打ち込んだのでコメントしておきます。
この質問やこの質問でtwentyseventeenを使っていると書いてますが(正式名はTwenty Seventeen)、このテーマはレスポンシブ対応なのでモバイル端末云々を考えなくてもデバイスの画面幅によって表示が変わります。
ただ、CSSが変になるようなカスタマイズをしているように見受けられたので、初めから備わってるレスポンシブウェブデザインがパーになってると思います。
方法としては
①テーマをレスポンシブウェブデザインになるよう作り直す。
②WPtouchみたいなプラグインのテーマを弄り倒してモバイル端末用にする
③新たにモバイル端末用にテーマを作ってMulti Device Switcherみたいなプラグインを使うか、独自にユーザーエージェントで判別してPC、モバイル端末を振り分ける。
①は結構大変かも？
②をするなら③の方がスマート。
③をすることも多くなく少なくもなく、でも現実的効率的に③だと思います。
③をするなら適当なテーマを入れて端末毎に振り分けられるように設定して実機でアクセスして確認しながら弄り倒してください。
レスポンシブウェブデザインだとPCのブラウザの画面幅を狭めて確認できますがね…
どうせ作るなら①をするのが最善ですがレスポンシブウェブデザインを壊してしまうくらいなので多分無理でしょう。
という内容でした。
投稿2017/10/04 11:32
編集2017/10/04 11:36退会済みユーザー
総合スコア0
ありがとうございます。回答中にすいませんでした。そう、Multi Device Switcherを使うことにしたんです。Multi Device Switcherを先ほど見つけまして、そちらを使おうと思います。
プラグインを使わなくても独自にis_mobileみたいな関数を作って振り分けることも可能です。
気が向いたら調べてみてください。
ありがとうございます。PHPがまだ初心者に毛が栄えたレベルなのでもうちょっとPHPを勉強してからそちらへ移行してみます。
0
ベストアンサー
プラグインにスマホでアクセスすると別のテーマに切り替えてくれるものを発見しました。そちらを利用して別テーマでスマホ用のデザインをしてみます。
投稿2017/10/04 11:29
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
