てんぷろぐ- Tegalog Skin Demo -

>>56： の#進捗 、表示非表示をトグルするように変更

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

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

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

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

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

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

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

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

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

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

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

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

#進捗 、クイックポストへの画像一覧表示と簡易プレビュー作り直した
たこつぼさんの絵文字ピッカー真似して読み込んだのにどうしても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フラグ付きを除外・ボタンクリックで表示

テスト

テスト

res_memoの表示

res_memoの表示

すみません…画像添付忘れです。

ipadでの表示

ipadでの表示

文字が少しガビガビになる症状。

laymic ビューワ を導入してみました。

laymic ビューワ を導入してみました。


IDに「comic」を含むカテゴリに属する記事にコミックビューワ用ボタンが表示されます。

現在配布しているスキンには同梱していません・ちょっと使い方にコツというか工夫がいるのでもう少し#試行錯誤 が必要かもしれません。

novel viewer を導入してみました。

novel viewer を導入してみました。
現在配布しているスキンへ記述はありませんが、導入に必要なスクリプトやCSSの読み込みも動的に行うことにより、小説カテゴリに属する記事単体表示のみになっています。配布元のespace さんの利用規約により、拙作スキンファイルへのnovel viewer自体の同梱は致しません。

ギャラリーモードスキン2種

ギャラリーモードスキン2種
最初の画像一枚だけ＆記事単体ページへのリンク
https://10prs.com/tegalog-cms/?mode=gallery
記事内の画像全部見せ＆その場でLightbox表示
https://10prs.com/tegalog-cms/?mode=gallery&skin=skin-gallery/all
CSSもなんとなく整理したので使い方書いたら配布開始します🙄