[WordPress]モバイル機器の場合、モバイル版のページに移動する

13のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기
ワードプレスモバイル機器用の関数

最近出てくるほとんどのワードプレスのテーマは、反応型で出てくるので、モバイル機器とタブレット機器のため、別の作業をしてやる必要がありません。 モバイル機器のレイアウトを変更するには、CSSのメディアクエリ機能を使用することができます。

モバイル機器の場合、モバイル版のページに移動させる方法

header.phpファイルにコードを追加する

別の方法として、モバイル機器向けに、別のページを作成し、PCとモバイル機器に別々のページに移動させたい場合があります。 この場合、利用可能なワードプレス組み込み関数が wp_is_mobile()です。

仮に モバイルというページを一つ作って、モバイル機器の場合、このページに移動(リダイレクト)させる方法を考えてみることができます。 この場合は、次のようなコードを header.phpの ファイルの一番上に位置させるとされます。

// 홈페이지와 전면 페이지에 모바일 기기가 접속할 경우 http://www.example.com/mobile 페이지로 리디렉션시키기
<?php
if ( wp_is_mobile() && (is_home() || Is_front_page()) ) {
$url = home_url( 'mobile', 'relative' );
wp_redirect( $url);
exit;
}
?>

上記のコードを追加すると、フロントページ、またはホームページにモバイル機器に接続すると http://user_site_url/mobile ページに移動(リダイレクト)します。 wp_redirect 代わりに header( 'Location:http:// user_site_url / mobile');を使用してもされます。 wp_redirect詳細については、 ここを参考にしてみてください。

wp_print_scriptsアクションを使用する

参考までに wp_head フック(参考)を使用すると、テーマのソースファイルを編集せずに関数ファイルに直接追加することができます。 wp_is_mobile() 関数は、 wp_head アクションでは、正常に動作しません。 この場合、 wp_print_scripts フックを追加すると、問題が解決ね(参考). wp_print_scripts フックの詳細については、 ここで確認することができます。

// 워드프레스 전면 페이지(홈페이지)에 모바일 기기가 접속할 경우 http://www.example.com/mobile 페이지로 리디렉션시키기
// Redirect to its mobile page when users access the front page or homepage using mobile devices in WordPress 
function deque_my_scripts () {
if (is_home() || is_front_page()) {
$url = home_url( 'mobile', 'relative' );
wp_redirect( $url);
exit;
}
}

if (wp_is_mobile())
{
add_action('wp_print_scripts','deque_my_scripts');
}

このように wp_is_mobile() 関数を使用すると、別のライブラリなしモバイル機器にして容易に目的のURLにリダイレクトすることができます。 もちろんwp_redirect代わり header( 'Location:http://www.example.com/mobile'); 形式を使用してもされます。

アップデート: wp_is_mobile()関数は、モバイル機器とタブレット機器を区別しません。 そしていくつかの記事では、この関数を使用していない方が良いと出ていますね。 スマートフォンやタブレット機器を区別する必要がある場合は、次の記事で紹介するプラグインを使用することができスビンダ。

よくない場合は、次の2つの文に記載されている方法を試してみてください。

注:



13のコメント

コメント

  1. さまざまなデバイスを検出するための条件関数を提供する WordPress プラグイン(WordPress plugin that provides conditional functions for detecting a variety of devices):

    https://github.com/scottsweb/mobble

    応答
  2. Cafe24モバイルmフォルダ参考(mサブドメイン関連):

    https://www.technote.co.kr/php/technote1/board.php?board=memberqna&command=body&no=29394

    応答
  3. もしかしたら、マルチサイトもモバイルをリダイレクトすることができる方法を知ることができますか?

    見つけ見るのいずれかのサイトをモバイルリダイレクトする方法は出てくる、
    マルチサイトはどのようにリダイレクトさせるかアンナオネヨ〓〓
    方法を知りなら返信お願いします。

    応答
    • こんにちは?

      マルチサイトをサポートするプラグインを使って見ればどうでしょうか
      https://1.envato.market/gerWA

      無料のプラグインでは、Equivalent Mobile Redirectというプラグインがありますね。
      https://wordpress.org/plugins/equivalent-mobile-redirect/

      応答
      • ああプラグイン以外の他の方法がないでしょう〓〓?
        header.phpファイルには、複数のサイトではなく、一つのサイトだけでモバイルリダイレクトがされているんですか?

      • まず、上記のコードは無視ハシゴヨ、 https://www.thewordcracker.com/intermediate/%EC%95%84%EC%9D%B4%ED%8F%B0%EB%AA%A8%EB%B0%94%EC%9D%BC-%EA%B8%B0%EA%B8%B0%EB%A5%BC-%EA%B0%90%EC%A7%80%ED%95%98%EC%97%AC-%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98%EC%8B%9C%ED%82%A4%EA%B8%B0/ ページを参照してください。

        マルチサイトで正確にどの部分がないでしょうか?
        私のマルチサイトを運営していないため、正常に確認を差し上げることができませんね...
        現在のサイトのURLをチェックする問題であれば、 http://wordpress.stackexchange.com/questions/114742/multisite-get-home-url-getting-url-for-current-site 文を参考にしてください。

      • 高速親切返信本当にありがとうございます〓〓
        私悩んでいるのは事実の前にサイトを作成置きくださった方
        マルチサイトに設定しおかと、携帯電話でも携帯電話専用ページにリダイレクトされるようにしておいてショトんですよ。

        だからabcdef.comをモバイルで接続すると、自動的にabcdef.com/mobileにリダイレクトされるようになっています。

        ところが、今は、モバイル/ pcを連動させてたくてリダイレクトされることを削除したいのです - どこのコードを削除すべきか分からないですねㅠㅠ

        ところがこれがマルチサイトだ見て、
        したサイトのみを変更する必要がじゃなくて、残りのサイトもある変更する必要がする
        header.phpでは、このソースを参照することができがなく
        もしかしたらheader.phpファイル以外のファイルもリダイレクトソースを設定することがいるのか気になって文を生成します。

        続いファイルごとに調べているが出ないですねㅠㅠ

      • よくご存知だと思い、どのように携帯電話にリダイレクトされるように設定されていることを確認する必要が、その部分を削除することができそうです。
        以前にサイトを作った方に連絡して、その部分を問い合わせてみていかがでしょうか

        チョンならないと https://www.thewordcracker.com/support-system/ ページで、サービス(有料)をご依頼することができます。(笑)

      • 問題解決しました!
        .htaccessファイルにリダイレクトされるように、ソースが設定されているんですよ -
        マルチサイトは、.htaccessファイルでは、モバイルページにリダイレクトソースを挿入するのはガブワヨ -

        リダイレクトソースがどのような部分が何を言って、どの部分を配置する必要が適用され、このようなものが詳細に理解が付いているが、一度問題は解決しました。
        親切な回答ありがとうございました:)

      • 解決できていなんて本当によかったですね。

        昨日は少し考えてみたところ、このような場合1)プラグインにリダイレクトの設定、2)テーマファイルにコードを挿入、3).htaccessで制御などが可能ではないかと考えました。 (いちいちチェックすることが容易ではないが、一つずつチェックしてみると、そして継続的に問題に焦点を当てていると、いつが解決されることが問題の属性です。笑)

        楽しい金曜日なられ、週末と休日もよく送ってください。

  4. wp_is_mobile()関数は、使用していないことが望ましいとします。 代わりに https://www.thewordcracker.com/intermediate/%EC%95%84%EC%9D%B4%ED%8F%B0%EB%AA%A8%EB%B0%94%EC%9D%BC-%EA%B8%B0%EA%B8%B0%EB%A5%BC-%EA%B0%90%EC%A7%80%ED%95%98%EC%97%AC-%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98%EC%8B%9C%ED%82%A4%EA%B8%B0/ 文を参考にしてください。

    応答