質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.47%

  • WordPress

    7462questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • Android

    6634questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • HTML5

    4191questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • CSS3

    2145questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • iPhone

    1001questions

    iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

Wordpressをスマホ用サイトに変更してPCサイトと同じ記事を掲載したい。

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 325
退会済みユーザー

退会済みユーザー

WordpressでPCサイトの新着情報用のサイトを作りました。

デザインはメインのPCサイトと同じにしました。

また、同時にスマホ用のサイトも作っていたのですが、Wordpressでスマホ用サイトに切り替える方法はありますでしょうか?

スマホ用に切り替えるプラグインは沢山出ているのですが、自分でデザインした物に切り替えて、

スマホサイトにも投稿した新着情報記事を掲載したいのです。

自分のデザインをそのまま反映できるプラグインや制作方法があれば教えてください。

プラグインの場合、無料のものがあれば幸いです。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • taktaktak

    2017/10/04 19:18

    >スマホサイトにも投稿した新着情報記事を掲載したいのです。 これに関しては、 wordpressの管理画面から普通に記事投稿すれば、スマホからアクセスしたときも同じ記事が見れませんか?PC用、スマホ用、別々に投稿する必要はありません。

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2017/10/04 19:45

    説明が下手ですいません。PCサイトとスマホサイトでデザインが違うのでWordpressでも同じようにスマホでアクセスしたらスマホ用にデザインを変更したいのです。

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2017/10/04 20:29

    すいません。プラグインにスマホでアクセスすると別のテーマに切り替えてくれるものを発見しました。そちらを利用して別テーマでスマホ用のデザインをしてみます。

    キャンセル

回答 2

+1

打ち込んでる間に解決済になってましたが、折角打ち込んだのでコメントしておきます。

この質問この質問でtwentyseventeenを使っていると書いてますが(正式名はTwenty Seventeen)、このテーマはレスポンシブ対応なのでモバイル端末云々を考えなくてもデバイスの画面幅によって表示が変わります。
ただ、CSSが変になるようなカスタマイズをしているように見受けられたので、初めから備わってるレスポンシブウェブデザインがパーになってると思います。

方法としては

①テーマをレスポンシブウェブデザインになるよう作り直す。

WPtouchみたいなプラグインのテーマを弄り倒してモバイル端末用にする

③新たにモバイル端末用にテーマを作ってMulti Device Switcherみたいなプラグインを使うか、独自にユーザーエージェントで判別してPC、モバイル端末を振り分ける。

①は結構大変かも?
②をするなら③の方がスマート。
③をすることも多くなく少なくもなく、でも現実的効率的に③だと思います。

③をするなら適当なテーマを入れて端末毎に振り分けられるように設定して実機でアクセスして確認しながら弄り倒してください。
レスポンシブウェブデザインだとPCのブラウザの画面幅を狭めて確認できますがね…
どうせ作るなら①をするのが最善ですがレスポンシブウェブデザインを壊してしまうくらいなので多分無理でしょう。

という内容でした。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/10/04 20:34

    ありがとうございます。回答中にすいませんでした。そう、Multi Device Switcherを使うことにしたんです。Multi Device Switcherを先ほど見つけまして、そちらを使おうと思います。

    キャンセル

  • 2017/10/04 20:39

    プラグインを使わなくても独自にis_mobileみたいな関数を作って振り分けることも可能です。
    気が向いたら調べてみてください。

    キャンセル

  • 2017/10/04 20:40

    ありがとうございます。PHPがまだ初心者に毛が栄えたレベルなのでもうちょっとPHPを勉強してからそちらへ移行してみます。

    キャンセル

check解決した方法

-1

プラグインにスマホでアクセスすると別のテーマに切り替えてくれるものを発見しました。そちらを利用して別テーマでスマホ用のデザインをしてみます。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.47%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • WordPress

    7462questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • Android

    6634questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • HTML5

    4191questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • CSS3

    2145questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • iPhone

    1001questions

    iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。