トップページ案A(新デザイン)

リリースキャンペーン 12月31日までのご購入で、更新後もずっと50%オフ(コード SHITATE09) 料金を見る →

WORDPRESS BLOCK THEME — MADE BY A WEB STUDIO IN JAPAN

決めるのは、
比率ひとつ。

8つのタイプスケールから1つ選ぶだけで、見出し・本文・余白がまとめて整う。納品したあとも崩れにくい、制作会社がつくった WordPress ブロックテーマです。

テーマは無料(WordPress.org 公式ディレクトリ)。
pro blocks は年額 9,800円〜/買い切り 24,800円。

右のチップで比率を変えると、このページの文字と余白がすべて組み変わります。

LIVE TYPE SCALE長3度 · ratio 1.25
DISPLAY / H1整う–
HUGE / H2見出し–
X-LARGE / H3見出しの階調–
LARGE / H4小見出しと本文の距離–
MEDIUM本文の文字サイズ–
SMALL注釈・キャプション–

選んだ比率は、このブラウザにだけ一時的に記憶されます。小さな文字は読みやすさのため、下限を固定して表示します。

DIRECTORY

WordPress.org 公式掲載

LATEST

v1.0.4(10/16 更新)

LANGUAGES

7言語の翻訳を同梱

PRO BLOCKS

14ブロック+ツールバー

SUPPORT

Slack で開発者に相談

01 — HOW IT WORKS

100の設定より、1つの比率。

多くのテーマは、決められた文字サイズや余白を CSS で上書きしていきます。shitate は逆の発想。最初に比率を選べば、デザインの土台がまとめて整います。

STEP 1

比率をひとつ選ぶ

カスタマイザーで8つの比率から選ぶだけ。小さな画面用の比率も別に選べて、画面幅に合わせてなめらかに切り替わります。

スケール比率

長3度 — 1.25

小さな画面での比率

短3度 — 1.2

基準サイズ

16px

STEP 2

色は4つ決めるだけ

サイトエディターで4つのソースカラーを決めれば、ホバー・面のティント・罫線・補助テキストのトーンは自動で派生します。

STEP 3

最後の調整は、変数で

設定はすべて CSS 変数に集約。比率を書き換えるだけで、サイト全体が切り替わります。“テーマの都合”に縛られません。

/* 追加 CSS — 長3度 */
:root {
  --st-ratio: 1.25;
  --st-ratio-min: 1.2;
  --st-text-m: 16px;
}

02 — PHILOSOPHY

仕立ては私たちが。
着こなしは、あなたが。

文字と余白の“採寸”は、テーマが先に済ませておく。どんなサイトに仕上げるかは、作る人と使う人に任せる。それが shitate の考え方です。

01

更新は最低限

無駄な機能を持たないシンプルな設計だから、頻繁なアップデート対応に追われません。作ったあと、長く静かに運営できます。

02

渡したあとも崩れにくい

設定はあえて少なく。クライアントが自分で更新しても、デザインの土台は崩れにくくなっています。

03

ブレイクポイントを持たない

画面幅に合わせて比率がなめらかに変化。スマホ用の比率も選べるので、メディアクエリを書く必要がありません。

shitate pro blocks

03 — PRO BLOCKS

pro blocks で、制作をもう一段速く。

shitate に合わせて作った14のブロックとテキストツールバー。ブロック単体のプラグインなので、ほかのテーマでも使えます。

ユニークブロック

記事やページ設計に効く、shitate に最適化したブロック。

マスターブロック

より高度なサイト設計を助ける、制作者向けのブロック。扱いを誤るとページの表示に影響するため、上級者向けです。

04 — DEMO

比率を変えるだけで、ここまで変わる。

3つのデモは、それぞれ違う比率で組んでいます。デモ画面の右下のボタンから、比率を切り替えて試せます。

雑貨店デモのスクリーンショット

短3度 1.2 — shitate products

雑貨店

小さな比率で、落ち着いた印象に。文字が増えてもスクロールが少なく、商品の多いショップに向きます。

工務店デモのスクリーンショット

完全5度 1.5 — シタテ工務店

工務店

大きな比率で、ひとつずつの要素を大きく見せる。写真を大きく使いたいサイトと好相性です。

税理士事務所デモのスクリーンショット

長3度 1.25 — 仕立て税理士事務所

税理士事務所

落ち着いた色と書体で、端正に。信頼が大切な士業やコーポレートサイトに。

05 — PRICING

テーマは無料。
必要になったら pro blocks。

まずは無料のテーマで比率を試して、制作のスピードが欲しくなったら pro blocks を。年額プランと、1サイト永久の買い切りから選べます。

RELEASE CAMPAIGN — 12/31 まで

更新後もずっと 50% オフ

決済画面でプロモーションコード SHITATE09 を入力すると、割引が適用されます。

THEME

shitate テーマ

0円(WordPress.org 公式ディレクトリ)

  • 8つのタイプスケール(小さな画面用の比率も)
  • 4色から派生する配色
  • スタイルバリエーションとビジネス向けパターン
  • 7言語の翻訳
  • WordPress.org のフォーラムで質問

PLUGIN

shitate pro blocks

年額 9,800円〜/買い切り 24,800円

  • 14の拡張ブロック+テキストツールバー
  • 管理画面から自動アップデート
  • 開発者に Slack で個別チャット(2営業日以内に返信)
  • shitate 以外のテーマでも使える

パーソナル

9,800 円/年

1ライセンス

自社サイト1つで使う方に

おすすめ

ビジネス

19,800 円/年

5ライセンス

フリーランス・年に数件の制作をする方に

代理店/制作会社

49,800 円/年

50ライセンス

社内の標準として導入する制作会社に

買い切り

24,800 円

1ライセンス・アップデートは永久

納品して手離れしたい案件に(チャットは購入から1年間)

表示価格はすべて税込。年額プランは1年ごとの自動更新で、マイページからいつでも解約できます。解約後もブロックはそのまま動き続けます。

06 — MADE BY

作ったのは、毎日サイトを納品している制作会社です。

WaZ4Zz W 400x400雪谷 匡良

クライアントに渡したあとも崩れないサイトを、もっと気楽に、もっと楽しく作りたい。自分たちの現場で本当に必要だったものだけを、テーマとブロックにしました。

開発者に、Slack で直接

年額プランは契約期間中、買い切りは購入から1年間。2営業日以内にお返事します。

07 — FAQ

よくある質問

shitate テーマは無料ですか?

はい。WordPress.org の公式ディレクトリから無料でダウンロードできます。テーマについての質問は、WordPress.org のフォーラムで受け付けています。

pro blocks は shitate 以外のテーマでも使えますか?

はい。テーマの機能ではなく、ブロックのプラグインとして提供しているため、ほかのテーマでもお使いいただけます。

クライアントのサイトに使えますか?

はい。ご自身が制作・管理するクライアントサイトにお使いいただけます。

解約するとどうなりますか?

ブロックはそのまま動き続けます。アップデートと個別チャットサポートが受けられなくなります。

返金はできますか?

無形商材のため、ご購入後の返金には対応していません。まずは無料のテーマで比率をお試しください。

まずは無料で、
比率をひとつ選んでみてください。

WordPress.org からテーマを入れて、カスタマイザーで比率を選ぶだけ。pro blocks は、必要になったときに。

12/31 まで、pro blocks が更新後もずっと 50% オフ(SHITATE09)

タイポグラフィスケール

変更はこのページに即時反映され、あなたのブラウザ内にだけ記憶されます。サイト側には何も保存されません。

比率が大きいほど見出し間のコントラストが強くなります(typescale.com と同じ考え方)。

画面幅 375px で使う比率。1260px までにメイン比率へなめらかに変化し、メディアクエリなしでスマホでは文字も余白も引き締まります。

本文の文字サイズ。スケール全体はここから計算されます。

すべての文字段を偶数ピクセル(2px)にスナップします。

Small / X-Small / XX-Small を比率で割らず 0.95rem / 0.8rem / 0.75rem に固定します(比率で割ると小さすぎて読みにくくなる場合の対策)。

この画面幅での実サイズ
Display / H1 –
Huge / H2 –
Extra Large / H3 –
Large / H4 –
Medium / 本文 –
Small / H6 –
X-Small –
XX-Small –