jQuery Mobile リスト表示の折り返し表現

jQuery Mobile　を利用してページを作成すると、リスト表示内の文字列が折り返しになるので、その修正方法。


HTMLヘッダー部に、


<style>
.ui-li .ui-btn-text a.ui-link-inherit {
    white-space: normal;
}
</style>



を記載する。

リスト内の<h>要素の折り返しは、

.ui-li-heading

を指定する。

カスタムフィールドを作成する方法

チェック形式のフィールドを作りたい。

参考URL：http://www.movabletype.jp/documentation/mt5/custom-fields/

出来上がったMTタグ

<mt:If tag="EntryData_Intermediate_5">
Intermediate 5: <mt:EntryData_Intermediate_5>
</mt:If>

MT5でサイト再作成へ

MTを利用していたけど、CMSとして使い込んでいなかったので、現在運営しているサイトをデザインし直してMTで管理できるようにしようと思う。MT利用の備忘録としても残していけたらなあ。

大雑把な流れ）
ページのデザインしなおし
サイト構成を考える
MTへ置き換える

まあ、デザインはできているとして、MTを利用しながら実際に作っていくのがいいのかな。こういう時にはどうしたらいいんだろう？みたいな感じでサイトを構築してみる。興味があればもう少し掘り下げても良いし。。。もちろん、作るのはローカルに環境を作ってから（＾＾

MTでパンくずリストをつくりたい

？記事の下部に、前後の記事へのリンクをつくりたい
？関連記事の一覧を表示させたい

■記事の上部にパンくずリスト作成
→ウィジェットにあるコードをそのまま抜いてみたら上手くいった。
    <mt:TopLevelCategories>
        <mt:SubCatIsFirst>
        <ul>
        </mt:SubCatIsFirst>
        <mt:If tag="CategoryCount">
            <li><a href="<$mt:CategoryArchiveLink$>"<mt:If tag="CategoryDescription"> title="<$mt:CategoryDescription remove_html="1" encode_html="1"$>"</mt:If>><$mt:CategoryLabel$> (<$mt:CategoryCount$>)</a>
        <mt:Else>
            <li><$mt:CategoryLabel$>
        </mt:If>
        <$mt:SubCatsRecurse$>
            </li>
        <mt:SubCatIsLast>
        </ul>
        </mt:SubCatIsLast>
    </mt:TopLevelCategories>

→同じようにアーカイブのページにも付けてみたが、サブカテゴリーが存在するとサブカテゴリーまで表示されてしまうことになった。

→サブカテゴリーがあってもカテゴリーアーカイブページのパンくずリストには、サブカテゴリーを表示させないようにしないといけない。（上のソースを触ればなんとかなるのかな）