web-dev-qa-db-ja.com

ユーザーのブラウザ/プラットフォームに応じて異なるサムネイル/画像を配信する方法

これは、ブラウザ/プラットフォーム(スマートフォン、ネットブック、デスクトップなど)に基づいてWordPressの画像サイズをフィルタリングする方法を説明するための一般的な質問です。 20kbの画像が自分の画面に十分な大きさになっても、携帯電話では100kbの画像をダウンロードするように強制したくないため、帯域幅を節約できます。

その結果、CSSメディアクエリを使用して、モバイル版のサイト用に別のテーマに代わる実行可能な方法を作成できるようになります。

考慮すべき点がいくつかあります。

ユーザーインターフェース

ユーザーがサムネイルや中位の画像サイズなどを異なるプラットフォーム用に、あるいは実際に異なる画面サイズ用に制御できるようにするための最善の方法は何でしょうか。

デバイス検出

サーバー側でデバイス/ UAの画面機能を検出するための最良の方法は何でしょう。すでにこれを行うプラグインはありますか?

実装

どのようにしてさまざまなサムネイルを作成してから、デバイス/画面サイズに応じてWP出力を変更するためのコードを作成しますか。理想的にはこれはテーマにとらわれず、the_post_thumbnail('medium')を呼び出すとデバイス/プラットフォームに適したサイズのイメージが返されます。

1
sanchothefat

tinysrc.net を試してください、彼らはあなたのために大変な仕事をします。テストしていませんが、有望に思えます。

1
fuxia