てんぷろぐ

- Fumy Otegaru Memo Logger -

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

🏠 てんぷろぐ

先頭固定

このサイトについて

(先頭固定)
10press というサイトで配布している・配布する予定の#てがろぐ スキンのデモサイトです。パスワードなしでログインできるゲストアカウントで使いごこちを一部お試しできます。
スキンについての詳細はカテゴリ「スキン概要 」で説明しています。

てがろぐスキンのダウンロードはこちらから

ご意見・ご要望募集中です！
  • Wavebox👋 への送信
  • 10press のメッセージフォームやスキン配布ページのコメントフォーム
  • ゲストログインして投稿

など、お待ちしています。

見ることができる（予定）スキンの一覧

(先頭固定)
2024-07-20現在改修前スキンをそのまま突っ込んでいるので一部乱れがあります
  • 202407192232191-admin.jpgCMSkin for てがろぐ(mod)：デフォルト適用・開発用・配布なし
  • 20240719223219-admin.jpgてがろぐ公式Standard ：完全構成版に同梱されているskin-standard
  • 20240719231346-admin.jpg一人劇場：一人でつぶやいてても会話しているような
  • 202407192253201-admin.jpgdaydream：名前変換機能付き小説サイト用・配布中 ・改善予定
  • 202407192253202-admin.jpgnote：ノートっぽい
  • 20240719225320-admin.jpgポストイット：日付が付箋っぽい
  • 20240719225717-admin.jpgX_modoki：Twitter（現𝕏）もどき・配布中 ・改善予定

Bookmark

(先頭固定)
にししふぁくとりー

以下のサイト様からサンプルとして文章や画像をお借りしています。


スキン作成に以下のサービス・スクリプトを利用・参考しています。

2024年7月 この範囲を時系列順で読む この範囲をファイルに出力する

見ることができる（予定）スキン一覧>>47 にはこのいまのデフォ適用スキンは「配布なし」と記載しているけど

一応コード整理とかもろもろ整ったらバリエーション作ってCMSkin改的な感じで配布はしたいかなぁ今配布中のCMSkinの更新は多分…もうしないかも、使ってくださってる方ごく稀に見かけたのであれだけど配布開始したら配布ページに乗り換え方法も記載します#作業覚書
ページ移動周りも今ので別に不具合ないけどPREVとNEXT分けて出力する#てがろぐ記法 あるのに使ってないので使うようにしたらCSSがもう少し簡素にできるかもしれない
https://www.nishishi.com/cgi/tegalog/custom/#customizeinfo-cover-navi

Berrycake.js - 名前変換スクリプト - Lanama様の規約を精読するとwebテンプレートへの同梱可のようなのでスキン配布の際にも同梱が出来そう💪

https://lanama.net/scripts/berrycake/more/#more

個人サイト向けいいねボタン・改 配布ページ | do - 創作・同人サイト制作支援サイト
https://do.gt-gt.org/product/newiine/
によるとこちらも再配布可だけれどもすでに設置してる人が多い気もするのでどうかなぁ
あと絵文字ピッカーは画像取得と一緒にするに際して割と別物になっちゃった気もするけどお伺いたてに行きます #作業覚書

創作サイトの人って作品の剽窃予防対策としてアップした日付表示するの重視してるのかなと思いきやいろいろ参考に見て回った感じ作品表示ページは余計な情報ないほうが没入感高いし好みなのかな～

と思って自サイト見たら自分も目次的なページには日付出してなかった作品表示ページには初出日時と更新日時出してあった見やすいかといわれたらどうなんだろ

IF文でサイトトップとそれ以外の記事表示数を変えるってできないのかと

いろいろ書き方を変えてみたりそもそも読み込むskin-onelog.htmlのほうでIF使ってるから入れ子になって無理なのかなと#試行錯誤 してたけどちゃんと公式のカスタマイズ方法説明に
1スキン内で1回のみ記述できます。
https://www.nishishi.com/cgi/tegalog/custom/#customizeinfo-coverって書いてあった…大事なことは大体公式見たら解決する、親切すぎるゆえ膨大なので探すの大変ではあるけど🤤#てがろぐ記法

てがろぐVer 4.1.4から実装されたユーザー紹介文を表示する[[USERINTRO]]、HTMLも#てがろぐ記法 も使えないのでjQueryでURLにリンク貼るような処置を施した💪

ユーザー選択状態 や記事単体表示 のときのフリースペース上にアイコンとユーザー名と紹介文出るようにしてみました
要望出したらにしし神のことだからすぐ実装してくれそうな気もしますが＞USERINTROでHTMLかてがろぐ記法使えるようにしてほしい畳む

多分無事にcloudflare使わない状態にできた気がします >>81 珍しくスムーズにできてよかったね私😅

しかしそうすると今度はページ表示時に#CSS 当たってない状態がちらっと見えるのが気になって、原因はスキン作る時に少しでも楽したくてNo.4545 - てがろぐ - Fumy Otegaru Memo Logger - の方法を使ってたんですけどそうするとどうしてもCSSの読み込みが遅れるんですね
ローカルでやってるときは自分しか見てないのもあって気にしてなかったんですけどウェブで見たらまぁまぁ気になる、ローディングJSでも入れようかなと思いましたが個人的にあまり好きじゃないのと本末転倒過ぎるのでウェブ上のは素直にCSS読み込むことにしました、これで解消されたはず47580-gummydragon-12

リニューアルしました

まだ完璧ではないですが多分いいところまで行ったと思うのでお知らせです。表示が乱れている場合はキャッシュ削除して更新してみてください。見た目的には現在配布中のCMSkinとそんなに変わりがないと思いますが
  • てがろぐ正式最新版で確認
  • カテゴリ別の表示方法と機能の強化（名前変換や漫画ビューワ対応しました）
  • 一部環境でmp3のプレイヤー埋め込み表示されない状態の修正
  • 「隠す」ボタンの表示をdetailsタグっぽく
  • いいね改ボタンお礼画面の画像をランダム表示

などしたのでぜひいろいろ見たりパスワードなしでログインできるアカウントでテスト投稿などしていただけると嬉しいです。変なところあったら教えてください。投稿方法に関してはカテゴリ「投稿方法」　をご覧ください。
投稿はどこのカテゴリに何を書いてもいいですが内容によってカテゴリ移動や削除もするかもしれないことをご了承ください🙇さらに詳しいことは週末にでも本館サイトに書きたいと思います。

入口認証モーダルのサンプル

CMSkinでは最初の閲覧時に認証モーダルを表示することができますがデモでいきなりそれが出るとびっくりさせちゃうのでここではこの記事の単体表示時のみ表示されるようにしました。
YESボタンを押した状態はブラウザのローカルストレージに保存されるためサイト管理者に閲覧者の情報が伝わることはありません。#サンプル

複数の画像の中にNSFWフラグ付が含まれるとき


満月を背に（フォトモンタージュ）
満月を背に（フォトモンタージュ）
お相撲さんのイラストです
思わず回想してしまうワンシーン（フォトモンタージュ）
思わず回想してしまうワンシーン（フォトモンタージュ）
お相撲さんのイラストです
お相撲さんのイラストです


偶数個の画像を自由装飾「timage」で囲みます（キャプション付微妙対応）
満月を背に（フォトモンタージュ）お相撲さんのイラストです
思わず回想してしまうワンシーン（フォトモンタージュ）
思わず回想してしまうワンシーン（フォトモンタージュ）
お相撲さんのイラストです

#てがろぐ記法


リンクに任意のclass属性値を加える「 :CL(英数字) 」
https://www.nishishi.com/cgi/tegalog/usage/#howtouse-makelink-opt-cl
任意の範囲をコメントアウト
https://www.nishishi.com/cgi/tegalog/usage/#howtouse-commentout
[!-- 中身 --]でコメントアウト、これはCSS等で非表示になるわけではなく、HTMLとしての出力自体がされません。らしいんだけどスキンファイルでは使えないんだなぁ（文字列として出力される）使えたらいいな～と思ったけどエディタではなんか設定しないと見難いか…

tegUpが非常に便利ででも毎回URL手打ちしてアクセスするの面倒だなぁと思ってたけど普通に管理画面トップのバージョンアップのお知らせから飛んだら設置してればそっちに飛ぶことをこの前知りました

https://www.nishishi.org/hougen/?postid=2499

edit.jsでtegup.phpがあったらそれへのリンクを張るって言うのやってたけど記事投稿・編集画面からしか見れないし断然公式で実装してもらってるやつのほうが使い勝手がいいので没…
参考にしたページを覚書として置いておくfile io - 【徹底解説】JavaScript/jQueryでファイルの存在をチェック！サンプルコード付き
ページ上部へ ページ下部へ
管理用