カテゴリ「スキン概要」 に配布中スキンについての概要的なものを追加しました。
改善予定のものについてのメモも。どれから着手するかはまだ決めてないのでもし需要があればいいねボタンを押すとかしてもらえればそれからやろうかな~とか思いますがここ見てる人いるのかな(アク解とか入れてないのでよくわかっていない、時々いいねボタン押してくださってる方いるようなのでそれで見られてるんだ~と判断していますありがとうございます)
2024年8月 この範囲を時系列順で読む
やったー#てがろぐ記法 カテゴ…
やったー#てがろぐ記法 カテゴリツリーとRSS+#javascript でサイトトップにカテゴリ別新着表示できたよ~\(^o^)/
これでますます普通のサイトっぽく運用できるのでは!?需要があるかは知りませんが!
[[LATESTLIST:CAT(カテゴリID)]]使ってないのは今後カテゴリ増やしても自動で表示増やしてくれるはずってのと[[LATESTLIST:CAT(カテゴリID)]]だと多分画像の表示ってできない(はずだ)から
これでますます普通のサイトっぽく運用できるのでは!?需要があるかは知りませんが!
[[LATESTLIST:CAT(カテゴリID)]]使ってないのは今後カテゴリ増やしても自動で表示増やしてくれるはずってのと[[LATESTLIST:CAT(カテゴリID)]]だと多分画像の表示ってできない(はずだ)から
文字装飾で実際に出力されるHT…
文字装飾で実際に出力されるHTMLタグの変更方法(Ver 4.3.2以降)
https://www.nishishi.com/cgi/tegalog/usage/#howtouse-chardecoration-element
これ気になってて今更試してみた(斜体「i」をコード「code」に)んだけど過去に斜体「i」として使ってた部分もコード「code」になっちゃうんだ、都度都度CGIが変換してるんだろうから当たり前体操#てがろぐ記法
そういう仕様で文句はないけど多分そのうちそういうものだと忘れちゃうと思うので覚書
https://www.nishishi.com/cgi/tegalog/usage/#howtouse-chardecoration-element
これ気になってて今更試してみた(斜体「i」をコード「code」に)んだけど過去に斜体「i」として使ってた部分もコード「code」になっちゃうんだ、都度都度CGIが変換してるんだろうから当たり前体操#てがろぐ記法
そういう仕様で文句はないけど多分そのうちそういうものだと忘れちゃうと思うので覚書
1スキンで全部賄うのなかなか難…
1スキンで全部賄うのなかなか難しいですね🤔
例えば小説カテゴリの一行目をタイトルとして+二行目を概要とか注意書きにして記事単体表示では表示させたくない
みたいな用途で使いたくて本文を[[COMMMENT]]じゃなく[[COMMENT:LINE:n]]で分割して一行目二行目をdivで括ってという方法にしてたんだけどそうすると通常の表示で微妙に変なのと<>(半角)での隠すができなくなっちゃう
IFの#てがろぐ記法 駆使してみて一瞬通常記事単体表示と小説カテゴリに属する記事単体表示で出力されるHTMLを別にできたと思ったんだけどKEEPCONDって限定表示からしか引き継がれなくて特定カテゴリに属する記事単体表示時に適用したいデザインがあったとしてカテゴリ限定表示時のページからたどったリンクじゃないと思ったようにいかない…
#CMSkin ではカテゴリ別になってる記事にそうじゃないルートでたどり着くのまぁ手間がかかるとは思うし普通の閲覧者はそのルートとらないとは思うんだけど気になった…ので#javascript であれこれした、どうだろ
例えば小説カテゴリの一行目をタイトルとして+二行目を概要とか注意書きにして記事単体表示では表示させたくない
みたいな用途で使いたくて本文を[[COMMMENT]]じゃなく[[COMMENT:LINE:n]]で分割して一行目二行目をdivで括ってという方法にしてたんだけどそうすると通常の表示で微妙に変なのと<>(半角)での隠すができなくなっちゃう
IFの#てがろぐ記法 駆使してみて一瞬通常記事単体表示と小説カテゴリに属する記事単体表示で出力されるHTMLを別にできたと思ったんだけどKEEPCONDって限定表示からしか引き継がれなくて特定カテゴリに属する記事単体表示時に適用したいデザインがあったとしてカテゴリ限定表示時のページからたどったリンクじゃないと思ったようにいかない…
#CMSkin ではカテゴリ別になってる記事にそうじゃないルートでたどり着くのまぁ手間がかかるとは思うし普通の閲覧者はそのルートとらないとは思うんだけど気になった…ので#javascript であれこれした、どうだろ
ここに置いてるてがろぐ公式St…
ここに置いてるてがろぐ公式Standardスキンにも
common.cssとcommon.jsを導入した🥳
これでクイックポスト周りの拡張と独自装飾使えることが改めて分かって良き
Twemojiはスクリプト読み込んでないのでトリガーだけがエラー起こしてるけど(common.jsに書いてるので…)なんか思ったけどブラウザのデフォ絵文字でも結構可愛くてこれはこれでいいんだなと思ったりもしました。エラー出てるのは嫌だけど
実は最近はTwemojiなのかデフォ絵文字なのかわからないときもあるので(目が悪いのか)そういうときはにししさんがサンプルとして登録してくれてる記事>>4: を見るようにしている…(ポップアップだとjs効かないから?Twemoji入れててもデフォ絵文字で表示されるよ)
common.cssとcommon.jsを導入した🥳
これでクイックポスト周りの拡張と独自装飾使えることが改めて分かって良き

Twemojiはスクリプト読み込んでないのでトリガーだけがエラー起こしてるけど(common.jsに書いてるので…)なんか思ったけどブラウザのデフォ絵文字でも結構可愛くてこれはこれでいいんだなと思ったりもしました。エラー出てるのは嫌だけど
実は最近はTwemojiなのかデフォ絵文字なのかわからないときもあるので(目が悪いのか)そういうときはにししさんがサンプルとして登録してくれてる記事>>4: を見るようにしている…(ポップアップだとjs効かないから?Twemoji入れててもデフォ絵文字で表示されるよ)
てがろぐのカスタム絵文字が面白…
てがろぐのカスタム絵文字が面白い - 10press
絵文字ピッカーの話書いたー。
ここのコードで多分ほかのスキン使っててもいけるはず。改変同梱公開を許可してくださったおくとさんに感謝🙏
本当はいろいろ本家から変えた部分とかそれがどういう意図でそうしたかとか書こうと思ったけど力尽きた
なんだっけ…
edit.jsで使いたかったからピュアjsにして入れ物のdivもjsで出力するようにしたとかそんなんだっけ
絵文字ピッカーの話書いたー。
ここのコードで多分ほかのスキン使っててもいけるはず。改変同梱公開を許可してくださったおくとさんに感謝🙏
本当はいろいろ本家から変えた部分とかそれがどういう意図でそうしたかとか書こうと思ったけど力尽きた
なんだっけ…
edit.jsで使いたかったからピュアjsにして入れ物のdivもjsで出力するようにしたとかそんなんだっけ
てがろぐスキン「ポストイット」…
てがろぐスキン「ポストイット」 の配布を開始しました。
ミスがなければいいんだけど…あったら教えてください🙏#ポストイット
投稿フォーム周りの機能を追加・修正しています。
これも試してみてください~。
ミスがなければいいんだけど…あったら教えてください🙏#ポストイット
投稿フォーム周りの機能を追加・修正しています。
- カスタム絵文字ピッカーを「絵文字をクリックしたらtextareaのカーソル位置にコード挿入」仕様に
- textarea内の文字列を選択して押したらtextarea内の同一文字列すべてを自由装飾コードで囲める「自由装飾一気置換ボタン」
これも試してみてください~。
お盆休み始まるというのに地震が…
ギャラリーモードのカスタマイズ…
ギャラリーモードのカスタマイズの話
https://www.nishishi.org/testground/tegalog/tegalog.cgi?posts=4618,4619
の件
てがろぐ「ギャラリーモード」のカスタマイズ | 10press
これじゃダメ?🥺わかりにくいかなぁ…🤔サポート板でのお答えだと確かにスマートだけどNSFWフラグが無視されちゃうんですよね
でも「画像一覧モード」ができたことだし差別化の意味でもギャラリーモードはデフォルトで記事に飛べるようになってもいいのかなぁとも思うけどどうでしょうか。私が現時点でギャラリーモードと画像一覧モードの差異があんまり理解できてないってだけかもしれない
【追記】って言ってたら来た~~~~!
https://www.nishishi.org/testground/tegalog/tegalog.cgi?postid=4620
次のバージョンで実装されそうな新機能も楽しみ!
https://www.nishishi.org/testground/tegalog/tegalog.cgi?posts=4618,4619
の件
てがろぐ「ギャラリーモード」のカスタマイズ | 10press
これじゃダメ?🥺わかりにくいかなぁ…🤔サポート板でのお答えだと確かにスマートだけどNSFWフラグが無視されちゃうんですよね
でも「画像一覧モード」ができたことだし差別化の意味でもギャラリーモードはデフォルトで記事に飛べるようになってもいいのかなぁとも思うけどどうでしょうか。私が現時点でギャラリーモードと画像一覧モードの差異があんまり理解できてないってだけかもしれない

【追記】って言ってたら来た~~~~!
https://www.nishishi.org/testground/tegalog/tegalog.cgi?postid=4620
次のバージョンで実装されそうな新機能も楽しみ!
(ツイート埋め込み処理中...)Twitterで見る
(ツイート埋め込み処理中...)Twitterで見る
えむおか
@admin
https://10prs.com というサイトで個人サイト作成のあれこれについて書いています。絵や文を書くオタクでもあります。ここは文字数制限あるのかな?
sampleB,更新履歴
偶数個の画像を自由装飾「twi…
偶数個の画像を自由装飾「twimage」で囲んで並べられる記述
キャプション付・NSFWフラグ付の表示が微妙だったのを修正しました
以下のように画像表示のてがろぐ記法を自由装飾記法「twimage」で囲むことで画像をまとめて表示することができます。
[F:twimage:[PICT:20240716211222-admin.jpg][PICT:FIG:202407162112221-admin.jpg][PICT:FIG:202407162111121-admin.jpg][PICT:20240716211112-admin.jpg]]
上記のコードの実際の表示例↓


思わず回想してしまうワンシーン(フォトモンタージュ) 
お相撲さんのイラストです 
【追記】奇数個の画像を囲んだ場合にも対応しました(要#jQuery )。一番目の画像が大きく表示されます。



思わず回想してしまうワンシーン(フォトモンタージュ) 
お相撲さんのイラストです
キャプション付・NSFWフラグ付の表示が微妙だったのを修正しました
以下のように画像表示のてがろぐ記法を自由装飾記法「twimage」で囲むことで画像をまとめて表示することができます。
[F:twimage:[PICT:20240716211222-admin.jpg][PICT:FIG:202407162112221-admin.jpg][PICT:FIG:202407162111121-admin.jpg][PICT:20240716211112-admin.jpg]]
上記のコードの実際の表示例↓




【追記】奇数個の画像を囲んだ場合にも対応しました(要#jQuery )。一番目の画像が大きく表示されます。




意図しない空白(ソース内改行に…
意図しない空白(ソース内改行による)をなくすための#CSS
リストなどを横並びにしてかつ改行(タグではなくエンターキー押して入れるやつ)による空白を埋めるならdisplay:inline-flex
figureタグの中のリンク付き画像に余白出る場合は.imagelinkにvertical-align: middle(bottomとかtopでもいい多分)←これimgにすでにvertical-align: middle設定してるのに何で余白が消えないのか~?と少々手間取った
リストなどを横並びにしてかつ改行(タグではなくエンターキー押して入れるやつ)による空白を埋めるならdisplay:inline-flex
figureタグの中のリンク付き画像に余白出る場合は.imagelinkにvertical-align: middle(bottomとかtopでもいい多分)←これimgにすでにvertical-align: middle設定してるのに何で余白が消えないのか~?と少々手間取った
コミックビューワを開いた後閉じ…
コミックビューワを開いた後閉じたらページが一番上に戻っちゃう問題、再現性がまちまちで対策とろうにもなかなかうまくいかず🤔
以前いただいたfancybox閉じた後…って言うのと同じ感じかも(そちらは自分の環境では再現しなかった)?、今のCSSの組み方だともしかしたらそっちでも出るかもしれない😅
一応解決目指しはするけど今の時点ではお手上げっぽい…お盆休みにはポストイットかノートっぽいを配布したいからそっち先やっちゃうね><><
以前いただいたfancybox閉じた後…って言うのと同じ感じかも(そちらは自分の環境では再現しなかった)?、今のCSSの組み方だともしかしたらそっちでも出るかもしれない😅
一応解決目指しはするけど今の時点ではお手上げっぽい…お盆休みにはポストイットかノートっぽいを配布したいからそっち先やっちゃうね><><
前のデモに貰ってたいいねボタン…
前のデモに貰ってたいいねボタンのいいねを今の該当記事に移す作業をちょこちょこしてました。
URLというか記事ナンバーが変わらなければ前のデータのままでも反映されてたんだと思うのですがローカルで再構築したときに日付順に並べる→投稿ナンバーを振り直すをしまくったので…このてがろぐの機能自体は神だなと思いましたがいいねボタンのデータは盲点でした、
ゼロからまたやり直しても全然いいというかそういうほうがクールでよいのかもだけどやっぱりもらったいいね👍️はとても励みにさせてもらってるので…はい
URLというか記事ナンバーが変わらなければ前のデータのままでも反映されてたんだと思うのですがローカルで再構築したときに日付順に並べる→投稿ナンバーを振り直すをしまくったので…このてがろぐの機能自体は神だなと思いましたがいいねボタンのデータは盲点でした、
ゼロからまたやり直しても全然いいというかそういうほうがクールでよいのかもだけどやっぱりもらったいいね👍️はとても励みにさせてもらってるので…はい
