てがろぐ - Fumy Otegaru Memo Logger -

お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。)

■フリースペース: 編集

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン:標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキンてがろぐCGIの配布ページに戻る

or 管理画面へ

No.5221

Icon of admin あどみ >>5221
1)外側スキンの[[SITUATION:HTML]]の部分をパンくずリスト風に
<div class="breadcrumb">
   <span class="homelink">[[FREE:HOMELINK]]</span><!-- フリースペースで設定した「ページのフッタ部分に表示するリンク」・不要なら削除 -->
   <a href="[[HOME:URL]]">[[FREE:TITLE:MAIN]]</a><!-- てがろぐのトップへのリンク -->
   [[SITUATION:HTML]]
</div>

css(簡易)
.breadcrumb .situation {
   display: inline;
}
.breadcrumb > *:not(:last-child)::after {
content: '>';
}

でいかがでしょうか

2)“全件”の数を取得したい
トップ(何も選択しない場合)に表示される記事総数をJavascriptで取得して表示する方法です。
フリースペースに(スキンに直接書いてもいいです)
<span class="soukensu">総記事数:[[INFO:TARGETPOSTS]]</span>
<div id="result"></div>

javascript
<script>
fetch('./') // 同一ドメイン内の別ページ
.then(response => response.text())
.then(html => {
  const parser = new DOMParser();
  const doc = parser.parseFromString(html, 'text/html');
  const targetElement = doc.querySelector('.soukensu');

  if (targetElement) {
    document.getElementById('result').innerHTML = targetElement.outerHTML;
  } else {
    console.warn('指定のクラスが見つかりませんでした');
  }
})
.catch(error => {
  console.error('取得エラー:', error);
});
</script>

css
.soukensu { display: none; }
#result .soukensu { display: block; }


上記2件を試したものを https://10prs.com/tegalog-cms/ で見ることができます(2.の件だけわかりやすいようCSSを適用していません、カテゴリ「sampleA」などを選んで該当箇所を見てみてください)
ご参考になれば幸いです。

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「チャットタイプスキン」です。他に、 標準スキン昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンシンプル日記スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンがあります。
てがろぐCGIの配布・解説ページに戻る