てんぷろぐ- Tegalog Skin Demo -

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

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

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

固有カテゴリの表示について

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

「隠す」ボタンによる「続きを読む」の表示

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

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

「#CMSkin for てがろぐ」で漫画ビューワを使う方法

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

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

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

※注意※

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

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

ローカルホストにスマホから繋いで確認しています

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

#進捗 、クイックポストへの画像一覧表示と簡易プレビュー作り直した

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

#てがろぐ のmp4

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

#てがろぐ記法 の話

#てがろぐ記法 の話
[[IF(条件):～～:IF]]
で使いそうなもの

• てがろぐトップ/トップ以外：(grandhome home nofiltering) / (-grandhome -home -nofiltering)
• 特定カテゴリを除く：(selected-cat -cat-カテゴリID)※-cat-カテゴリIDだけではだめだった
• 除外をORで指定したいとき「|」のあとに「-」が続くのがダメっぽい。単独だと「-カテゴリID」だけでも大丈夫っぽい

とりあえずいろいろと書き直し中。

とりあえずいろいろと書き直し中。
かなり変則的なファイル構成になるかもだけど自分が楽したいので…

#進捗

• 〇：同一カテゴリ限定の前後リンク
• 〇：edit.jsでtegup.phpがある場合それへのリンクを出力
• 〇：Lightboxの画像送りを記事ごとに＋NSFWフラグ付きを除外
• 〇：カスタム絵文字ピッカー(その1) | Takotubo Club を新規・編集画面に導入（edit.js＋edit.css）
• 〇：編集画面のヘッダバーにてがろぐHOMEへのリンク挿入（edit.js）
• 〇：管理画面へのヘッダバーにがろぐHOMEへのリンク挿入（user.js）

• これから：共通部分のhtml・css・js吟味
• これから：[[IF(条件):～～:IF]]記法の理解
• これから：ギャラリー・サイトマップ・画像一覧
• これから：漫画ビューワ対応
• これから：夢小説対応
• これから：ランダム記法をつかったおみくじ・いいねボタン改のお礼部分への利用
• これから：ギャラリーの初期表示でNSFWフラグ付きを除外・ボタンクリックで表示

てすとてすと

てすとてすと

てすとてすと

test

test
https://www.youtube.com/watch?v=UDdTTRvDLrk

test

test

テスト投稿です

テスト投稿です
続きを読む折りたたんだ文字列畳む

テスト

テスト

NSFW（センシティブ）フラグ付が一枚目に来る投稿です

NSFW（センシティブ）フラグ付が一枚目に来る投稿です