[wordpress]プラグイン未使用でOGP設定

参考サイト様
[ WP ] OGPとは? WordPressにプラグイン無しで設定する方法

こちらで設定できましたー^^
ありがたやー(-人-)
カスタム投稿の説明文もそのまま出せるので助かります^^b

あと、fb:adminsの取得は下記のサイト様の
FacebookのOGPに fb:admins と fb:app_id の設定は必要?htmlタグのxmlnsは?

http://graph.facebook.com/username ここの部分で確認できます

[wordpress]レスポンシブ用 is_mobileでipad除外&ipadの判定

タイトルがもはや意味不明なほど頭が働かないこの頃。
とりあえずレスポンシブ作成中なんですがメディアクエリだと、どーにも表示位置(コンテンツの出力)が変更できないので、なんとかPC・スマホ・ipadで判別できないかなーと探してみたらありました。

is_mobile関数にipad除外すると、ipadの判定はどーしたらええねんと思ってましたがis_mobile関数流用するといけそうな感じでした。

参考サイト様:http://tetokon.com/2013/07/17/wordpress_ipad_kirikae/

そのまま引用させていただきまして、

function is_ipad(){
$useragents = array(
‘iPad’, // Apple iPad
);
$pattern = ‘/’.implode(‘|’, $useragents).’/i’;
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

こちらでいけるみたいです。
ありがたやー(-人-)

[jquery]アコーディオンメニュー改

大分前に書いたやつ([Jquery]マウスオーバー/マウスアウトでアコーディオンメニュー)だと読み込み時にメニューのところにホバーしているとずれてしまう現象が出たのでこっちに修正。

$(document).ready(function(){
    $(function() {
	$("#navgation li").hover(function() {
		$(this).children('ul').show();
		if($(this).find('ul').prev().hasClass("current")) {$(this).find('ul').prev().removeClass("current").parent().removeClass("current");
		}else {
			$(this).find('ul').prev().addClass("current").parent().addClass("current");
		}
		
	}, function() {
		$(this).children('ul').hide();
		$(this).find('ul').prev().removeClass("current").parent().removeClass("current");
	});
    });
})

[覚書]スマホでページ内リンク

ページ内リンク押せないので焦ってたらスマホは同ページ内リンク効かないですね

というわけで、こちらのサイトさんのコードを拝借しまして
http://mermaid1112.hatenablog.com/entry/2012/09/01/192503
http://jsdo.it/blogparts/sFQq 

<script>
var flag;
$('a')
.bind( 'touchstart', function(){
flag = true;
}).bind( 'touchmove', function(){
flag = false;
}).bind( 'touchend', function(e){
linkEvent(this,e);
flag = false;
});

function linkEvent(self,e){
if(flag){
var url = $(self).attr('href'),
$target = $(url);
if ($target.length) {
e.preventDefault();
//$(window).scrollTop($target.offset().top);
$('html,body').animate({ scrollTop: $target.offset().top }, 'normal', 'swing');

return false;
}
}
}

</script>

//で消している下の部分を

$(window).scrollTop($target.offset().top);

スムーズスクロールにしたかったんでこっちに修正して完了!

$('html,body').animate({ scrollTop: $target.offset().top }, 'normal', 'swing');