状況に応じたclassを出力できる [[SI…

No.1945

状況に応じたclassを出力できる [[SITUATION:CLASS]] の記法を実装した Ver 3.1.3の動作テスト。
例えば class="[[SITUATION:CLASS]]" のように記述しておくと、状況に応じて class="home nofiltering hit toppage" のように出力されます。

※body要素に使って <body class="[[SITUATION:CLASS]]"> のように書いておけば、HTMLとしては <body class="home nofiltering hit toppage"> のように出力されますから、CSSで(ページの状況に応じた)独自の装飾に使いやすいでしょう。

🌸HOMEページに居る場合： home
🌸何も表示が限定されていない状況： nofiltering
🌸ユーザ名限定の表示時： selected-user user-ユーザID
🌸カテゴリ限定の表示時： selected-cat cat-カテゴリID
🌸ハッシュタグ限定の表示時： selected-tag tag-ハッシュタグ名(※パーセントエンコーディング形式)
🌸日付限定表示時： selected-date date-日付
🌸検索表示時： search-result
🌸投稿単独表示時： onelog log-投稿番号
🌸表示データが1件以上ある場合： hit
🌸表示データが1件もない場合： nohit
🌸1ページ目が表示されている場合： toppage (※全1ページの場合でも出力されます。投稿単独表示時には出力されません。)
🌸2ページ目以降が表示されている場合： deeppage (※2ページ目以降なら何ページ目でも全部これ。)
🌸逆順に表示している場合： reversed

これらのサインが（状況によっては複数個）出力されます。

例えば、
🍅HOMEページ（1件以上の投稿がある場合）なら：home nofiltering hit toppage
🍅カテゴリ「info」の1ページ目なら： selected-cat cat-info hit toppage
🍅ユーザ「admin」の2ページ目なら： selected-user user-admin hit deeppage
🍅ハッシュタグ「メモ」の1ページ目なら： selected-tag tag-%e3%83%a1%e3%83%a2 hit toppage
🍅検索結果で1件もヒットしなかった場合： search-result nohit
🍅何も表示を限定していない状況の2ページ目： nofiltering hit deeppage
🍅投稿No.400の単独表示時（その投稿が存在する場合）： onelog log-400 hit
🍅投稿No.500の単独表示時（その投稿が存在しない場合）： onelog log-500 nohit

※「HOMEページ」は同時に「1ページ目」でもあり「何も表示条件が限定されていない状況」でもありますから、 home は常に toppage と nofiltering も同時に出力されます。

***

また、Ver 3.1.2で自由装飾記法を追加しましたが、標準添付スキンには自由装飾の記述例を3つ含めておきましたので、例えば [F:scream:ケーキ食べたい！🍰] のように書くと、ケーキ食べたい！🍰と表示できます。標準スキンでは、文字が1.67倍で表示されます。もちろんCSSをどのように書くかで自由に装飾できます。

by nishishi. ⌚2021年1月30日(土) 20:23:56〔4年以上前〕＜1519文字＞編集