てんぷろぐ- Tegalog Skin Demo -

カテゴリ「スキン概要」 に配布中スキンについての概要的なものを追加しました。

カテゴリ「スキン概要」 に配布中スキンについての概要的なものを追加しました。
改善予定のものについてのメモも。どれから着手するかはまだ決めてないのでもし需要があればいいねボタンを押すとかしてもらえればそれからやろうかな～とか思いますがここ見てる人いるのかな（アク解とか入れてないのでよくわかっていない、時々いいねボタン押してくださってる方いるようなのでそれで見られてるんだ～と判断していますありがとうございます）

あ…朝活の頭で見たら投稿フォーム周り…

あ…朝活の頭で見たら投稿フォーム周り…
テキストエリア同じclass名ついてましたねそこは同じでよかったんだ😅あと新規投稿・編集画面のほうはもともとログインしないと見れないページだからログイン判定は不要だったかもしれない、今更気づいた
あとで時間あるときedit.js見直す#作業覚書

やったー#てがろぐ記法 カテゴリツリーとRSS＋#javascript でサイトトップにカテゴリ別新着表示できたよ～＼(^o^)／

やったー#てがろぐ記法 カテゴリツリーとRSS＋#javascript でサイトトップにカテゴリ別新着表示できたよ～＼(^o^)／
これでますます普通のサイトっぽく運用できるのでは！？需要があるかは知りませんが！
[[LATESTLIST:CAT(カテゴリID)]]使ってないのは今後カテゴリ増やしても自動で表示増やしてくれるはずってのと[[LATESTLIST:CAT(カテゴリID)]]だと多分画像の表示ってできない（はずだ）から

文字装飾で実際に出力されるHTMLタグの変更方法（Ver 4.3.2以降）

文字装飾で実際に出力されるHTMLタグの変更方法（Ver 4.3.2以降）
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 であれこれした、どうだろ

ここに置いてるてがろぐ公式Standardスキンにも

ここに置いてるてがろぐ公式Standardスキンにも
common.cssとcommon.jsを導入した🥳
これでクイックポスト周りの拡張と独自装飾使えることが改めて分かって良き
Twemojiはスクリプト読み込んでないのでトリガーだけがエラー起こしてるけど（common.jsに書いてるので…）なんか思ったけどブラウザのデフォ絵文字でも結構可愛くてこれはこれでいいんだなと思ったりもしました。エラー出てるのは嫌だけど
実は最近はTwemojiなのかデフォ絵文字なのかわからないときもあるので（目が悪いのか）そういうときはにししさんがサンプルとして登録してくれてる記事>>4： を見るようにしている…（ポップアップだとjs効かないから？Twemoji入れててもデフォ絵文字で表示されるよ）

てがろぐのカスタム絵文字が面白い - 10press

てがろぐのカスタム絵文字が面白い - 10press
絵文字ピッカーの話書いたー。
ここのコードで多分ほかのスキン使っててもいけるはず。改変同梱公開を許可してくださったおくとさんに感謝🙏
本当はいろいろ本家から変えた部分とかそれがどういう意図でそうしたかとか書こうと思ったけど力尽きた
なんだっけ…
edit.jsで使いたかったからピュアjsにして入れ物のdivもjsで出力するようにしたとかそんなんだっけ

クイック投稿フォーム周りをjavascriptでいじっているときの覚書

クイック投稿フォーム周りをjavascriptでいじっているときの覚書

設定でログインしてないときは表示しないようにしてるとフォームのHTML自体も出力されないのでその中の要素を引っ張ってくるようなコード書くと非ログイン時にエラーなる。これで非ログイン時にTwemoji効かなくなってて焦った。今は修正済み。
対応としては.postformがあるかどうか見たほうが良さげ。

お盆休み始まるというのに地震が続いて心配ですね🥺大きな被害がないといいのですが…。

お盆休み始まるというのに地震が続いて心配ですね🥺大きな被害がないといいのですが…。
本日までの#進捗 は以下

• 自由装飾「twimage」の整え（#CSS ・奇数個対応）>>112：
• ギャラリーモードと画像一覧モードでNSFWフラグ付きのものがない場合には表示非表示ボタンを非表示に
• 絵文字ピッカーと画像一覧取得の表示の整え
• 投稿日時ボタンの表示をオンにしたときの投稿日時入力欄の表示整え

盆休み中にしたい#作業覚書

• スキン「ポストイット」配布ページ（済）
• スキンカスタマイズ入門解説

関係ないけど掃除と模様替えもしたい

ギャラリーモードのカスタマイズの話

ギャラリーモードのカスタマイズの話
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で見る

意図しない空白（ソース内改行による）をなくすための#CSS

意図しない空白（ソース内改行による）をなくすための#CSS
リストなどを横並びにしてかつ改行（タグではなくエンターキー押して入れるやつ）による空白を埋めるならdisplay:inline-flex
figureタグの中のリンク付き画像に余白出る場合は.imagelinkにvertical-align: middle（bottomとかtopでもいい多分）←これimgにすでにvertical-align: middle設定してるのに何で余白が消えないのか～？と少々手間取った

コミックビューワを開いた後閉じたらページが一番上に戻っちゃう問題、再現性がまちまちで対策とろうにもなかなかうまくいかず🤔

コミックビューワを開いた後閉じたらページが一番上に戻っちゃう問題、再現性がまちまちで対策とろうにもなかなかうまくいかず🤔
以前いただいたfancybox閉じた後…って言うのと同じ感じかも（そちらは自分の環境では再現しなかった）？、今のCSSの組み方だともしかしたらそっちでも出るかもしれない😅
一応解決目指しはするけど今の時点ではお手上げっぽい…お盆休みにはポストイットかノートっぽいを配布したいからそっち先やっちゃうね＞＜＞＜

前のデモに貰ってたいいねボタンのいいねを今の該当記事に移す作業をちょこちょこしてました。

前のデモに貰ってたいいねボタンのいいねを今の該当記事に移す作業をちょこちょこしてました。
URLというか記事ナンバーが変わらなければ前のデータのままでも反映されてたんだと思うのですがローカルで再構築したときに日付順に並べる→投稿ナンバーを振り直すをしまくったので…このてがろぐの機能自体は神だなと思いましたがいいねボタンのデータは盲点でした、
ゼロからまたやり直しても全然いいというかそういうほうがクールでよいのかもだけどやっぱりもらったいいね👍️はとても励みにさせてもらってるので…はい

LATESTLIST:CAT(カテゴリID)って何回でも記述できたんだ？

LATESTLIST:CAT(カテゴリID)って何回でも記述できたんだ？
https://www.nishishi.com/cgi/tegalog/custom/#customizeinfo-cover-newposts

なにかで1つしか書けないって見た気がして思い込んでたかもしれない。>>106： 頑張ったけど素直にこっちの#てがろぐ記法 使ったほうがいいのかもしれません😅
でもほらこっちの方法だとカテゴリ増やしたときに自動で表示も増えてくれる（はず）だからいちいちスキン編集しなくていいという意味ではまぁ有用だと思いたい

ポップアップの表示位置>>104：

ポップアップの表示位置>>104：
結構苦労したけど
ポップアップが画面内に収まらない場合に自動的に表示位置を調整する #CSS Anchor Positioning
https://azukiazusa.dev/blog/css-anchor-positioning/
これが全ブラウザで使えるようになったらもう少し楽になるのかもしれない…？
(追記）下にはみ出るのはもう…これも実は下にはみ出そうなら上に表示するようできたもののそうすると普通に表示できる位置のポップアップが微妙な位置に行ってしまうっぽいのでスクロールで対応してもろて…スマホとかタッチスクリーンでもポップアップ領域を触るようにしたらポップアップが消えずスクロールできるはず…