Kentico日本 ニュース > 11月 2016 > レスポンシブWebサイトはより簡単に

レスポンシブWebサイトはより簡単に

ideas.kentico.comで400票以上集まった、アイデアがKentico 10に実装されました。

長年にわたり、新しいデバイス、解像度標準、網膜ディスプレイ、さまざまなビューポートのフロントエンドのベストプラクティス、アートディレクションのサポート、アクセシビリティコンプライアンス、Webマテリアルを印刷する能力など、イメージコンテンツの要件が増え増した。

すべてのイメージ要件を満たすための方法について数多くの人と話しました。
単純に1つのイメージを持って、それら他の極端なところでは、グラフィックとコンテンツの編集者は、記事の同じイメージの複数のバリアントの作成に協力し、その後、ウェブの正しい命名と適切なプロパティを使用してすべてを1つずつ正しい順序でアップロードする必要がありました。 

私たちは、Web上のこれらのすべての要件に対処する可能性のある方法について数多くの会話をしていましたが、さまざまなアプローチについて聞いたことがあります。グラフィックスとコンテンツの編集者が記事の同じイメージの複数のバリアントを作成し、適切な順序で1つ1つずつウェブ上の適切な名前とプロパティでアップロードする必要があった。これらすべてのイメージ要件に対処する可能性のある方法について数多くの会話をしました。 私たちは、単純に1つのイメージを持ってそれらをすべて統治するという様々なアプローチを聞きました。

Web上のこれらのすべての要件に対処するための可能な方法について、数多くのお話がありました。 私たちは、単純に1つのイメージを持ってそれらをすべて統治するという様々なアプローチを聞いた。
他の極端なところでは、グラフィックとコンテンツの編集者は、記事の同じイメージの複数のバリアントの作成に協力し、その後、ウェブの正しい命名と適切なプロパティを使用してすべてを1つずつ正しい順序でアップロードする必要がありました。

お客様のご意見やアドバイスのおかげで、これらのアプローチのどれも、コンテンツエディタからの十分な時間投資と一緒に、望ましい柔軟性を提供しませんでした。複数のバリアントをアップロードする可能性があるときは、通常は作成する時間がありませんでした。さらに、バリアントが1つだけだった場合、その結果はターゲットデバイスとレイアウトの一部で妥協しました。

そのため、Kentico 10では、レスポンスイメージ管理を使用することができます。アップロードされた単一の画像添付ファイルから、コンテンツエディタがそれ以上の操作を実行する必要がなく、一連のバリアントが自動的に作成されます。

Responsive Images Management Variants

これらのバリエーションは、あらゆるサイト設計や特定のレイアウト、ネットワークスループットが制限された携帯電話から、4kのスクリーンとブロードバンド接続のデスクトップコンピュータまで、あらゆるデバイスにすぐに使用できます。

Responsive Images Management on Desktop

Responsive Images Management on Tablet

 

各プロジェクトはユニークであるため、事前定義されたバリアント定義を使用する必要はなく、独自のフィルタセットを使用して独自の画像を作成することもできます。処理、さまざまなデバイスやアートディレクションのバリアントを処理する方法の詳細については、今後のウェビナーに参加してください。