人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Webサイト制作に関する質問です。
コンテンツ(一覧+詳細)を各デバイスで共有できる構築方法を教えて頂けないでしょうか?


注意事項として、デバイス毎に下記のようにディレクトリが変わります。
・PC : www.○○○.com/
・スマホ : www.○○○.com/sp/

また、用途がニュースリリース等なので、詳細ページは無制限に増やせることと、年度ごとなどのアーカイブページも必要です。


WordPressなら出来るかな?と思ってたのですが、ディレクトリが変わった場合の処理方法がわからず・・・。

アドバイス頂けないでしょうか?


●質問者: kazoo9
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● oil999
●200ポイント ベストアンサー

詳細は静的コンテンツでしょうから、ソースをXML形式で記述するなどして、ディレクトリ毎にデバイスに適したXSLまたはCSSを配置して整形してやるといいでしょう。

一覧は動的コンテンツになるのだったら、データベースに格納しておき、詳細と同様にディレクトリ毎にデバイスに適したスタイルシートを使って整形してやるといいでしょう。

XMLとスタイルシートについて

http://ash.jp/xml/addr/index.htm


kazoo9さんのコメント
CMSを使わなくても出来るのですね。勉強してみます。 ご回答有難うございました!

2 ● みかん
●0ポイント


<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

<xsl:template match="/">

<html lang="ja">
<head>
<title>住所録</title>
<link rel="stylesheet" type="text/css" href="addr.css"/>
</head>

<body>

住所録




名前
郵便番号
住所
電話番号


<xsl:apply-templates select="住所録/個人情報"/>

</body>
</html>

</xsl:template>

<xsl:template match="個人情報">

<xsl:value-of select="名前"/>
<xsl:value-of select="郵便番号"/>
<xsl:value-of select="住所"/>
<xsl:value-of select="電話番号"/>

</xsl:template>

</xsl:stylesheet>


次に、以下のHTMLスタイルシートファイル(addr.css)を作成します。
スタイルシートは、XMLスタイルシート(*.xsl)とHTMLスタイルシート(*.css)の2種類を使用しています。
XMLスタイルシートでは、XMLデータに依存する表現を定義します。
HTMLスタイルシートでは、タグ全体の表現や、すべての画面に共通な定義をします。 見出しの色や大きさや、表の背景色などのデザインは、HTMLスタイルシートで定義してあります。 HTMLスタイルシートは、なくてもデフォルトで表示されます。



addr.css






作成したら、IE5.0で表示してみましょう。

kazoo9さんのコメント
最初の方が紹介して下さったサイトの内容をコピペされた内容のようですが、 何か意図があるのでしょうか?
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ