てがろぐ - Fumy Otegaru Memo Logger -

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




or 管理画面へ

■フリースペース: 編集

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

カテゴリ「カテゴリなし」の投稿4110件]15ページ目)

4937さん

46734671)によると、カテゴリ毎に件数を変えるのは現状では難しいようです。
(ぱっと思いついた方法だと、お使いのスキンをコピーして件数指定版スキンを作り、件数を指定したいカテゴリのリンク出力箇所にクエリパラメータ「skin=件数指定版のskin」を追加して適用させる、などの力技になりそうです……)
(161文字) No.4940 at by Icon of admin あどみ
>>4938
逆順表示 で古い順になります
(21文字) No.4939 at by Icon of admin あどみ
#質問
てがろぐの記事を新しい順ではなく古い順から表示させることはできますか?
(39文字) No.4938 at by Icon of admin あどみ
#質問 です。
てがろぐでは、カテゴリごとに記事の表示件数を変えることってできますか?
例えばカテゴリAには長文を書きたいから表示件数は1、カテゴリBはちょっとした呟きを置きたいから表示件数は20、など。
教えていただけると幸いです…。
(118文字) No.4937 at by Icon of admin あどみ
>>4935
ありがとうございます、試してみます🙇‍♂️
(28文字) No.4936 at by Icon of sakura さくら
>>4934
フリースペースをカテゴリ別に表示する方法が >>4565 にあります。
カテゴリ 先頭固定で検索すると、カテゴリの概要文を使う方法もあるっぽいです。
(87文字) No.4935 at by Icon of admin あどみ
質問です
カテゴリ別表示(cat=○○)で表示した場合、固定表示が上に上がらないんですが、いい方法ご存じの方いらっしゃらないでしょうか
現在日付を未来のものにして、管理画面で日付ソートして上げ直してる状態です
総合目次を見たのですが、美味い方法が思いつかなくて、、、
(133文字) No.4934 at by Icon of sakura さくら
テストです。
(6文字) No.4933 at by Icon of admin あどみ
4922です
4930さん
遅くなって申し訳ありません。

スキンの確認本当にありがとうございます。
また、丁寧な説明もとても助かります。
「画像一覧」以外でしておりましたので、先程教えていただいた通りにしましたところうまくいきました!
本当にありがとうございました。
id="[[POSTID]]"が必要だったのですね…!
(163文字) No.4932 at by Icon of admin あどみ
4922さん
スキンの情報ありがとうございます!

お使いのスキンを確認したところ、「画像一覧」の実現に、てがろぐの画像一覧モード(mode=picts)が使用されています。
画像一覧モードは、投稿に関係ない表示モード となるため、
「画像一覧」で、投稿単位にLightBoxのスライドの範囲を指定することはできません。

「画像一覧」以外の場合は、
skin-cover.htmlに、
4918の二つ目のコードを追加いただき、
skin-onelog.htmlの、
<articleで始まるタグの最後に、id="[[POSTID]]"を追加いただければ、ご希望の動作になると思います。
(293文字) No.4930 at by Icon of admin あどみ
4922です
>>4926さん
お、お言葉に甘えまして…!
pipiさんのてがろぐだけで簡易サイトを作れるスキンを利用しております…!
https://pipi.noor.jp/t/06/tegalog.cgi

お手すきの際で全然問題ありませんので!
(126文字) No.4927 at by Icon of admin あどみ
4918です。
No.4920
にししさん、ご指摘と補足ありがとうございます。
デフォルトスキンでの確認を失念しており申し訳ございません。
使用していたスキンは、X_modoki です。

No.4922さん
お試しいただきありがとうございます。
NSFWを除外するコードの方は動いてよかったです!
(範囲指定する方は、ご利用のスキンがわかれば、こちらでも確認できるかもです・・・!)
(200文字) No.4926 at by Icon of admin あどみ
>>4924
もしかしてなんですが「逆順表示」したらいいんじゃないでしょうか
リンクに&order=reverseと付けたら逆順で表示出来ませんか?
(74文字) No.4925 at by Icon of sakura さくら
あけましておめでとうございます。てがろぐについての要望です。

現在[[LOOPCOUNT]]で各記事のタイトルを「No.数字」としているのですが、現在の仕様だと上(新しいもの)から1~の数字になるのですが、これを逆にすることはできますか?(古いものからNo.1~にしたい、一番新しい記事を表示されている数の一番上の数字にしたい)

もともと[[COMMENT:TITLE]]で各記事にNO.数字というふうにしていたのですが、これだと一覧外にした記事の分の数字が抜けてしまう(No.123の隣にあるのがNo.125とか)になっているのが気になってしまい、[[LOOPCOUT]]に切り替えたのですが、今度は新しいものがNo.1になるのが気になってしまって…。

需要の低い要望かつ、なんなら自分で一行目に「No.数字」を書けばいいのですが……。
もしほかに対処法などがありましたらお教えしていただけると助かります。
(407文字) No.4924 at by Icon of admin あどみ
こんばんは。楽しんでてがろぐを使わせて頂いている者です。今日は要望があり書き込みをします。

⭐️投稿フォームに、ワンクリックで【複数カテゴリ】を選択できるフォーマット的な機能が欲しい

親カテゴリ:ギャラリー
子カテゴリ:シリーズタイトル
孫カテゴリ:ナンバリング

……というように、複数カテゴリを選択して投稿する記事があります。手動でもそこまで手間はありませんが、必要なものを選択し忘れる事があるので、事前に設定(上記の場合は親〜孫の3つをグループ化して)登録→投稿フォームでそれを呼び出せるものがあると嬉しいです🙇
(261文字) No.4923 at by Icon of admin あどみ
あけましておめでとうございます
4905です
Re:4915 Re:4918さん
ご丁寧にコードありがとうございます。
スライドの範囲を記事毎にしたかったのですがなぜかスライドショーではなくそのまま画像URLに飛びました…
NSFWを除外するコードは簡単に実装出来ました。
本当にありがとうございます!

Re:4920 にししさんもありがとうございます。
補足読んだのですがうまくコード解らなくてこちらでは使えませんでした……!
他の方にとって助かる情報に違いないのですが申し訳ないです。。。

今年もどうぞよろしくお願いします。
(266文字) No.4922 at by Icon of admin あどみ
#要望
いつもお世話になっております。
「続きを読む/畳む」ボタンの位置が変わらないよう一括で設定変更できるようになると嬉しいです。

【続きを読む】
(本文)
↓「続きを読む」押下後
【畳む】
(本文)
となるイメージです。

過去ログは拝見済みです。
(128文字) No.4919 at by Icon of admin あどみ
4905さん

4915です。
投稿2回に分かれてしまい申し訳ございません。
NSFW画像のみスライドの範囲を記事毎にしたい場合は、以下で出来ると思います。

(やり方)
利用しているスキンのskin-cover.htmlの[[JS:LIGHTBOX]]の直前に以下を追加する

<script>
  document.addEventListener("DOMContentLoaded", function () {
  const nsfws = document.querySelectorAll("a.nsfw");
    for (let nsfw of nsfws) {
      let page_id = nsfw.closest("article").id
      nsfw.setAttribute("data-lightbox", "nsfw" + page_id);
    }
  });
</script>


NSFW画像かどうかに関わらず、スライドの範囲を記事毎にしたい場合は、追加するスクリプトを以下にすれば大丈夫です。
<script>
  document.addEventListener("DOMContentLoaded", function () {
    const imagelinks = document.querySelectorAll("a.imagelink");
    for (let imagelink of imagelinks) {
      let value = imagelink.getAttribute("data-lightbox");
      if(value != null && value != "") {
        let page_id = imagelink.closest("article").id
        imagelink.setAttribute("data-lightbox", page_id);
      }
    }
  });
</script>

参考スキン:X_modoki (管理者追記 2025/1/7)
(931文字) No.4918 at by Icon of admin あどみ
>>4916さん
4914です。
ご回答有難うございます。
JavaScriptの使用がサーバ等の理由で駄目というわけではなく、私の知識が乏しくて導入が難しいのでCGI本体側の設定で出来れば~と思っての質問でした。

ソースの記述までして頂いて有難うございます。
早速スキンに打ち込んでみましたらナビゲーションリンクのNo.が文字列に置き換わりました!
自サイトスキンのonelog.htmlのタイトルに設定されてるdiv classがonelogtitleとなっていた為、そこだけ変更しました。
(標準タイプは2行目が反映されるのにブログタイプのソースは何故反映すらされないのか半日頭を捻っていました…classの違いに気付けば単純な事でした…)
おかげ様で理想的な表示になりました。
有難うございますm(__)m
(358文字) No.4917 at by Icon of admin あどみ
>>4914
前後移動リンクなど外側スキンに投稿本文の内容を抜き出して表示させるには、現在はJavascriptを使わないと不可能です。お見かけしたというテンプレートサイトさんのスキンがJavascriptで実現しておられるのも同様の理由です。
使用しているスキンテンプレートへの導入が難しい為
の部分が、JavaScriptを使って実現すること自体がダメということでしたら以下の文章はスルーして下さい。

私は>>3855の者なのですが、3855を投稿した当時に変数を流用して<TITLE>~</TITLE>内だけじゃなくて前後移動リンクにも記事の1行目を反映するバージョンを副産物として作っていたのを思い出したので引っ張り出して来ました。

3855同様、外側スキンhtmlの最後の方にある遅延読み込みスクリプト群に下記の折りたたみ部分のソースを貼り付けるか、<script>~</script>の中身だけをjsファイルとして保存して遅延読み込みスクリプト群の所から<script src="保存したファイル名.js"></script>として呼び出せば使えるので、今ご利用中のスキンでもJavaScriptで実現することは可能なはずです。てがろぐ公式スキンのブログタイプスキンと、昔のツイッター風スキンで動作確認したものを置いておきます。

※JavaScriptを使っている都合上、記事単独ページを表示した時に一瞬だけ前後移動リンク部分に本来の「No.○○」が表示されてしまうのは仕様です。

ブログタイプスキン向け
(本文1行目をタイトルとして入力している、[[COMMENT:TITLE]]系の記法を使っているという環境向け)
<script>
window.addEventListener('load', function() {
   let nowurl = location.href;   //現在のURL
   let singleurl = nowurl.indexOf('postid=');   //記事単独表示かをURL内からpostid=の有無で判別

   //postid=がURLに含まれる場合のみ実行
   if( singleurl != -1){
      let Basetitle = document.title;   //元のページタイトルを変数に入れておく
      let ArticleTitleget = document.querySelector('.logtitle');   //logtitleクラスのhtml要素を取得
      let ArticleTitle = ArticleTitleget.innerText;   //logtitleクラスのテキストだけ取得
      document.title = Basetitle + ' - ' + ArticleTitle;   //ページタイトルを元のタイトル、半角スペースとハイフン、記事タイトルを連結させたものにする
   //<TITLE>タグに追加ここまで

   //前後ページ移動リンクが存在するか確認(どちらか片方が無い場合もあるので)
   let prevurl = document.querySelector('.prevlink') ? document.querySelector('.prevlink').href : null;
   let nexturl = document.querySelector('.nextlink') ? document.querySelector('.nextlink').href : null;

   if (prevurl !== null) {
         fetch(prevurl).then(response => response.text()).then(data => {
            let titlePREV = new DOMParser().parseFromString(data, 'text/html').querySelector('.logtitle').textContent;
            document.querySelector('.prevlink').textContent = titlePREV;
         });
   }

   if (nexturl !== null) {
            fetch(nexturl).then(response => response.text()).then(data => {
               let titleNEXT = new DOMParser().parseFromString(data, 'text/html').querySelector('.logtitle').textContent;
               document.querySelector('.nextlink').textContent = titleNEXT;
            });
      }
   }
});
</script>

※<TITLE>~</TITLE>に現在表示しているページの本文一行目を入れたくない場合は
document.title = Basetitle + ' - ' + ArticleTitle;  //ページタイトルを元のタイトル、半角スペースとハイフン、記事タイトルを連結させたものにする
の行をコメントアウトして下さい。畳む



標準スキンや昔のツイッター風スキンなど、ブログタイプ以外のスキン向け
([[COMMENT:TITLE]]系の記法を使っていない場合。JavaScriptで投稿本文の冒頭部分から抜き出す文字数を指定する)
<script>
window.addEventListener('load', function() {
   let nowurl = location.href;   //現在のURL
   let singleurl = nowurl.indexOf('postid=');   //記事単独表示かをURL内からpostid=の有無で判別

   //postid=がURLに含まれる場合のみ実行
   if( singleurl != -1){
      let Basetitle = document.title;   //元のページタイトルを変数に入れておく
         let ArticleTitleget = document.querySelector('.comment');   //commentクラスのhtml要素を取得
         let ArticleTitle1 = ArticleTitleget.innerText;   //commentクラスのテキストだけ取得
         let textcount = 16;   //ここで切り出す文字数を指定
         let ArticleTitle = ArticleTitle1.substring(0, textcount);   //0の部分を変えると切り出し開始位置を変更可能
         document.title = Basetitle + ' - ' + ArticleTitle + '…';   //元のタイトルと連結させて最後に「…」を入れる
   //<TITLE>タグに追加ここまで

   //前後ページ移動リンクが存在するか確認(どちらか片方が無い場合もあるので)
   let prevurl = document.querySelector('.prevlink') ? document.querySelector('.prevlink').href : null;
   let nexturl = document.querySelector('.nextlink') ? document.querySelector('.nextlink').href : null;

   if (prevurl !== null) {
         fetch(prevurl).then(response => response.text()).then(data => {
            let titlePREV1 = new DOMParser().parseFromString(data, 'text/html').querySelector('.comment').textContent;   //commentクラスから取得
            let titlePREV = titlePREV1.substring(0, textcount);   //指定した文字数でカット
            document.querySelector('.prevlink').textContent = titlePREV + '…';   //カットした前記事の文字の末尾に「…」を入れる
         });
      }

   if (nexturl !== null) {
            fetch(nexturl).then(response => response.text()).then(data => {
               let titleNEXT1 = new DOMParser().parseFromString(data, 'text/html').querySelector('.comment').textContent;   //commentクラスから取得
               let titleNEXT = titleNEXT1.substring(0, textcount);   //指定した文字数でカット
               document.querySelector('.nextlink').textContent = titleNEXT + '…';   //カットした後記事の文字の末尾に「…」を入れる
            });
         }

   }
});
</script>

※<TITLE>~</TITLE>に現在表示しているページの本文一行目を入れたくない場合は
document.title = Basetitle + ' - ' + ArticleTitle + '…';   //元のタイトルと連結させて最後に「…」を入れる
の行をコメントアウトして下さい。畳む


1時頃に一度投稿したのですが、最新の1件もしくは最古の1件を単独表示した時にうまく動かない欠陥を見つけたので削除・修正の上で再投稿しました。申し訳ございません。
(4545文字) No.4916 at by Icon of admin あどみ
4905さん
横からすみません、
とりあえずNSFW画像(class="nsfw"リンク内の画像)をlightboxのスライドショーからから外す方法ですが、
以下で出来るのではと思います。
(記事内のNSFW画像をクリックして表示されるlightboxのスライドショーはNSFW画像のみのスライドショーに、通常画像をクリックして表示されるlightboxのスライドショーはNSFW画像以外のみのスライドショーになります)

NSFW用画像とその他画像のlightbox表示を分ける
aタグの「data-lightbox="tegalog"」でグループを指定しているので、NSFW画像の場合はdata-lightboxの値にデフォルト値(tegalog)以外を指定する

(やり方)
利用しているスキンのskin-cover.htmlの[[JS:LIGHTBOX]]の直前に以下を追加する

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const nsfws = document.getElementsByClassName("nsfw");
    for (let nsfw of nsfws) {
      nsfw.setAttribute("data-lightbox", "nsfw");
    }
  });
</script>

(627文字) No.4915 at by Icon of admin あどみ
明けましておめでとうございます。朝明と申します。
先頃てがろぐCGIを知り、自サイトの小説展示用として導入させて頂きました。
そこで質問させて下さい。

単独投稿ページの前後移動リンクについて、現在No.〇〇と記事Noが表示されますが、そこに前後ページのタイトル(本文一行目)を表示させる事は可能でしょうか。
[[FREE:TITLE:MAIN]] [[FREE:DESCRIPTION]]でどうにか表示出来ないか試してみたのですが、表示対象が違うようで出来ませんでした。
テンプレートサイトさんで(恐らく)JavaScriptを使用して表示させているテンプレートは見かけましたが、使用しているスキンテンプレートへの導入が難しい為、
現在実装されている機能で表示方法があればご教示頂ければ嬉しいです。
(350文字) No.4914 at by Icon of admin あどみ
あけおめ
(4文字) No.4912 at by Icon of admin あどみ
>>4904
横で申し訳ないのですが、たぶんこの方ではないでしょうか?
>>4842

あと、文頭のテキストを画像にしてimageフォルダ入れるPHPなら今作ってますが、テスト中です😅
(93文字) No.4911 at by Icon of sakura さくら
AppleMusicの埋め込みテスト

(40文字) No.4910 at by Icon of admin あどみ
未完!!
(4文字) No.4909 at by Icon of admin あどみ
次回作にご期待ください
(11文字) No.4908 at by Icon of tomoyo ともよ
おれたちのクリスマスはこれからだ!
(17文字) No.4907 at by Icon of misaki みさき
メリー! クリスマス!
(11文字) No.4906 at by Icon of admin あどみ
こんにちは。てがろぐでイラストサイトを構築しております。
light boxを初期のまま使っているのですが、スライドショーのとき次々画像を切り替えるとてがろぐの記事を飛び越え、nsfwフラグのあるものも表示されてしまいます。
私が一番したいことはlightboxのグループを記事だけで完了したいです(スライドショーのときに他の記事をまたがない)
せめてnsfwフラグがあるものをグループから外したいです。
何か良い方法がございましたら教えていただけませんでしょうか?
(233文字) No.4905 at by Icon of admin あどみ

■全文検索:

複合検索窓に切り替える

■複合検索:

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

■日付一覧:

■カレンダー:

2025年1月
1234
567891011
12131415161718
19202122232425
262728293031

■最近の投稿:

■新着画像リスト:

全324個 (総容量 36.59MB)

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