読者です 読者をやめる 読者になる 読者になる

GameProgrammar's Night

ゲームプログラム系の覚え書き

WPtouchプラグインでスマホデザインにするリンクの貼り方

 WPtouchを使ってる時、スマホでデスクトップ表示させた後、スマホ表示に戻すリンクが出ない時の対処方です。 

wptouch_show_desktop_switch_link関数

 wptouch_show_desktop_switch_link関数をリンク挿入したい場所に記述します。
 wptouch_show_desktop_switch_link関数を使うと、divタグで囲まれたシンプルなタグが挿入されます。

<div class="wptouch-desktop-switch" style="z-index:1000; padding-top: 10px; padding-bottom: 40px; font-size: 110%; text-align: center; font-weight: bold;">	
	Desktop Version | <a href="(mobile表示へのURL)">Switch To Mobile Version</a>
</div>

 上のようなのが挿入されます。

スマホ表示へリンクのデザインを変えたい時

 スマホ表示へのURLは、wptouch_get_desktop_switch_link関数で取得できますので、自由にデザインすることもできます。

 <a href="<?php wptouch_get_desktop_switch_link(); ?>">モバイル表示!!!</a>

 他にもwptouchの機能を使う場合は、wptouch/core/global.php に定義されてる関数が使えます。