SORABUN THEME

公開準備中価格・提供開始日は、決まり次第このページでお知らせします。

AIが書いた記事が、
そのまま美しい。

Sorabunで書いた記事が、いちばん美しく読めるWordPressテーマ。標準ブロックだけで作ってあるので、テーマを替えても記事は壊れません。日本語の折り返しも、スマホの読み心地も、最初から整っています。

WordPress 6.4 以上・PHP 8.1 以上。Sorabunプラグインがなくても使えます。

Sorabun Themeで表示した記事のページ。記事の題名、アイキャッチ、要点のボックス、用語の説明が、本文と同じ幅にそろって並んでいる
  • 標準ブロックだけで作ったブロックテーマ
  • 文節で折り返す、日本語の組版
  • テーマ自身のJavaScriptなし(無料版)
  • Webフォント・外部の画像・外部のスクリプトなし
  • 配色は標準+4種
WHY SORABUN THEME

記事を書く人のための、3つの約束

AIが書き終えた記事が、そのまま整って見えること。そして、テーマを替えても、記事が壊れないこと。この2つを軸に作りました。

テーマを替えても、記事が壊れない

要点・手順・Q&A・吹き出し・チェックリストは、ふつうの「グループ」「詳細」「リスト」ブロックに、見た目の型を付けただけ。テーマ専用のブロックを使わないので、本文はどのテーマでも読めます。

  • ページビルダーは不要
  • あとから自由に編集できる

日本語が、最初から読みやすい

文の区切りで折り返し、見出しは各行の長さをそろえ、かなは見出しで詰めて組みます。フォントは端末のものを使うので、表示が遅れることもありません。

  • 文節での折り返し(対応ブラウザ)
  • 見出しの行の長さをそろえる
  • Webフォントは読み込まない

速い。余計なものを読み込まない

無料版は、テーマ自身のJavaScriptを画面に読み込みません。読み進みバー・ページの切り替え・アコーディオン・Q&Aは、CSSだけで動きます。外部のフォントや画像、スクリプトも使いません。

  • 読み込むのは、自分のサイトのファイルだけ
  • 記事の表示を邪魔する部品がない

モバイルメニューとヘッダーの検索は、WordPress標準のブロックが読み込む小さなスクリプトです。文節での折り返しは、Chrome・Edgeなど対応するブラウザで働き、ほかのブラウザではふつうの折り返しになります。

MADE FOR SORABUN

Sorabunが入れる部品を、いちばん美しく

要点・目次・手順・比較表・注意・チェックリスト・吹き出し・FAQ。Sorabunプラグインが記事に入れる部品に、このテーマ専用の見た目を用意しました。下の画面は、どれもこのテーマで表示した実際の記事です。

記事の頭に入る要点のボックス、用語の説明、目次
要点・用語の説明・目次読者が最初に見る場所。要点と目次が、本文と同じ幅にそろいます。
2つの型を比べる表。見出しの行に配色の色が付いている
比較表見出しの行に配色の色。スマホでは、画面に収まるように折り返します。
吹き出しと、メモのボックス
吹き出し・メモひと言の補足を、会話や付箋のようにやわらかく。
注意のボックスと、避けたい例(×)、おすすめの例(✓)のチェックリスト
注意・チェックリスト避けたいことは×、おすすめは✓。ひと目で見分けられます。
番号つきの3つの手順
手順番号と線でつないだ、順番に読む手順。
よくある質問のカードと、あわせて読みたい記事への案内
よくある質問・あわせて読みたい質問と答えを、読みやすいカードで。関連する記事への案内も添えられます。

Sorabunプラグインは任意です。入れると、記事の部品がこのテーマ専用の形で出て、編集できるブロックにも変えられます。プラグインがなくても、同じ見た目の部品を「ブロックスタイル」から使えます。

COLOR SCHEMES

サイトの雰囲気は、配色で選ぶ

標準のブルーに加えて、4つの配色。サイトエディタの「スタイル」で選ぶだけで、ヘッダーもボタンも、Sorabunが入れる部品の色も、まとめて変わります。すべての配色で、文字と背景のコントラストを WCAG AA(4.5:1)以上に点検しています。

標準のブルーの配色で表示したトップページ
ブルー(標準)清潔で、信頼感のある標準の配色。
フォレスト(緑)の配色で表示したトップページ
フォレスト落ち着いた緑。暮らしや健康のサイトに。
サンライズ(暖色)の配色で表示したトップページ
サンライズあたたかい暖色。親しみやすいサイトに。
インク(モノクロ)の配色で表示したトップページ
インクモノクロ。見出しは明朝体で、読み物らしく。
ナイト(ダーク)の配色で表示したトップページ
ナイト目にやさしいダーク。夜に読まれるサイトに。
MOBILE

スマホで読まれる前提で、仕上げる

題名は文の区切りで折り返し、表も箱も、画面の幅に収まります。読者の多くが使うスマホの画面で、実際に確かめながら調整しました。

スマホで表示した記事の題名と要点のボックス
題名と要点長い題名も、文の区切りで折り返します。
スマホで表示した比較表と、注意のボックス
表と注意表は画面に収まり、箱の色も読みやすいまま。
スマホで表示した注意のボックスと、チェックリスト
チェックリスト指でなぞりやすい行の高さと余白。
LANDING PAGE

ランディングページにも、そのまま使える

「Sorabun LP」テンプレートは、ヘッダーを最小にした全幅のページ。SorabunのLP作成で作ったページに、そのまま使えます。ヒーロー・特長・料金・お客様の声・申し込みの帯まで、ページ用のパターンも揃っています。

  • テンプレート3種:全幅のページ/サイドバー付きの記事/Sorabun LP
  • パターン:記事の部品から、LP用の部品まで
  • どれも標準ブロックなので、あとから自由に組み替えられます

SorabunのLP作成を見る →

Sorabun LPテンプレートで表示したランディングページ。大きな見出し、説明、申し込みのボタン、お悩みのチェックリストが並んでいる
  • ポイント・注意・メモの箱
  • 手順(STEP 1・2・3)
  • よくある質問(開閉式)
  • ふきだし(左・右)
  • 比較表
  • できる/できない
  • 著者ボックス
  • CTAバナー
  • ホームの顔(題名・検索・カテゴリー)
  • LPのヒーロー
  • 特長3つ(カード)
  • 料金プラン3つ
  • お客様の声
  • 記事一覧(カード)
PRO
SORABUN THEME PRO

有料版で、サイトの運営まで任せられる

無料版のすべてに加えて、広告・トップページ・目次・書式・デザインの設定画面が付きます(外観>Sorabun Theme)。ここからは、有料版でできることです。

ADS

広告を、決めた場所に。A/Bテストで比べる

広告のコードを「枠」として登録するだけ。出す場所は、見出しの前・記事の上下・サイドバー・ショートコードから選べます。

  • 「広告」のラベルが必ず付く。広告であることを隠しません(文言は変えられます)
  • A/Bテスト:2つの案を半々に出して、どちらがクリックされたかを数字で比べます。差が偶然とは考えにくいかも、画面に出ます
  • AdSenseの自動広告・ads.txtにも対応
  • 計測は、日ごとの回数だけ。個人情報・Cookieは使いません
本文の途中に入った広告。広告の上に小さく「広告」のラベルが付いている

本文の途中に出した広告。上に「広告」のラベルが付きます。

A/Bテストのクリック率の画面。案Aは2.53%、案Bは4.09%で、案Bのほうがクリックされていると表示されている

A/Bテストの結果の画面。数字は、動作確認用のサンプルです。

MAIN VISUAL

トップページに、スライダーと特集バナー

最新の記事や、選んだ記事を、大きなスライダーで。その下に、画像つきの特集バナーを2つまたは3つ並べられます。コードは書かずに、設定画面の操作だけで整います。

  • スライドは「ピックアップ記事」「最新の記事」「自分で作る」から選べる
  • スワイプ・矢印に対応。自動で切り替える間隔も選べます(動きを減らす設定の人には、自動で切り替えません)
  • バナーの見出し・画像・リンク先を自由に
スライダーの下に、画像つきの特集バナーが3つ並んだトップページ
TABLE OF CONTENTS

読んでいる場所に、ついてくる目次

PCでは、サイドバー付きの記事で、目次が画面についてきて、いま読んでいる章に印が付きます。スマホには「目次」のボタンが現れ、押すと一覧がひらきます。

  • 長い記事でも、読者が迷いません
  • 目次に出す見出しの深さ(H2のみ/H2とH3)と、ボタンの位置(左・右)も選べます
サイドバーの目次が画面についてきて、いま読んでいる章が青くなっている記事のページ
スマホで「目次」のボタンを押して、目次がひらいたところ

書式セット

文字色・背景・マーカー・太字・大きさの組み合わせに名前を付けて登録。エディタのツールバーから、1クリックで当てられます。

デザイン設定

アクセントの色(読める濃さに自動で調整)・本文の幅・文字の大きさ・見出しの形・角の丸み・ヘッダーの固定・「ページの先頭へ」ボタン。

サンプルサイト

ボタン1つで、見た目を確かめられる記事・固定ページ・メニューを作れます。もう1つのボタンで、作ったものだけを消せます。

更新がダッシュボードに届く

シリアルコードを入れると、新しい版が、WordPressの更新の画面(ダッシュボード)に届きます。

ライセンスの期間が終わっても、止まるのは動く部品(広告・スライダー・目次・エディタのボタン・サンプルサイト・更新)だけです。記事・デザインの設定・書式の見た目は、そのまま残ります。

EDITIONS

無料版と有料版(Pro)

記事を美しく見せる土台は、無料版にそろっています。有料版は、運営の設定画面と、動きのある部品が加わります。

表は横にスクロールできます →

項目無料版有料版(Pro)
標準ブロックだけで作ったブロックテーマ✓✓
日本語の組版(文節での折り返し・見出し)✓✓
配色(標準+4種)・テンプレート3種・パターン✓✓
Sorabunの部品の専用デザイン✓✓
画面に読み込むJavaScriptなし使う機能のページだけ、小さく
広告の管理(自動挿入・ラベル・A/Bテスト・ads.txt)—✓
スライダー・特集バナー—✓
追従する目次・スマホの目次ボタン—✓
書式セット(エディタから1クリック)—✓
デザイン設定(色・幅・文字・見出し・角丸など)—✓
サンプルサイトの作成・削除—✓
価格・提供開始決まり次第お知らせ決まり次第お知らせ
  • 動作環境WordPress 6.4 以上
  • PHP8.1 以上
  • ライセンスGPL v2 以降
  • Sorabunプラグインなくても使えます
FAQ

よくある質問

Sorabunプラグインがなくても使えますか?

はい。標準のブロックテーマとして、単独で使えます。Sorabunプラグインを入れると、記事に入る要点・手順・FAQなどが、このテーマ専用の見た目で出て、編集できるブロックにも変えられます。

いまのテーマから乗り換えられますか?

標準のブロックで書いた本文は、そのまま引き継げます。ほかのテーマ専用のブロックやショートコードを使った部分は、移りません。ヘッダー・フッター・メニューは、ブロックテーマの仕組みどおり、サイトエディタで組み直します。

広告が、勝手に出ることはありますか?

ありません。有料版の広告管理で、ご自身が登録した枠にだけ出ます。出る広告には、必ず「広告」のラベルが付きます(文言は変えられます)。

ライセンスの期間が終わったら、サイトはどうなりますか?

止まるのは、動く部品(広告・スライダー・目次・エディタのボタン・サンプルサイト・更新)だけです。記事・デザインの設定・書式セットの見た目は、そのまま残ります。

訪問者の情報は、どこかに送られますか?

ページを見た人の情報は、どこにも送りません。広告の表示回数とクリック数は、日ごとの回数として、ご自身のデータベースに保存します(個人情報・Cookie・ローカルストレージは使いません)。有料版は、シリアルコードの確認と更新の確認のために、サイトのアドレス・シリアルコード・テーマの版を、Sorabunのサーバーに送ります(コードを入れたとき・設定画面を開いたとき・1日2回・WordPressが更新を確かめるとき)。AdSenseの自動広告をオンにしたときは、Googleのスクリプトを読み込みます。

文節での折り返しは、どのブラウザでも効きますか?

Chrome・Edgeなど、対応するブラウザで働きます。ほかのブラウザでは、ふつうの折り返しになります(表示が崩れることはありません)。

価格や入手方法は?

公開の準備をしています。価格・提供開始日・入手方法は、決まり次第このページでお知らせします。

公開準備中です。

公開のご案内を希望される方、ご質問やご要望のある方は、[email protected] までご連絡ください。

Sorabunの機能を見る