【日本語WordPressテーマ】isotype

当ページの一部リンクにはプロモーションが含まれています。

追記-2023.11.10-

残念ながらisotypeは販売終了となりました。
ただしこのページはしばらくは残しておきます。

日本語タイポグラフィーによるサイトの美しさや読みやすさにこだわりどんな業種のサイトにも使えることをコンセプトにしたWordpressテーマの集まりがisotypeです。

タイポグラフィーとは

同じ文章であっても文字の書体・大きさなどによっては利用者が受け取る印象は大きく変わります。

Webの世界でのタイポグラフィーとはこういった「文字の書体・大きさ・行間・配列などを調整して読みやすく美しい文字に見えるよう配置する」という意味で使われることが多いです。

また文字そのものをアートのようにデザインする手法もタイポグラフィーの概念の一つとも言われます。

現在isotypeが用意しているテーマは以下の通り。

Readable：Gutenbergグーテンベルグ（ブロック）エディターに完全対応したテーマ
MAJESTIC＋：MAJESTICの機能拡張版テーマ
MAJESTIC：ミニマルデザイン＆インパクトあるフルスクリーン表示可能なテーマ
MARBLE：余計な機能や華やかなデザインを間引いてミニマルに徹したテーマ
MOMENTUM：グリッドレイアウトが得意なテーマ
MONOMANIA：１カラムページに最適化されたテーマ
MONO IDEA：スクロールすると1つの物語を読み進めるかのごとくユーザーを惹きつけるストーリーテリング風テーマ。
METRIX：シンプルでミニマルなデザイン性と機能性を追求したテーマ。

isotypeの主な特長

美しい日本語文書の表現を可能にするべく、全テーマ共通でGoogleの日本語Webフォント・NotoSansを採用。
全テーマとも”主張しない・無駄を省いたデザイン”されど”存在感のあるデザイン”が設計のベース。
その中でもテーマ「Readable」は記事の読みやすさと収益化のしやすさを追求したブロックエディター（Gutenbergグーテンベルグ）完全対応テーマ。

WEBフォントとは？

ウェブサイトのテキストは通常は利用者のデバイス（PCとかスマホといった閲覧環境）に依存するため、どうしてもヒラギノ角ゴシックや游ゴシックといったどのPCにも標準で入っている最大公約数的なフォントしか指定できないものです。

これに対してページの読み込みと同時にサーバ上にあるフォントデータをダウンロードし表示するのがWebフォントというもので、利用者のPC環境に左右されずに表示することができます。

メリットとしては文章の可読性や視認性を高めたりデザイン性の高いページが作れること。
デメリットとしてはわずか26文字の英語と違って日本語はひらがな・カタカナ・漢字とサーバーに置かなければならないフォントデータが膨大になるため、むやみにWebフォントを使いすぎるとダウンロードに時間がかかり表示速度が遅くなりがちです。

これを防ぐために日本語Webフォントを使う場合は普段使わないと思われる文字を除くための軽量化（サブセット化）という作業が必須になってきます。
ただしWebフォントの軽量化作業は個人でやるにはかなり手間がかかるもの。

その点isotypeは最初から軽量化したGoogleフォントを搭載しているため見やすく美しいテキストを快適に表示することができるというわけです。

ここではブログに特化したブロックエディター完全対応のReadableのみのご紹介に留めておきます。
他のテーマの詳細については公式サイトでご確認ください。

ブロックエディター対応状況

完全対応◎・一部対応◯・未対応×

完全対応・一部対応・未対応の違い

ワードプレス標準搭載のブロックエディター機能はどのテーマでも使えます。

その中でもテーマオリジナルのブロック機能を駆使してブロックエディターだけでサイト作成が完了するものを当サイトでは完全対応と呼んでます。

これに対しオリジナルのブロック機能の開発は進んでいるもののクラシックブロックなどでの限定的な利用にとどまるテーマは一部対応としてます。

そしてオリジナルブロック機能は非搭載もしくは数えるほどで、ベースとなる編集は旧エディターというテーマは未対応という位置づけにしてます。

※当サイトで紹介しているテーマ内に出てくる独自（専門）用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。

以下の用語について簡単に解説してます。【五十音順】

ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP＆ツイッターカード・PWA・Welcart（ウェルカート）・WooCommerce（ウーコマース）・アップセル＆クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス（デザイン）・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット＆構造化マークアップ（JSON-LD）・レイヤー画像・レスポンシブデザイン