https://qwerty.work/tags/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%9B%E3%83%B3/ Recent content in スマートホン on qwerty.work Hugo -- gohugo.io ja-JP Wed, 26 Sep 2012 22:02:59 +0900 https://qwerty.work/post/2012/09/htaccess/ Wed, 26 Sep 2012 22:02:59 +0900 https://qwerty.work/post/2012/09/htaccess/ <p>Apatchのmod_rewriteを使ってスマートホン用のサイトにリダイレクトさせる方法をメモ。</p> <p>MovableTypeのプラグインを組み込んでスマホ用のブログページを作りました。</p> <p>PC用のブログはルートディレクトリの「blog」で、スマートホン用のブログを「blog」の中の「i」にしたとします。</p> <p><img alt="ディレクトリ" class="gallery-image" data-flex-basis="496px" data-flex-grow="206" height="150" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://qwerty.work/post/2012/09/htaccess/images/WS000000.jpg" width="310"></p> <p> </p> <p>スマートホンからアクセスを転送するため、「blog」ディレクトリに以下の内容で.htaccessを作成します。</p> <pre tabindex="0"><code>#スマホサイトにリダイレクト RewriteEngine On RewriteBase /blog RewriteCond %{REQUEST_URI} !^/blog/i/.*$ RewriteCond %{REQUEST_URI} !^(.JPG|.jpg|.GIF|.gif|.PNG|.png) [NC] RewriteCond %{HTTP_USER_AGENT} ^(iPhone|iPod|Android|BlackBerry|Windows.Phone) [NC] RewriteCond %{HTTP_USER_AGENT} !iPad [NC] RewriteRule ^(.*)$ /blog/i/$1 [R=301,L] </code></pre><p> </p> <p>もし、画像やiPadを除き「blog」にスマートホンからアクセスがあった場合は「i」にリダイレクトするという内容。</p> <p>「i」ディレクトリには画像がないため、ブログ内の画像のソースやリンクまでリダイレクトされると画像が表示されず困るので、画像はリダイレクトしないように5行目を加えています。</p>