てんぷろぐ

「#CMSkin for てがろぐ」での画像付き記事の扱い
「CMSkin for てがろぐ」でカテゴリ別ギャラリーを作る方法やNSFWフラグ付のものの表示について
「CMSkin for てがろぐ」ではIDに「pict」を含むカテゴリに画像を含む投稿をすると、カテゴリツリーの該当リンクを押したときに自動的にカテゴリ別ギャラリーモードへ移動します。

NSFWフラグをつけたものは

• CSSでフィルタをかけている
• Lightboxでの画像送りの際NSFWフラグ付以外のものとは別扱いになる
• ギャラリー・画像一覧モードでは「NSFWを表示する」ボタンを押すまで表示されません

実際の表示は

• ギャラリー で、カテゴリ「ジャンルA絵」に属する投稿
• ギャラリー で、カテゴリ「ジャンルB絵」に属する投稿
• 画像一覧

をご覧ください。

「#CMSkin for てがろぐ」名前変換小説の投稿方法
「CMSkin for てがろぐ」で名前変換小説を投稿する方法とそのサンプルです。
「CMSkin for てがろぐ」はIDに「novel」という文字列を含むカテゴリに記事を投稿する際に隠しタグ「#-dream」を本文のどこかに入れると記事単体表示時に名前変換用のフォームが表示され本文中の変換対象が変換できるようにすることができます。
隠しタグはCSSで見えないようになっています。

名前変換スクリプトはBerrycake.js - 名前変換スクリプト - Lanama をお借りしています。
Berrycake.jsの特徴として、設定ファイルで変換対象を設定しておけば本文中で特別にタグで囲んだりしなくても変換できることが利点であると感じたため利用させていただきました。現時点ではカスタム変換には対応していません。
以下名前変換のサンプルです。


実小麦蜜花（みこむぎみつか）は今日も元気です。
「おはよう、実小麦」
「蜜花って呼んでって言ってるでしょ、みつか、だよ！」#-dream

正方形の画像を入れてみると


キャプション付

Waveboxにいただいたメッセージへのお返事です
まずはメッセージくださった皆様ありがとうございました！励みになります🙇
2023/4/24 りつかさま
続きを読む私がもたもたしている間（すみません）に解決なされたようでよかったです😊以前も言ったようにApple系の環境が手元にないのでどんなことでも教えていただけると助かります、ありがとうございました！畳む

2023/5/1 freoユーザーの方
続きを読むわ～freo時代から見ていただけてたとのこと、うれしいです！freoもとてもいいCMSなのですけど現状が現状なのでちょっと寂しいですね😢これからもよろしければ見てやってください！畳む

2023/5/10 スキンご利用くださってる方
続きを読むこちらこそ、ご利用とうれしいお言葉ありがとうございます！シェアリンクの部分、ご報告と対策のご提示助かります～！次回の更新の際に修正いたします！畳む

横に長い画像を入れた投稿です。
長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　長文テスト　
#サンプル

res_memoの表示

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

これまでにいただいたメッセージへのお返事です。

Wavebox・クッションダイアログについて
続きを読むありがとうございます、クッションページは当スキンを適用しているてがろぐへ初回アクセス時なら個別ページなど、トップ以外でも表示されます。一度認証した後だとブラウザのローカルストレージを削除しない限りは表示されないので、例えば新しい投稿を別SNSから誘導した場合などに都度都度クッションダイアログを表示させたいという用途には事足りないかもしれません。やり方がないというわけではないと思うので需要があればカスタマイズ例として公開できるよう考えてみます（まだ頭の中で考えてるだけなので実際できなかったらすみません）畳む

Wavebox・リアルタイムプレビューについて
続きを読むうれしいお言葉ありがとうございます！励みになります。リアルタイムプレビューは画像だけ確認できたらと思いすごく簡易的なものを実装してます。需要ありますかね…？😅畳む

ipadでの表示文字が少しガビガビになる症状。
画像確認しました！ありがとうございます🙇‍♂️配布ページのほうにお返事しましたのでご確認ください！

メッセージありがとうございました、参考＆励みになります！

ipadでの表示

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

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


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

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

コミックビューワスキンを追加しました。#サンプル
 
スクリプトはlaymic を利用しています。
カテゴリ一覧からカテゴリID「comic」を含むリンクに飛ぶとコミックビューワスキンで開きます。別スキンにするとページ移動に難があるのでメインスキンに統合しました。カテゴリIDに「comic」という文字列を含むカテゴリに属した記事にビューワを開くボタンが表示されます。
投稿本文では添付した画像一枚目のみが見えるようになっています。

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

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

mp3・mp4の本文内埋め込み表示に対応しました。

てがろぐで上記の種類のファイルをアップロードするにはまず
管理画面＞システム設定＞アップロードを許可する画像形式でmp3、mp4を追加が必要です。
そのあとは普通に画像を投稿する手順で本文に入れます。


甘茶の音楽工房 からお借りしています


らぼわんの無料動画素材 | 結婚式から誕生日まで。自作ムービーをおしゃれに！  からお借りしています
#サンプル

本日以下を修正・追加しました

• グローバルナビ以外の小説カテゴリリンククリック先もサイトマップモード時系列表示
• クイックポストフォームに画像一覧を開くボタン追加
• 小説カテゴリに投稿した本文内で区切り文字を自由装飾「hr」で囲んだ時にページ内リンクを生成
  • 例はオツベルと象 第一日曜 - CMSkin for てがろぐ をご覧ください

【JavaScript】セパレータごとにページ内リンクを自動生成する方法｜未花月葉｜note を参考にさせていただきました。

「CMSkin for てがろぐ」機能追加はひと段落とします。
ひとまずベータ版としてでも配布開始する時期をGW付近目指してソースの整理や使い方解説書きを始めます

記事ナンバーリンクの表示
記事ナンバーリンクのポップアップを改良しました。以下#サンプル です。

>>16：
クリックでポップアップ表示、ポップアップ領域外をクリックで非表示します。
記事ナンバーリンクを装飾ボタン「引用」でくくると
>>1：
記事本文内に読み込みます。
ここはHTMLタグ反映しない状態で表示したかったんですが現時点では方法がわかりません…
普通の文字列として取得・表示はできましたが1ページ内に複数あると最後の記事リンク先内容で上書きされてしまいます、要改善😑できた～！
>>25：
記事リンクが右端のほうだと　　　　　　　　　　　>>17：

複数記事リンクには対応していません（ページ遷移します）。
>>1,2,3