てんぷろぐ

コミックビューワ再挑戦
一つのスキンでも少しスマートに実装できないものかと調整。
どう…でしょうか#試行錯誤 あ～～～絵文字もやっちゃうなこれ修正済み

画像一覧モードもできた
詳細には飛ばずその場で画像モーダルにいく形にした >>55： からの#進捗
ギャラリーと画像一覧モードの横並びにする#CSS はcommon.cssに入れるのがいいかも、これはどのスキンにしてもそう変えないだろうし

ギャラリーモードできたぁいやまぁ以前と見かけ上はほぼ変わりないというかむしろ情報量は減ったけれどもここはもうシンプルに記事の一枚目見えて記事に飛べればいいやということにした明日以降画像一覧モードやるかぁ#進捗

リスト表示の#サンプル です。
参考：てがろぐ 使い方・設定方法 - にししふぁくとりー #てがろぐ記法

• これは普通のリストです
• これは普通のリストです
  • これは普通のリストを入れ子にしたものです
• これは普通のリストです

1. これは番号付きリストです
2. これは番号付きリストです
   1. これは番号付きリストを入れ子にしたものです
   2. これは番号付きリストを入れ子にしたものです
3. これは番号付きリストです

• これは先頭記号を絵文字にしたリストです
• これは先頭記号を絵文字にしたリストです
• これは先頭記号を絵文字にしたリストです

これは説明リストです

オプションにDLをいれますよ

説明リストとは

定義語とそれに対する説明を対に表示するリストみたいな

• これはclass名に「yoko」を指定した時のリストです
• これはclass名に「yoko」を指定した時のリストです
• これはclass名に「yoko」を指定した時のリストです

#独自装飾

テキストエリア
改行
続きを読む
したら
どう畳む

IFの条件付け難しい
入れ子にできたらよかったんだけど現状無理なんだよなぁ#てがろぐ記法
…もう少し#試行錯誤 してダメだったら素直？にCSSでやったほうがいいかもしれない😂
#進捗

鍵を開けた後にKEEPCONDすることってできないのかぁあああ

>>56： の#進捗 、表示非表示をトグルするように変更
ギャラリーやサイトマップのスキンを一つで済ませられないかと思ってメインスキンのskin-onelog.htmlをインクルードしたら[[IF():～:IF]]が文字列で出力されちゃったdo.さんのprofileスキンが一つでギャラリーと画像一覧を実現してるらしいのでどうやってるんだろと思ったら設定のほうでそれぞれモードの時のスキンディレクトリ名を変えるんだ…なるほどここってどういうときに変更するんだろと思ったけどこういう使い方があるのかぁ天才だね…

ギャラリーモードページにアクセスした初回にはNSFWフラグのついたものをデフォルトで非表示にしておき、閲覧者がボタンを押してそれらを表示することを選べるようにしました。表示してもCSSで設定したワンクッションは有効です（いきなり全部外れるのもアレな気がして…）
このボタンをクリックしたことはセッションストレージに保存されブラウザタブが閉じられるまで状態が保持されます。

あとは…なんだろうやりかけのこととやりたいことメモするつもりでフォーム開いたのに忘れてしまった#進捗

固有カテゴリの表示について
IDにnovelを含むカテゴリ/IDにmemoを含むカテゴリに属する記事のデザインを変えるのに今までjsでごにょってたんだけど薄々これ属性セレクタで行けるのではと思ってたのでそっちに変更。
小説カテゴリについてはやっぱ注意書きとかあらすじ入れたい人が多いかな～2行目をそれ用にして、っていう方法使おうかな
#進捗

「隠す」ボタンによる「続きを読む」の表示
てがろぐ配布時のデフォルト設定のままdetailsタグっぽい？表示になるよう考えてみた

結果こんな感じ。続きを読むかなり力技ですがどうでしょうか。
長い文章隠したいけど眠くなってきたため長い文章書けそうにありません
しかし最近は朝の早くから暑さで目が覚めるようになってきたため本当は早く寝たほうがいいのはわかっています。畳む
みたいな。まぁ普通の感覚で言ったらCSSいじくりまわすより設定画面でちょっと設定するほうが早いし安心なのはそれはそう。
#進捗

「#CMSkin for てがろぐ」で漫画ビューワを使う方法
「CMSkin for てがろぐ」で投稿した記事内の画像をlaymicビューワー で見せる方法です。
「CMSkin for てがろぐ」ではIDに「comic」を含むカテゴリに画像を含む投稿をすると

• 1枚目の画像をアイキャッチに
• 記事内のすべての画像を貼った順番に
• 漫画ビューワで見る

ような記事を作成します。
laymicビューワー は専用のディレクトリやHTMLを用意せずブログに画像を貼る要領で使えることが利点であると感じたため利用させていただきました。

※注意※

• 絵文字を除く記事内の画像はすべて漫画ビューワ送りとなります
• NSFWフラグがついていてもぼかしなどのスタイルがかからない場合は「.embeddedimage.nsfw」にCSSを当ててください。

実際の表示はカテゴリ「ジャンルB漫画」 を見てみてください。

ローカルホストにスマホから繋いで確認しています
今まで面倒くさいからやったことなかった
へぇ

#進捗 、クイックポストへの画像一覧表示と簡易プレビュー作り直した
たこつぼさんの絵文字ピッカー真似して読み込んだのにどうしてもCOPYボタンが使えないため諦めた😅
未完全だし画像たくさんアップしてたりめちゃくちゃ長文書くとどうなるかはちょっと未知数
パッと見あんまり進んでない感じなのにめちゃめちゃ疲れた…

#てがろぐ のmp4
別に埋め込みじゃなくても設定で許可してうｐしたらファイル名のリンクが出るので（ブラウザによるのか…？）Lightboxじゃなくてfancyboxならモーダルで表示できる