3

だから私は愚かにも最近の記事のリストを設計しました.すべては世界に適していますが、最初の2つのエントリhtmlは残りのエントリとは著しく異なります.

私はまだコード行を変更していないので、誰にでもアドバイスを提供していただければ幸いです。

簡単に言えば、ul は次のようになります。

<li class="1of2"> /* It's number 1 – give it a class to identify it as special */
<h1>{title}</h1>
<p>{short_desc}</p>
</li>
<li class="1of2"> /* It's number 2 – give it a class to identify it as special */
<h1>{title}</h1>
<p>{short_desc}</p>
</li>
<li> /* It's not number 1 or 2 – ie. every other item, NO class per se */
<h1>{title}</h1>
<p>{short_desc}</p>
</li>

すべてのエントリが 3 列のグリッドで、最初の 2 つのエントリがそれぞれ 1.5 列であるとします。ここで起こっているちょっとしたひっかき傷、どんな考えでも感謝して投票しました.

PS。それが役立つなら、私はStashを使用します！

4

5 に答える 5

5

の値に基づいてクラス名を出力するだけです{count}。簡単にするためにここでは開始タグ全体を出力しました<li>が、クラス属性またはクラス名自体を出力することもできます。

{if count<=2}
    <li class="special">
{if:else}
    <li>
{/if}
        <h1>{title}</h1>
        ... etc.
    </li>

ちなみに、数字で始まるクラス名は使えないと思います。

于 2012-10-30T10:49:31.313 に答える
1

最初の2つのそれぞれに一意のクラス名を付けたい場合は、次のようにします。

<li{if count<=2}class="top{count}"{/if}>

それが出力されます

<li class="top1">...
<li class="top2">...
<li>...

最初の2つのアイテムに同じクラスを持たせたい場合：

<li{if count<=2}class="whateveryouwant"{/if}>

出力されます

<li class="whateveryouwant">...
<li class="whateveryouwant">...
<li>...
于 2012-10-30T13:27:09.667 に答える
0

できませんでした{if count == "1|2"}class="whatever"{/if}か？

于 2012-10-30T09:58:09.020 に答える
0

最初のエントリ用と 2 番目のエントリ用の 2 つの一意のクラスを要求しているようです。その場合、これは機能します：

{if count == 1}
    <li class="first">
        <h1>{title}</h1>
        <p>{short_desc}</p>
    </li>
{if:else if count == "2"}
    <li class="second">
        <h1>{title}</h1>
        <p>{short_desc}</p>
    </li>
{if:else}
    <li>
        <h1>{title}</h1>
        <p>{short_desc}</p>
    </li>
{/if}

また、数字で始まるクラス名は検証されません。

于 2012-10-30T15:37:43.810 に答える
0

条件の if:else 部分を必要とする「他の」クラスがない場合は、単純な条件でも同様に実行できます。

<li{if count == "1"} class="first"{/if}{if count == "2"} class="second"{/if}">
    <h1>{title}</h1>
    <p>{short_desc}</p>
</li>

これは、MediaGirl の提案がよりエレガントに処理する、あるオプションと別のオプションの異なるカスタム フィールドなど、他の違いがないことを前提としています。それらの唯一の違いがクラスの割り当てである場合、これは別の選択肢です。

于 2012-10-30T17:07:44.143 に答える