2017-05-10 10 views
2

Wordpress Clientは、モバイルデバイス(携帯電話のみ)に、ウェブサイトの反応バージョンに行くのではなく、セルと電子メールへのリンクを含む単一の画像を表示させたいと考えました。メディアクエリを使用して600px幅のブレークポイントを決定し、デスクトップとiPads用のWebサイトを表示し、電話用の画像のみを表示します。Wordpressでのみモバイルデバイスのランディングページを作成する方法

クライアントは別のリンクを追加して、モバイルユーザーがウェブサイトの反応バージョンを選択できるようにしました。

どうすればいいのですか?モバイルデバイスのランディングページを使用していると思うのはうまくいくかもしれませんが、どうすればよいのでしょうか?同じメディアクエリを使用している場合、どのようにWebサイトとイメージにリンクできますか?
URL:[iocomm.com] ありがとうございました!

+0

はたぶん、これは使用のものとすることができる。http://stackoverflow.com/q/19285382 – brasofilo

答えて

0

これはかなり簡単です。 JavaScript cookiesを使用して、応答可能なバージョンを表示するかどうかを判断できます。このCookieは、アンカー要素を使用して設定できます。私は、おそらく.non-responsiveを呼び出すクラスにブレークポイントルールを設定し、それを<body>タグに追加します。ページの読み込み時に、Cookieがtrueに設定されているかどうかを確認してから、レスポンシブウェブサイトを表示している本文からブレークポイントクラスを削除します。

1

wordpressプラグインで問題がなければ、wp-splash-pageをインストールし、ファイル/wp-splash-page/inc/class-wp-splash-page.phpにreturn trueの直前にこの条件を追加してください。 test()関数内のステートメント:それは魅力のように働いている

if ($this->settings['show_on_mobile'] && ! $this->detect->isMobile() && ! $this->detect->isTablet()) 
      return false; 

関連する問題