てがろぐスキン「daydream」

20230107_tskin_daydream.jpg

にしし ふぁくとりーさんで配布されているCGIてがろぐ用のスキンです。このスキンの使い方などに関するご意見やご質問はこのページ下にあるコメント欄からお願いします。

2023/01/08 てがろぐ Ver3.8.8βで動作確認していたため正式版であるVer3.8.0で不具合が出ておりました。現在修正したものをダウンロードできるようになっています。てがろぐ Ver3.8.3β以前のものをご利用の方ですでに当スキンをDLされた方はお手数ですがDLし直しをお願いいたします。

特徴

  • Y'z Atelierさんの名前変換スクリプトを利用し名前変換小説を書けます
  • てがろぐトップではタイトル(本文一行目)を一覧表示します
  • 記事単体表示時の前後移動リンクにそれぞれのタイトルを表示します

デモ

配布しているものと多少の違いはありますがトップページ名前変換(記事単体)はこんな感じです。

使い方

  1. ダウンロードしたzipを解凍し、jsフォルダとskin-10p-dreamフォルダをtegalog.cgiを置いているフォルダ内にアップロードします
  2. 管理画面の「スキンの切り替え」ページで「skin-10-dream」欄右の「本番適用(簡易)」ボタンを押します

名前変換小説の書き方

本文を投稿する際に自由装飾記法を使います。てがろぐの管理画面 → 設定 → 投稿欄の表示 → 装飾ボタンの表示設定の「自由装飾」のチェックを入れておくと投稿の際に楽になります。

20221122_t_g.jpg

投稿はこのようにしてください。

カスタマイズ例

新規投稿画面及び管理画面へのリンクやクイックポストフォーム・各記事の編集・削除ボタンは管理画面の設定→投稿欄の表示→クイックポストの表示を「ログインしている際にのみ表示する」にすると非ログインユーザーには見えなくなります。

背景画像はskin-10p-dreamフォルダ内にbg.jpgという名前で配置しています。変更したい場合は同じ名前の画像を上書きアップロードしてください。

デモではespaceさんで配布されているnovel viewerを導入しています。同じように導入したい場合は配布元からzipをダウンロードし解凍してnovel-viewerフォルダをtegalog.cgiを置いてあるフォルダ内にアップロードしてください。次にskin-10p-dreamフォルダ内のskin-cover.htmlをエディタで開いて9行目付近

<link rel="stylesheet" href="tegalog.css?[[INFO:LASTUPDATE:YGNhm]]">

の下に

<link rel="stylesheet" href="../novel-viewer/novel-viewer.css">

そして192行目付近

</body>

の上に

<script src="novel-viewer/novel-viewer.js"></script>

を追記してください。
このままだと記事単体表示以外にもnovel viewerの設定ボタンが表示されてしまうので、skin-10p-dreamフォルダ内のtegalog.cssの末尾に

body:not(.onelog) #envViewerButton { display:none; }

を追記してください。

ダウンロード

tegalog_skin_dream.zip

更新履歴

  • 2023/01/08 てがろぐ Ver 3.8.3β 以降でしか使えないスキン記法を使用していた箇所を修正
  • 2023/01/07 配布開始
てがろぐ
てがろぐスキン

コメント[コメントする]

権限がありません

このコメントは管理者のみに公開されています。

このコメントを閲覧する権限がありません。

moka(えむおか)

沼崎 さま
早速の試用とご報告ありがとうございます。設置URLを確認させていただきました。
原因としてはこちらのミスです、すみません。
現在配布しているスキンではてがろぐ Ver3.8.3β版からの記法である[[PERMAURL]]を使っているため、てがろぐ正式版の3.8.0ではURLに置換されていません。
(参考:https://nishishi.fanbox.cc/posts/4625102 )
自分がβ版を使用しているためにそこに気が付いておりませんでした。
配布版も修正したものをアップロードするつもりですが、対処法としては[[PERMAURL]]を[[PARMAURL]]に書き換えるか、てがろぐ本体をVer3.8.3β以上にバージョンアップするかで動くと思います。一度お試しになっていただけると幸いです。

沼崎

えむおかさま

返信ありがとうございました。
言われた通りに記述を変更しましたら無事に表示されるようになりました! ありがとうございます。
わたしの方も、配布スキンだー! と嬉しくなってしまって推奨てがろぐバージョンなどちゃんと聞いておくべきだったなと反省しました……。

スキンの配布お疲れ様です、そしてありがとうございます。
沼崎

moka(えむおか)

沼崎 さま
こちらこそ、確認不足でお手数をおかけしました。
てがろぐ本体のバージョンについては私自身失念していましたので今後ほかのスキンを配布する際の注意事項として忘れないようにおきます。
沼崎さんからのコメントがなければそこに気づけなかったので感謝しております、ありがとうございました!

権限がありません

このコメントは管理者のみに公開されています。

このコメントを閲覧する権限がありません。

moka(えむおか)

スィーナヤ 様
こんにちは。ご試用とお問い合わせありがとうございます。

ご提示の件確認させていただきました。tegalog.cssの428行目・429行目にページ送りアイコンを表示する記述があるのですが、
正しくは content:'\f106'; となっているところが content:'f106'; (半角の「\」が抜けている)になってしまっているようです。
修正して再アップロードあるいはこちらで配布しているものを再ダウンロードしてアップしなおしてください。
改善されない場合やほかにご不明な点がありましたらまたお気軽にご連絡ください。

権限がありません

このコメントは管理者のみに公開されています。

このコメントを閲覧する権限がありません。

moka(えむおか)

スィーナヤ さま
お返事ありがとうございます。変わらず「\」抜けの状態であることが確認できました。
お使いのサーバはリトルサーバかと思います、当サイトも同じサーバをお借りしておりこちらのCSSをアップロードしてもそのような状態にならないことが確認できています。ローカルで抜けていない文字がアップロードすると抜けるという状況に出会ったことがなくこちらでも調べてみていますがすぐには原因究明が難しそうです…。お手数をおかけしますが差し支えなければスィーナヤさんがどのような方法でアップロードしているかお教えいただけませんでしょうか。
ちなみにこちらはPCからFFFTPというソフトでCSSはアスキーモードで転送しています。

権限がありません

このコメントは管理者のみに公開されています。

このコメントを閲覧する権限がありません。

moka(えむおか)

スィーナヤ さま
教えてくださりありがとうございます。ウェブマネージャーで編集していたのですね。
ウェブマネージャー上でCSSファイルを編集→保存すると「\」が消えてしまうことを確認しました。
文字コードや改行の組み合わせの変更も全通りではないですが試してみましたがどれもダメみたいです😥
こちらからサーバのほうへ問い合わせをしてみますがさしあたってはCSSの編集はPCでのみ行うなどでご対応いただければありがたいです。
ちなみにアップロードするだけならウェブマネージャーで行っても大丈夫だと思います(編集アイコンで開いて保存ボタンを押すと「\」が消えます)。

権限がありません

このコメントは管理者のみに公開されています。

このコメントを閲覧する権限がありません。

moka(えむおか)

解決できてよかったです!
サーバのサポートへ問い合わせしたお返事によると半角の¥が消えてしまうのはプログラムの仕様上回避が難しいそうです。
CSSだけでなくHTMLでも記述した半角¥はwebマネージャで編集保存すると消えてしまいます。
ファイルの編集は別の方法で行ったほうがいいみたいです、ご参考までに…。

えむおか様

URL

えむおか様

お世話になります。みやこと申します。

スキンdaydreamつかわせていただいております。
URL欄に貼ったてがろぐに画像添付しています通り、1行目にかいたタグの右側がスマホで見たところ、…と表示され、一行目に記述した内容が折り畳まれてしまいます

<>の改行記号を入れたら完全に見えなくなってしまいました
こちらについて、できればタイトルと同じような書式でタグに記述した内容も表示できればと思ったのですが、スマホのせいなのか、HTMLかCSSか、そこの切り分けができなかったため質問いたしました。

やりたいこととすれば、パッと見でそれが夢なのかカプなのか、どのキャラやカプなのかわかる表示にしたいと思っています
そこで、できれば、スマホで見た時とiPadで見た時と同じ見た目(タイトル行を折り畳まない、または改行する)にできればと思っています。

あいまいな質問で申し訳ありません。
お忙しいところ恐れ入りますが、よろしくお願いします。

moka(えむおか)

みやこ さま
こんばんは、当スキンのご利用とご連絡ありがとうございます。
タイトル行(一行目)を「…」で省略しない方法は、tegalog.cssの229行目付近

white-space: nowrap;

を削除してみてください。
CSS編集後、すぐに変更が反映されない場合がありますがその時は何か本文を投稿するかブラウザのキャッシュを破棄して更新をしてみてください。

みやこ

えむおか様
ご返信ありがとうございます。
ご指示どおり設定したところ、想定する表示となりました。
このスキンを公開いただいただけでなく、こうして質問にご回答いただいて本当に感謝しております。
どうもありがとうございました。

コメント登録

  • コメントを入力してください。
登録フォーム
名前

入力必須項目です

URL
コメント

入力必須項目です

HTML・CSSなどを入力
閲覧制限