Sortpiaの8種類のデザインテーマ - 切り替え方と表示上の注意
公開: 2026-06-10 ／ Sortpia編集部
Sortpiaには、明るい5種類と暗い3種類、合計8種類の画面テーマがあります。テーマはTier表そのものへ保存される作者の装飾ではなく、閲覧者のブラウザでSortpia全体の表示を変える設定です。この記事では、現在選べるテーマ、PC・スマートフォンでの切り替え方、保存範囲、公開画像との違い、読みやすさを確認する手順を説明します。
現在選べる8種類と明暗区分
明るいテーマはclean-modern、simple-mono、paper-craft、sakura-pink、forest-greenの5種類です。暗いテーマはglassmorphism、gorgeous-gold、cyber-neonの3種類です。選択時には画面全体の背景、文字色、主要ボタン、カード、境界線、影などがテーマ用のスタイルへ切り替わります。
テーマ名は雰囲気を示すもので、特定ジャンル専用ではありません。ゲームにはcyber-neon、料理にはpaper-craftという決まりはなく、画像や長文の読みやすさ、周囲の明るさ、好みに応じて選べます。Tier表のタイトル、ランク、アイテム、公開範囲などのデータはテーマ変更で書き換わりません。
PCとスマートフォンで切り替える
PCではヘッダーのテーマボタンを開き、一覧からテーマ名を選びます。スマートフォンではヘッダーのメニューを開き、「テーマ」へ進んで選択します。選ぶとページの再読み込みを待たずに表示が切り替わり、現在の項目には選択状態が表示されます。
現行画面には、マイページ内で8テーマを大きなプレビュー付きで比較する専用設定ページはありません。切り替えはヘッダーまたはモバイルメニューから行います。ボタンが見つからない場合は、画面幅、ブラウザの拡大率、メニューが開いているかを確認してください。
設定はブラウザ単位で保存される
選択したテーマはlocalStorageの`sortpia_design_pattern`へ保存されます。同じ端末・同じブラウザ・同じサイトデータで再訪した場合は、保存済みテーマが適用されます。アカウントのプロフィールへ同期する設定ではないため、別端末、別ブラウザ、プライベートブラウズ、サイトデータ削除後には同じ表示にならない場合があります。
保存値がない場合はOSのカラースキームを参照し、暗色を希望する環境ではglassmorphism、それ以外ではclean-modernを初期値として適用します。旧キーや旧テーマ名の一部は現在の値へ移行されますが、意図と違う表示になった場合はテーマメニューから選び直せます。
作者のテーマが公開Tier表へ固定されるわけではない
テーマは閲覧者側のサイト表示設定です。作者がcyber-neonを選んだ状態でTier表を公開しても、別の閲覧者がclean-modernを保存していれば、その閲覧者にはclean-modernで表示されます。テーマを作者のブランドカラーや作品固有の背景として共有する機能ではありません。
見た目を固定してSNSへ届けたい場合は、公開済みTier表の画像作成画面で背景、枠、ラベルを確認してPNGを書き出します。通常画面のテーマと画像作成画面の背景設定は別です。スクリーンショットを使う場合も、端末幅やブラウザUIが写り込むため、公開前に内容と権利を確認してください。
読みやすさは実際の内容で確認する
暗色テーマが常に目に優しい、特定色が集中力を上げる、といった効果は一律に断定できません。画像の明るさ、文字量、環境光、視覚特性によって読みやすさは変わります。長い説明、淡い画像、小さい文字があるTier表では、明暗を切り替えて文字と背景、リンク、フォーカス表示のコントラストを確認します。
テーマのCSSだけで、画像内の文字、作者が選んだランク色、外部画像のコントラストまでは補正できません。重要情報を色だけで区別せず、ランク名や文字ラベルを併用してください。拡大表示や支援技術を使う場合も、公開前に主要操作を実機で確かめます。
表示崩れを見つけたときの確認項目
まず別テーマへ切り替えて再現するか、ページを再読み込みしても続くかを確認します。ブラウザ拡張、強制ダークモード、独自スタイル、古いキャッシュがテーマCSSへ干渉する場合もあるため、可能なら拡張を無効にした別ブラウザでも試します。
問題を報告するときは、ページURL、選択テーマ、端末、OS、ブラウザとバージョン、表示倍率、再現手順、個人情報を除いた画面画像を添えると調査しやすくなります。テーマ名だけでなく、読めない文字や押せない操作部を具体的に示してください。
よくある質問
Q. テーマは何種類ありますか？
A. 明るい5種類と暗い3種類の合計8種類です。ヘッダーまたはスマートフォンのメニューから選べます。
Q. 選んだテーマはTier表の閲覧者にも固定されますか？
A. いいえ。テーマは閲覧者ごとのブラウザ設定で、作者の公開Tier表へ固定保存されません。
Q. 別端末でも同じテーマになりますか？
A. 自動同期はされません。localStorageへ保存されるため、端末やブラウザが違えば個別に選択します。
Q. 公開画像にも現在のテーマがそのまま使われますか？
A. 通常画面のテーマと画像作成画面の背景・枠設定は別です。書き出し前のプレビューを確認してください。
Q. 暗いテーマのほうがアクセシブルですか？
A. 一律には言えません。内容、環境、利用者によって変わるため、明暗を試し、文字・画像・操作部を実際に確認します。
さっそくTier表を作ってみよう
Sortpiaなら、登録から公開まで5分。無料で何個でも作れます。
関連記事
- Tier表を非公開にする｜共同作成中のアクセス範囲も解説 — 非公開Tier表のアクセス範囲を、通常時・共同作成中・一般公開後に分けて解説。
- Tier表のランク色を変更する方法 - プリセットと見やすい配色 — 実装されている14色とカスタム色の設定手順、読みやすさを保つ確認点を説明します。
- スマホでTier表を作る方法 - タップ配置と操作のコツ — スマホでTier表を編集するときの2つの配置方法と、画面が狭いときに迷わない進め方を紹介します。