ようこそ

ここはCGI「てがろぐ」をCMSっぽく使うスキンのデモです。
絵や小説を取り扱うサイトを想定しています。

上記を了承してサイトを閲覧するには「YES」を
了承しないので閲覧しない場合には「NO」を押してください。
ボタンを押したことはブラウザのローカルストレージに保存され、
次回からはこのダイアログは表示されません。

Please reload or enable CSS.

Please reload or enable CSS.

CMSkin

for てがろぐ

てがろぐ をCMSっぽく使うためのスキンのデモです

制作開始

更新履歴 29文字 読上
制作開始
てがろぐをCMSっぽく使うためのスキンを作りたい
(対象画像がありません)

webにアップロードしました

更新履歴 123文字 読上
webにアップロードしました
一部ローカルではどうしようもないことがあるので…
以下#TODO 覚書
  • ギャラリーモードスキンの作成
  • クイックポストのテキストエリアがリサイズできないの
  • DirectoryIndex→CGI名の取得方法を0へ
(対象画像がありません)

記事ナンバーリンクの表示

更新履歴 316文字 読上
記事ナンバーリンクの表示
記事ナンバーリンクのポップアップを改良しました。以下#サンプル です。

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

複数記事リンクには対応していません(ページ遷移します)。
>>1,2,3
(対象画像がありません)

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

更新履歴 318文字 読上
本日以下を修正・追加しました
  • グローバルナビ以外の小説カテゴリリンククリック先もサイトマップモード時系列表示
  • クイックポストフォームに画像一覧を開くボタン追加
  • 小説カテゴリに投稿した本文内で区切り文字を自由装飾「hr」で囲んだ時にページ内リンクを生成

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

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

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

更新履歴 198文字 読上
mp3・mp4の本文内埋め込み表示に対応しました。

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

20230408160318-admin.mp3
甘茶の音楽工房 からお借りしています

20230408160318-admin.mp4
フリー動画素材1~10 海や7月の稲など - カフィネット からお借りしています
#サンプル
20230408160318-admin.mp3
20230408160318-admin.mp320230408160318-admin.mp4

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

更新履歴 203文字 読上
ギャラリーモードスキン2種
最初の画像一枚だけ&記事単体ページへのリンク
https://10prs.com/tegalog-cms/?mode=gall...
記事内の画像全部見せ&その場でLightbox表示
https://10prs.com/tegalog-cms/?mode=gall...
CSSもなんとなく整理したので使い方書いたら配布開始します🙄
(対象画像がありません)

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

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

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

更新履歴 142文字 読上
laymic ビューワ を導入してみました。
#サンプルこちら
IDに「comic」を含むカテゴリに属する記事にコミックビューワ用ボタンが表示されます。

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

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

更新履歴,お返事 493文字 読上
これまでにいただいたメッセージへのお返事です。

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

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

>>37
画像確認しました!ありがとうございます🙇‍♂️配布ページのほうにお返事しましたのでご確認ください!

メッセージありがとうございました、参考&励みになります!
(対象画像がありません)

いただいた件について配布ページでお返事しております!

更新履歴,お返事 190文字 読上
いただいた件について配布ページでお返事しております!
>>40
https://10prs.com/page/web-tips/tegalog/...
お手数おかけして申し訳ありませんが不具合報告も含め大変励みになっておりますありがとうございます。
次回更新時(てがろぐVer4公開後を予定しています)にいただいた点も含め修正したファイルを配布いたします。
(対象画像がありません)
ページ上部へ