いつもお世話になっております。shigeです。
また一点質問をさせてください。
CMSDesignerから更新した内容を、CSSファイルに反映することは可能でしょうか?
たとえば、スタイルシート側に記述されているバックグラウンド画像指定や、見出し画像等の指定をCMSから切り替えて、動的にデザインを変更する・・というようなケースです。
更新される側の拡張子をPHPにする関係上、上記の様なことは無理がありますでしょうか?
CMSDesignerからのCSS更新
Re: CMSDesignerからのCSS更新
shigeさん、こんにちは。
http://cms.al-design.jp/phpbb/viewtopic.php?t=322
商品Aと商品Bがあり、オススメ設定で商品Bだけのcssを変更したい場合
Aの場合のcss(通常)を、「default」
Bの場合のcss(おすすめ)「osusume」
を用意しておき、xsl:attribute でcssを切り替えることが出来るかもしれません。
例えば、スキーマファイルに
という設定があって、デザイン定義ファイルを
にした場合
●通常表示の場合
●おすすめ表示の場合
になると思います。
まだ試していないのですが。。。
こちら↓の方法で実現可能じゃないでしょうか?shige さんが書きました:CMSDesignerから更新した内容を、CSSファイルに反映することは可能でしょうか?
たとえば、スタイルシート側に記述されているバックグラウンド画像指定や、見出し画像等の指定をCMSから切り替えて、動的にデザインを変更する・・というようなケースです。
http://cms.al-design.jp/phpbb/viewtopic.php?t=322
商品Aと商品Bがあり、オススメ設定で商品Bだけのcssを変更したい場合
Aの場合のcss(通常)を、「default」
Bの場合のcss(おすすめ)「osusume」
を用意しておき、xsl:attribute でcssを切り替えることが出来るかもしれません。
例えば、スキーマファイルに
コード: 全て選択
<data name="syouhin" type="text" caption="商品名" />
<data name="strong" type="menu" caption="おすすめ表示">
<menuitem id="default">通常表示</menuitem>
<menuitem id="osusume">おすすめ</menuitem>
</data>
コード: 全て選択
<div>
<xsl:attribute name="class">
<xsl:if test="strong='default'">default</xsl:if>
<xsl:if test="strong='osusume'">osusume</xsl:if>
</xsl:attribute>
<xsl:value-of select="syouhin" />
</div>
●通常表示の場合
コード: 全て選択
<div class="default">
商品A
</div>
コード: 全て選択
<div class="osusume">
商品B
</div>
まだ試していないのですが。。。
tsuさま、miyaさま、ご回答いただきありがとうございます。
なるほど。
miyaさまにご提示いただいた内容でhtml側のclss指定を動的に変更することにより、適用されるスタイルシートを切り替えて表示することが出来そうですね。
この方法でもいろいろ解決する部分がありそうです!ありがとうございます。
もう一つ想定していたのは、cssファイル内の記述内容自体をCmsdesignerで更新する。というケースで、たとえば下記の様なスタイルシート記述内容が、
となっていた場合に、
background-image: url(../../common_imgs/top_bg.jpg); <<ここのファイル名(top_bg.jpg)をCMSDesignerから指定する。
というように、BG画像をCMSで指定出来れば便利だなと思っていたのですが、おそらく無理な様な気がしてきています。。
ご回答ありがとうございました!
なるほど。
miyaさまにご提示いただいた内容でhtml側のclss指定を動的に変更することにより、適用されるスタイルシートを切り替えて表示することが出来そうですね。
この方法でもいろいろ解決する部分がありそうです!ありがとうございます。
もう一つ想定していたのは、cssファイル内の記述内容自体をCmsdesignerで更新する。というケースで、たとえば下記の様なスタイルシート記述内容が、
コード: 全て選択
#container_top{
width: 100%;
color:#333;
position:relative;
min-height: 100%;
background-image: url(../../common_imgs/top_bg.jpg);
margin: 0 auto;
padding: 0;
background-repeat: repeat-x;
text-align: center;
}
background-image: url(../../common_imgs/top_bg.jpg); <<ここのファイル名(top_bg.jpg)をCMSDesignerから指定する。
というように、BG画像をCMSで指定出来れば便利だなと思っていたのですが、おそらく無理な様な気がしてきています。。
ご回答ありがとうございました!