サポート » プラグイン » 【ktai style】カスタマイズ中のトップページでの問題点

  • 解決済 iwaeri86

    (@iwaeri86)


    PC版とスマホ版のホームページはなんとか完成したので、次は【ktai style】を使用して携帯版のホームページを作っています。(http://iwamoto-eri.jp)

    “default”テンプレートを利用してカスタマイズをしています。

    ヘッダーとフッターは多分問題なくカスタマイズできたのですが、本文の部分がうまくいきません。

    現在つまづいている部分は、トップページです。

    トップページには固定ページを使用しています。
    本文部分に表示させたい内容を、スマホ版と同じ内容にしたいのです。

    メディアクエリを使用し、divにidを付け、PC版とスマホ版で表示する内容を切り替えているのですが、その『div id=”○○”』のid部分が、携帯版では消えてしまうようなのです。(ソースを表示すると消えているのです。)

    それが表示されればメディアクエリが働いて、スマホ版と同じように表示されるのかなと思っているのですが、どこをいじれば変わるのかが何日かけてもわかりません。

    少し強引ですが、そうそうトップページの内容は変えないので、投稿の内容が反映されなくてもいいから、表示したい内容をhtmlで直接入れてしまおうとしても、どの部分を入れ替えればいいのかさえ把握できません。

    index.phpよりhome.phpが優先されるとのことで、home.phpをいじったのですが、それによって変わるのはブログページでした。

    front-page.phpも作って入れてみたのですが、作り方が間違っているらしく、全く反映されませんでした。

    当然ながらpage.phpをいじると他の固定ページまで変わってしまうし、お手上げ状態です。

    どなたか、お分かりになる方、ご教授お願いいたします。

    また、「『div id』のid部分が消えるからメディアクエリが反映されないんだろう」とか、その考えがそもそも間違っているようであれば、本当の原因と対策を教えていただけたら助かります。

    わかりづらい質問で申し訳ありませんが、どなたか、よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター gatespace

    (@gatespace)

    ちょっとうろ覚えですが、Ktai style 自体が最新のWordPressに対応していなくて、front-page.phpにも対応していなかったはずです。
    そのとき、私はフロントを固定ページにすることをあきらめましたが・・・。

    あと、携帯ではメディアクエリーは効きません。携帯のブラウザが対応していません。
    フロントページが固定で決まっているのであれば、

    page-{id}.phpを作れば大丈夫だと思いますが、ちょっとうろ覚えなので、要検証でやってみてください。

    ありがとうございます!

    page-{id}.phpを作ったら、希望通りの状態にできました。

    助かりました。ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「【ktai style】カスタマイズ中のトップページでの問題点」には新たに返信することはできません。