Introduction
こんにちは。阿豆らいち(@AzuLitchi)です。
今回は、はてなブログのトップページを判定する方法についての解説です。
はてなブログでトップページを判定する方法
Minimal Greenさんのこちらの記事の・・・
// URLがトップページのとき実行
if(location.href=='http://example.com/'){
$('#main-inner').before($('.toppage-add'));
}
このコードを見たらいちが、TwitterでMinimal Greenさんに絡み始めました。
面倒くさいことを回避するためならどんな面倒もいとわない!
そして数時間後・・・
結局URLで判定です。はてなの管理画面のURLも判定するようにしただけ。
私のコードは一部不具合ありましたがMinimal Greenさんが直してくれました。
こちらのjQueryコードをフッタに埋めてトップページかどうか判定できます。
var TopUrl = $(location).attr('protocol') +'//'+ $(location).attr('host')+'/';
var myUrl = location.href;
if(myUrl==TopUrl || myUrl==TopUrl+'preview/index_design'){
// URLがトップページのとき実行するコード
}
これで、インデックス形式のトップページをページ送りすると消える、本当のトップページだけに表示させるアイテムなどを配置したりできます。
早速、過去のスプラトゥーン記事で書いたカラーイラストをランダムに一枚表示するJavaScriptを埋め込んでみました。
http://azulitchi.hatenablog.jp/
トップページのヒミツ基地感がじわじわ増して来たと思います。
これも、わかる人ならばこのブログのトップページのHTMLとCSSとJavaScriptはソース読んで使ってもらってもOKです。
但しそのコードを改変なくそのままコピペして記事に転載するのはNGです(改良してコードを紹介される分には構いません)。
「面倒くさいことを回避するためならどんな面倒もいとわない! 」
は、割とホントに普段の仕事の時の信条としています。
Excelのシートから大量のdivカード作る作業がちょう面倒だったので、csvをphpで読んでhtmlを出力するスクリプトをゴリゴリ書いてみたりとか…
そういう面倒なことをして、次に同じ作業依頼が来た時には面倒なことから回避したいのです。自作ツールの数だけ作業が速くなるのです。
・・・同じ作業を依頼されないこともままありますが。
それではまた…さよならいち!・∀・)ノ