文字の装飾について

「まったく何も分からない・・・」そんなユーザーさんの為のフォーラムです。どんなご質問でもお気軽にどうぞ。
返信
mino
アクティブユーザー
記事: 18
登録日時: 2006年12月22日(金) 19:44

文字の装飾について

投稿記事 by mino » 2007年3月31日(土) 08:23

文字装飾方法で行き詰っています。
このようなことは可能でしょうか?


1.コンテンツ編集時に、表示させたい文字サイズを選択できる。

コード: 全て選択

▼スキーマ
<data name="title" type="text" output="html1" caption="▼記事タイトル" />
<data name="titlefontsize" type="menu" caption="記事タイトル・文字サイズ">
<menuitem id="h1">文字サイズ(大):標準</menuitem>
<menuitem id="h2">文字サイズ(中)</menuitem>
</data>

コード: 全て選択

▼デザインファイル
<[titlefontsize]><xsl:value-of select="title" /></[titlefontsize]>

[]内に値を入れたい。

2.コンテンツ編集時に、表示させたい文字サイズと色を選択できる。

コード: 全て選択

▼スキーマ
<data name="title" type="text" output="html1" caption="▼記事タイトル" />
<data name="titlefontsize" type="menu" caption="記事タイトル・文字サイズ">
<menuitem id="large">文字サイズ(大):標準</menuitem>
<menuitem id="medium">文字サイズ(中)</menuitem>
</data>
<data name="titlecolor" type="menu" caption="記事タイトル・文字カラー">
<menuitem id="black">黒:標準</menuitem>
<menuitem id="gray">灰</menuitem>
<menuitem id="red">赤</menuitem>
<menuitem id="blue">青</menuitem>
<menuitem id="green">緑</menuitem>
<menuitem id="navy">紺</menuitem>
</data>

コード: 全て選択

▼デザインファイル
<div style="font-size: [titlefontsize]; color: [titlecolor]><xsl:value-of select="title" /></div>

[]内に値を入れたい。

他に良い方法がありましたら教えていただけましたら幸いです。

よろしくおねがいします。

webmaster
Site Admin
記事: 1451
登録日時: 2004年12月10日(金) 10:09

Re: 文字の装飾について

投稿記事 by webmaster » 2007年3月31日(土) 13:14

minoさん、ご質問ありがとうございます。

少し上級的な使い方になる為マニュアルでは解説しておりませんが、
XSLTのxsl:element命令を使って可能かと思います。

コード: 全て選択

<xsl:element name="{titlefontsize}"><xsl:value-of select="title" /></xsl:element>
2については、{}の構文(属性値テンプレートと言います)を使って、次のように書くことが可能です。

コード: 全て選択

<div style="font-size: {titlefontsize}; color: {titlecolor}"><xsl:value-of select="title" /></div> 
一度、お試し下さい。m(__)m

mino
アクティブユーザー
記事: 18
登録日時: 2006年12月22日(金) 19:44

確認できました!

投稿記事 by mino » 2007年4月01日(日) 07:05

うまく表示できました。

いつもありがとうございます。

返信