レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた

スマホ対応

http://katoshun.com/blog/switch-screen.html

PC用のviewportの記述

<meta name="viewport" content="width=1024" />

スマートフォン用のviewportの記述

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />


HTMLの記述

<ul>
<li><a id="btnPC" href="#">PC</a></li>
<li><a id="btnSP" href="#">SP</a></li>
</ul>

JavaScriptの記述

$("head").append("<meta name='viewport' content="
	+($.cookie("switchScreen") == 1 ? 
		"'width=1024'" : 
		"'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0'")
	+" />");

$(document).ready(function() {
	$("#btnPC, #btnSP").click(function() {
		$.cookie("switchScreen", $(this).attr("id") == "btnPC" ? 1 : 0);
		location.reload();
		return false;
	});
});

wp-custom-fields-search

WordPress

で、

Warning: Illegal string offset 'preset' in ××/××/××/wp-content/plugins/wp-custom-fields-search/wp-custom-fields-search.php on line 401

のエラーが出る場合、wp-custom-fields-search/wp-custom-fields-search.phpを

　　　function process_shortcode($atts,$content){
　　　$atts["preset"] = "";　//この行追加
　　　　return $this->generate_from_tag(array("",$atts['preset']));
　　　}

とすればよい