お知らせ

7つのスキンと、並べ方(レイアウト)

7つのスキンと、並べ方(レイアウト)

yozora では、色・書体・飾りをまとめた「スキン(yozora の見た目のセット。色・書体・飾りをまとめて切り替えられる。)」と、ページの並べ方を決める「レイアウト」を、別々に選べます。記事の中身はそのままで、見た目だけが変わります。

目次
  1. スキンを試す
  2. レイアウトの種類
  3. ダークモード

スキンを試す

下のリンクか、画面の下の「デザインを試す」から切り替えられます。切り替えたデザインは、見ているあなたの画面にだけ反映されます。

  • プレーン:白とゴシック体。カード一覧に、読了時間・著者ボックス・追従する目次つき。どんなサイトにも合う基本の形です。
  • ミッドナイト:夜空と金。カード一覧と PICK UP で、読み物らしい雰囲気に。ブログ向けの機能はオフにした、すっきりした構成です。
  • サンライズ:アフィリエイト向け。白とオレンジ。読了時間・著者ボックス(だれが書いたかを示して信頼につなげる)・追従する目次つき。価格などが変わりやすいので、1年たった記事にはお知らせを出します。
  • ペーパー:ブログ・エッセイ向け。生成りと明朝体。リスト一覧、ダークモード(端末の設定に合わせる)、読了時間・著者ボックス・購読・追従する目次・コメント欄つき。2年たった記事にはお知らせを出します。
  • ターミナル:技術ブログ向け。黒い画面とミント。左サイドバー(目次とカテゴリが画面についてくる)に、読了時間・著者ボックス・追従する目次つき。
  • もこもこ:趣味・日記向け。クリームとパステル。1カラム+タイムライン一覧、ダークモード(端末の設定に合わせる)、著者ボックス・購読・コメント欄つき。
  • マガジン:レビュー・コラム向け。白黒と黄色。トップはヒーロー(最新記事を大きく)、一覧はマソンリー(高さのちがうカードを敷き詰める)、読了時間・著者ボックスつき。

レイアウトの種類

場所選べる形
ページ全体標準(右にサイドバー)/1カラム/左サイドバー(画面についてくる)
トップページ標準(PICK UP のカード)/ヒーロー(最新記事を大きく)
記事一覧カード/リスト/タイル/タイムライン/マソンリー

ダークモード

明るい色のスキンでは、ダークモードを「端末の設定に合わせる」か「いつも暗い色」にできます。「端末の設定に合わせる」では、スマホやパソコンをダークモードにしているときだけ暗い色になります。ミッドナイトとターミナルは、もともと暗い色のスキンです。

yozora へようこそ:この見本サイトの歩き方