てがろぐ - Fumy Otegaru Memo Logger -

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

新規投稿 管理用

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

or 管理画面へ

No.5221

Icon of admin あどみ

New! No.5221

>>5221
１）外側スキンの[[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: '>';
}
でいかがでしょうか

２）“全件”の数を取得したい
トップ（何も選択しない場合）に表示される記事総数を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/ で見ることができます（２.の件だけわかりやすいようCSSを適用していません、カテゴリ「sampleA」などを選んで該当箇所を見てみてください）
ご参考になれば幸いです。

by admin. ⌚2025年6月6日(金) 20:08:06〔12時間前〕 ＜1250文字＞ 編集

« No.5220 / No.5222 »

初期表示に戻る

DASHBOARD

■複合検索：

  • 投稿者名：
  • 投稿年月：
  • ＃タグ：
  • カテゴリ：
  • 出力順序：

■新着画像リスト：

Perlのバージョンを上げる設定(さくらインターネット)

全317個 （総容量 36.08MB）

■日付一覧：

■日付検索：

■カレンダー：

2025年6月
日月火水木金土
1234567
891011121314
15161718192021
22232425262728
2930
« 前の月 / 次の月 »

■ハッシュタグ：

■カテゴリ：

■最近の投稿：

■フリースペース：

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

編集

▼現在の表示条件での投稿総数：

1件

▼最後に投稿または編集した日時：

2025年6月6日(金) 23:05:37〔9時間前〕

▼特殊な表示モード：

RSSフィード

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