.htaccessを使ってスマホサイトとPCサイトの切り分ける方法
最近はスマホサイト作成のお仕事も増えてきました。
ず~~と後回しになっていた我社のポータルサイト「恵那山ねっと」もやっとスマホサイトの公開にこぎつけました。
そこで、スマートフォン向けサイトとPC向けサイトそれぞれをディレクトリに分けて作成し、アクセスした端末によって自動で切り分ける方法を導入してみました。
« 2013年05月 | メイン | 2013年12月 »
最近はスマホサイト作成のお仕事も増えてきました。
ず~~と後回しになっていた我社のポータルサイト「恵那山ねっと」もやっとスマホサイトの公開にこぎつけました。
そこで、スマートフォン向けサイトとPC向けサイトそれぞれをディレクトリに分けて作成し、アクセスした端末によって自動で切り分ける方法を導入してみました。
ホームページのユーザビリティを高めるために、現在表示しているページへのリンクにクラス名を追加する方法です。
意外に簡単でした。
MTでウェブページ内に同じ「タグ」を持つブログ記事の一覧を表示させる方法です。
ウェブページに関連したブログ記事一覧を表示させたいときなどに大変便利です。
ウェブページのテンプレートの「ウェブページと同じタグを持つブログ一覧」を表示させたい場所に、tag="$sameTag"を使って以下のように記述します。
<MTPageIfTagged tag="$sameTag">
<mt:EntryTags>
<mt:SetVarBlock name="sameTag"><$mt:TagName$></mt:SetVarBlock>
<p><$mt:TagName$></p>
<mt:entries tag="$sameTag">
<p><a href="<$mt:EntryPermalink$>"><$mt:entryTitle$></a></p>
</mt:entries>
</mt:EntryTags>
</MTPageIfTagged>
いろんなところで応用できそうですね。
企業サイトなどによく「Q&A」のページを付ける場合がありますが、あれを簡単に更新できるようMTを使って構築する方法です。
さらに、jQueryを使って、質問をクリックすると答えがスライドして表示(折りたたみ)するようにします。