3

私のクライアントは、OpenCMSを使用して開発された既存の商用Webサイトを持っており、同じもののモバイルバージョンを作成したいと考えています。

「m」で始まるウェブサイトを見たことがあります。「www」の代わりに これらは、同じデータベースにアクセスするが実際のWebサイトから独立しているWebサイトのモバイルバージョンであると推測しています。また、検出されたデバイスがモバイルの場合、ユーザーはモバイルバージョンにリダイレクトされます。

しかし、その後、OpenCMSにはモバイルフレンドリーなテンプレートを作成するためのオプションがあることもわかりました。<cms:device type="mobile">

モバイルウェブサイトの作成に関する私の知識は非常に限られています。したがって、上記の2つのオプションのどちらか、または私が知らない他のオプションのどちらが正しい方向に進むかを知りたかっただけです。

ありがとうございました！

4

2 に答える 2

4

ますます多くのウェブ開発が「レスポンシブウェブデザイン」を目指しています。まず、このhttp://en.wikipedia.org/wiki/Responsive_Web_Designについて少し読むことから始めることができます。実際のウェブサイトを見ずにニーズに最適なものを決定することは非常に困難ですが、レスポンシブアプローチは良いスタートになる可能性があります。代替案は、モバイル専用サイト（m。）を作成することですが、モバイルプラットフォームは、私の意見が望むほど均質ではないため、レスポンシブな代替案に向かっています。

于 2012-09-14T07:27:34.897 に答える
3

一部のサイトでは、ユーザーエージェントに基づいて、含める実際のテンプレートを決定する「フロント」テンプレートを作成するアプローチを使用しました。

もちろん、このアプローチでは、2つの別個のテンプレートを作成する必要があります。1つはサイトのフルデスクトップバージョン用で、もう1つはモバイルバージョン用です。もちろん、css、画像、JavaScriptをそれらの間で共有することもできます。

最近はゼロから始めて、レスポンシブデザインでjthemansの答えを探します。

しかし、大きな予算がなく、解決策をすばやく考え出す必要がある場合は、distinct-template-approachの方が速くなります。

とにかく、ここに私が言及した単純な「フロント」テンプレートがあります：

<%@ page session="false" %>
<%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:choose>
<c:when test="${    fn:contains(header['User-Agent'], 'Android') or
                    fn:contains(header['User-Agent'], 'iPhone') or
                    fn:contains(header['User-Agent'], 'iPod')
}">
    <cms:include page="/templateMobile.jsp" />
</c:when>
<c:otherwise>
    <cms:include page="/templateFull.jsp" />
</c:otherwise>
</c:choose>
于 2012-09-19T19:29:14.620 に答える