サンプルサイト「Web素材.net」.htaccessとURLクエリストリング(パラメータ)を使うクエリストリング(クエリパラメータ)などと、小難しい名前がついているが、簡単に言うとURLの後ろについている「?xxx」というやつだ。ファイルに以下の記述をコピペする。ない場合は、下のファイルを右クリックダウンロードして、FTPソフトでアップロードすればOK。WordPress用も用意している。site用の.htaccesswordpress用の.htaccessなお、ダウンロードした「site.htaccess.txt」などは、アップロード後に、「.htaccess」に名前を変えてくれ。[T=application/octet-stream]全く同じでなくてもいい。[T=application/octet-stream]などでも大丈夫。downloadがクエリストリング。下の例ではdlがクエリストリング。画像リンクのパスの後に、クエリストリングを追加するこれで、普通の画像リンクだといつも通り画像が表示される。リンクの後に「?download」とつけておくと、リンクをクリックすると即座にダウンロードが開始される。href=”/xxx/写真名.jpg?download”>ダウンロードはこちら</a>クエリストリングにdownloadがついている時に、即座にダウンロードが開始されるわけだ。^downloadクエリストリングが「download」かどうかをチェックする。([^/]*)$この記述は、全てのファイルパスやファイルの種類にマッチすることになる。ついている場合に適用される。–このダッシュで、以下はURLやパス、ファイル名じゃないよという事を表している。[T=application/octet-stream]TはTypeの略。これでファイルタイプを変更しますよ。これは、「任意のデータ」という意味になる。画像でもなく、文章でもなく、動画でもない、「何かしらのデータ」なので、ブラウザで開かれたり、Windowsメディアプレーヤーが立ち上がる事もなく、ダウンロードが開始される。全体で、クエリストリングに「?download」がついている場合は、いかなるファイルタイプであっても、それを任意のデータとして受け取るように、ルールを書き換えますよ。ダウンロードが開始されるわけだ。ちなみにこれを使えば、画像でなくても「.html」ファイルや、動画ファイルであってもダウンロードさせることができる。URLの後ろに「?download」のクエリストリングをつけるだけでOK。src=”ダウンロードボタンの画像.jpg”></a>と記述してやることで、任意のサムネイルをダウンロードさせることができる。スマホ・パソコン・Web関連Facebookの「いいね」ボタンと、タイムラインをスマホサイトでレスポンシブにする。コメントするFacebookのタイムラインを埋め込むと横幅が660px固定になるスマホやタブレット向けの可変Webサイト、いわゆるレスポンシブデザインというものがあるが、Facebookのタイムラインが微妙にレスポンシブデザインに対応していない。これはCSSでうまく対応できるので、紹介しておこう。Strength</a></blockquote></div></div>これがFacebook公式からコピペした状態だ。見ても分かる通り、data-widthが660で固定になっているように見える。何やってねんザッカーバーグ。思った人も少なくなかろう。実はFacebookは自動でスマホ向けに最適化される実は、「data-width」は660と書いてはいても。実は自動である程度サイズを合わせてくれる。↓↓↓↓スマホ表示↓↓↓↓これでも使えなくはない。スマホで見ると、画面横幅いっぱいいっぱいにFacebookのタイムラインが広がり、スマホ画面のフリックでスクロールしてもタイムラインのスクロールになってしまう。結果としてWebサイト自体のスクロールがやりにくくなるわけだ。