見出し画像

【てがろぐ】専用スキン『skin-o_01』配布

にししファクトリーにて配布されているお手軽マイクロブログCGI『てがろぐ』で使用可能なスキンを配布します。

内容をご一読のうえ、ご自由に使用していただければと思います。


てがろぐスキンについて

更新履歴

2025/1/31 ver.1.1.2公開(アクセシビリティに関するstyle.cssの微調整)
2025/1/28 ver.1.1.1公開(style.cssの微調整)
2025/1/28 ver.1.1.0公開・noteにて配布開始

概要

にししファクトリーにて配布されているお手軽マイクロブログCGI『てがろぐ』のスキン専用テンプレートです。てがろぐの独自記法を使用しているため、他のサイトでの使用は想定していません。

元々ファンアートや小説を置いているサイト(以下:同人サイト)で使用していた自作スキンを改造し、比較的カスタマイズしやすいようにしました。

てがろぐスキン『skin-o_01』を適用したてがろぐのスクリーンショット
ローカル環境でのテスト表示

特徴

  • ハンバーガーメニュー(※スマホ表示のみ)、トップへ戻るボタンあり

  • Javascriptを使用せず、HTMLとCSSのみで構成

  • 上書きCSS対応

  • QUICKPOSTがなくても、ログインされていない場合はフッターの管理用ページのリンクを非表示にできます(※てがろぐver.4.5.2以降)

使用プログラム 他

  • リセットCSS:destyle.css

  • アイコンフォント:Material Symbols Rounded

動作確認

ブラウザ:Safari・Firefox・Arc(Mac mini,iPad,iPhone)


ダウンロード

利用規約

てがろぐの使用条件と矛盾が生じた場合は、てがろぐの条件が優先されます。

  • 使用報告やリンク、クレジットは不要です。

  • カスタマイズや不具合について、開発者様への質問等は厳禁です。

  • 改造やコードの一部利用等のカスタマイズは自由ですが、カスタマイズによる不利益・不具合に対する責任は負いかねます。

注意事項

  • てがろぐそのものや、スキン導入に関する質問等への回答やサポートは出来かねます。

  • 他のプログラム等との兼ね合いにより、正常に動作しない可能性があります。

ファイル一覧

  • skin-cover.html

  • skin-onelog.html

  • base.css

  • style.css

  • _document.md

利用規約・注意事項をご一読のうえダウンロードをお願いいたします。


使用方法

事前準備

base.css
フォント・色の設定をします。
(※アイコンフォントを変える場合は、ぜひ同梱している_document.mdをご確認ください)

skin-cover.html
faviconを設置したい場合は22〜24行目のコメントアウトを解除して設定してください。
その他、必要に応じて6行目(検索避け)と8行目(Pinterest避け)を削除します。

設置

ダウンロードしたzipファイルを解凍し、フォルダを丸ごとてがろぐを設置しているディレクトリにアップロードしてください。てがろぐのバージョンが4.5.0以降であれば、リンク等の設定をいじらなくても問題なく動くはずです。
(_document.mdについては削除していただいても構いません)

更新対応

別途記載がない限りstyle.cssの上書きで更新内容が反映されます。自身でコードを書き足しつつ最新版に更新し続けたい場合は、base.cssまたは上書きCSS機能でのカスタマイズをおすすめします。

いいなと思ったら応援しよう!