短編カフェヘルプ集 カラーテーマとフォントの変更、カスタマイズ
こんにちは。短編カフェではサイトカラーとフォントの変更が可能です。どのように変更できるか説明します。
カラーテーマの変更
短編カフェのヘッダ部分にある⚙をクリックします。
![](https://assets.st-note.com/img/1688506087532-udPRgusUC5.png?width=1200)
するとカラーテーマを選ぶことができます。
![](https://assets.st-note.com/img/1688506117007-MYtqLAwYpx.png)
カラーテーマはデフォルトでライト、ダーク、カスタムが用意されています。
![](https://assets.st-note.com/img/1688506152044-vPOxjuqpZf.png)
これを変更すると以下のようにテーマを変更できます。
ライト
![](https://assets.st-note.com/img/1688506232397-z3fry8iNrE.png?width=1200)
ダーク
![](https://assets.st-note.com/img/1688506242543-5kpQ1sXeNV.png?width=1200)
カスタム
![](https://assets.st-note.com/img/1688506254557-baYyyYOTIN.png?width=1200)
デフォルトはこのようになっています。ここから色カスタム設定で別の色に変更することも可能です。
https://tanpen.net/user/settings/color/
![](https://assets.st-note.com/img/1688506320984-p2kOiMdG0D.png?width=1200)
この画面のプリセットを選択するとほかにもいくつかのカラーテーマが表示されます。
![](https://assets.st-note.com/img/1688506342307-Cx2El7fiij.png)
2023年7月現在12テーマ用意しています。
![](https://assets.st-note.com/img/1688506626020-kHQyCPtLpm.png?width=1200)
気に入った色があったら「設定を保存するボタン」を押すとその変更が反映されます。このボタンを押さないと設定は反映されません。
![](https://assets.st-note.com/img/1688506771846-OSObRp5nSY.png)
押すとこのようなメッセージが表示されます。
![](https://assets.st-note.com/img/1688506872157-pWQWyaj1Ad.png)
なお既存のテーマの一部を変更することもできます。
各色の部分をクリック/タップするとカラーパレットが表示されるので好きな色にしてください。
![](https://assets.st-note.com/img/1688506697945-g8AEZFaWWX.png)
このように変更した後に「設定を保存するボタン」を押すと設定が反映されます。
![](https://assets.st-note.com/img/1688506771846-OSObRp5nSY.png)
![](https://assets.st-note.com/img/1688506899045-ef87kGZ3OO.png?width=1200)
自分の好みの色に変えてみてください。
注意点
色データはブラウザに保存しています
ブラウザでキャッシュ、サイトのデータを削除するとデータは失われます。
ブラウザの保存容量が足りない場合は正常に動作しない場合があります。
閲覧端末ごとにカスタマイズできるようにこのような仕様にしています。
フォントの変更
短編カフェではフォントも変更できます。
⚙のフォント変更をクリック/タップ
![](https://assets.st-note.com/img/1688507059611-0jqkvzlh9m.png)
https://tanpen.net/user/settings/font/
このページで設定を変更することができます。
![](https://assets.st-note.com/img/1688507129119-TEft9NHQtB.png?width=1200)
変更できるのは、サイト本文用のフォント、小説/日記閲覧用のフォントです。
小説、日記閲覧用は小説、日記閲覧設定のフォントの項目のゴシック、明朝の項目を変更することで反映できます。
![](https://assets.st-note.com/img/1688507204108-wDnQ4lCavh.png)
フォントは日本語と英数字で別々に選ぶことができます。英数字は選択しなくてもいいです。
変更後設定を「保存するボタン」を押すと全体に適用されます。
![](https://assets.st-note.com/img/1688507269556-8FOqazjudv.png?width=1200)
設定を保存するボタンを押すと反映されます。
![](https://assets.st-note.com/img/1688507509111-sa7NirmgUZ.png)
![](https://assets.st-note.com/img/1688507330676-kEF7XoybUQ.png?width=1200)
使用できるフォントは代表的なものや、Webフォントからいくつか用意しています。Windows, Android, iOSでは登録されているフォントが異なるので、登録されていないフォントを選んでも変化はしないです。
![](https://assets.st-note.com/img/1688507391626-tBj3lKrAF7.png)
もしほかにも使いたいフォントがある場合はお問い合わせへお願いします。
色設定とフォント設定を組み合わせて自分だけの短編カフェを作ってみて下さい。
![](https://assets.st-note.com/img/1688507539990-t0zxLZjFfN.png?width=1200)
良ければサポートお願いします。サポート費用はサーバー維持などの開発費に使わせていただきます。