WP:スマホでPC表示する方法

スマホでPC表示する方法が見当たらなかったのでプログラムを組んでみました。今後プラグイン化もできれば良いと考えています。

※複数のテーマを用意する方法もあったのですが一つのテーマでやりたかったので今回の方法をとりました。

スポンサーリンク

使用方法

urlの後に「?v=pc」を追加するとPC表示になります。
urlの後に「?v=none」を追加するとスマホ表示に戻ります。

導入方法

下記のハイライト(ねずみ色の部分)しているものを追加するだけです。

↓header.php

[html highlight=”3-11″] <meta charset="<?php bloginfo( ‘charset’ ); ?>">
//上のcodeを探して以下を追加
<? if($_COOKIE["v"]=="pc"){ ?>

<meta name="viewport" content="width=1000">

<? }else{ ?>

<meta name="viewport" content="width=device-width">

<? } ?>
[/html]

↓header.php

[html highlight=”3-19″] <?php wp_head(); ?>
//上のcodeを探して以下を追加
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<? if($_GET["v"]=="pc"){ ?>
<script>
jQuery(document).ready(function(){
jQuery.cookie("v", "pc", { expires: 7, path: "/"});
location.href=location.href.replace(/\?.*$/,"");
});
</script>
<? } ?>
<? if($_GET["v"]=="none"){ ?>
<script>
jQuery(document).ready(function(){
jQuery.removeCookie("v", { path: "/" });
location.href=location.href.replace(/\?.*$/,"");
});
</script>
<? } ?>
[/html]

この記事が気に入りましたらフォローお願いします。

ブログの更新情報や日常の事などをつぶやいています。

スポンサーリンク

シェアする

フォローする