※この記事は「2023年4月29日」に更新しました。
Readable（リーダブル）の始め方について。
- Readable で WordPressブログを始めたい
- インターネット上の情報が少なくて悩んでいる
上記のような方に向けて、解説します。
Readable は、着眼点（フォントにこだわりがある点）が素晴らしく、デザイン性に優れたテーマです。
しかし、ユーザー数がまだそこまで多くないです（新しいテーマ）。
ネット上に情報がほとんどありませんでした。
そこで、ブログ歴10年以上の管理人が Readable を使って、ブログを始める方法を解説します。
- 基本情報技術者資格所有者（ソフト開発の国家資格）
- WordPress歴、10年以上
- パソコン販売歴、約5年
目次
Readable（リーダブル）とは
Readable（リーダブル） とは、isotype が提供する WordPress（ワードプレス）テーマです。
日本語タイポグラフィにこだわっているのが最大の特徴。
ブログの情報がほとんど文字であることから、この考え方は納得させられます。
- 軽量化された 33種類の Webフォントが使える
- 文字同士の行間、余白が簡単に設定できる
- 主張しすぎないデザイン
上記の点が優れています。
Gutenberg エディタ（ブロックエディタ）にも完全対応しているので、WordPress初心者も使える有料テーマです。
Readable の始め方
Readable（リーダブル）で WordPressブログを始める方法です。
WordPress をインストールしていないという方は、下記記事をご参照下さい。
インストールが終わって、初期設定が終わっている方は、以下の手順でテーマ（Readable）を使えるようにします。
- 親テーマをインストールする
- 子テーマをインストールする（カスタムする場合）
- 必要なプラグインをインストールする
- 推奨プラグインをインストールする
親テーマをインストールする
isotype公式サイト で購入したテーマファイル（zipファイル）をインストールします。
外観 → テーマ → 新規追加
テーマのアップロード をクリックします。
公式サイトからダウンロードした zipファイルをアップロードして、インストールを完了させます。
インストールが終わったら、有効化 をクリックします。
子テーマをインストールする（カスタムする場合）
もし、テーマファイルをカスタムしたい人は、子テーマをインストールすることをおすすめします。
WordPress が公式で推奨しているカスタマイズ方法です。
詳しく知りたい方は、以下の記事をご参照下さい。
必要なプラグインをインストールする
必要なプラグインをインストールします。
- all in one seo pack
- wordpress popular posts
all in one seo pack は、記事ごとにタイトルやメタディスクリプションを設定できるようになる、SEO対策系プラグインです。
wordpress popular posts は、人気記事をランキング形式で表示できるプラグインです。
推奨プラグインをインストールする
- Contact Form 7
- amp
- autoptimize
- ewww image optimizer
- rocket lazy load
- sns count cache
- www xml sitemap generator org
一見多いとおもうかもしれませんが、必要ない場合はインストールしなくても問題ありません。
表示速度が気になる方は、autoptimize、ewww image optimizer、rocket lazy load も検討しましょう（Webフォントにこだわったテーマなので、インストールした方が良いかも）。
Readable のデザインを完成させる
Readable（リーダブル）のデザイン完成を目指します。
isotype公式サイト にアクセスします。
設定マニュアル → デモサイト再現設定
上記のような項目があるので、下の方にある Readable 01 のデモサイト再現設定を参考にしました。
余談ですが、私は、デフォルトであった固定ページ（会社概要、問い合わせなど）を全てゴミ箱へ移動してから作業しました。
バージョンによって異なるかもしれませんが、必要なければ削除しましょう。
- サイト基本情報の設定
- Webフォント設定
- プロフィール設定
- メニュー設定
- ウィジェット設定
- 記事スライダーの表示設定
- ヘッダー下帯エリアの設定
- SNS設定
それぞれ解説していきます。
サイト基本情報の設定
isotypeデザイン → デザイン設定 → サイト基本情報
サイトのタイトル、キャッチフレーズを設定します。
Webフォント設定
Readable 最大のこだわりである、Webフォント設定です。
isotypeデザイン → デザイン設定 → フォント設定 → Webフォント設定
軽量化された 33種類の Webフォントが使えるので、迷う方も多いかと思います。
デモサイト再現設定を参考に設定しました。
プロフィール設定
プロフィールを作成します。
ユーザー → プロフィール
設定する項目は、以下の通りです。
- プロフィール情報
- プロフィール画像URL
プロフィール画像は、メディア → 新規追加 から画像をアップロードして、画像の URL をコピーして設定します。
推奨サイズは、240px × 240px です。
メニュー設定
メニューを作成します。
デフォルトとして設定されているものは削除します。
グローバルメニューとフッターメニューを違う内容にしたい方は、それぞれメニューを作成します。
ウィジェット設定
ウィジェットを設定します。
デフォルトとして設定されているものは削除します。
記事スライダーの表示設定
記事スライダーの表示設定をします。
isotypeデザイン → デザイン設定 → ファーストビュー設定 → 記事スライダー設定
記事スライダーの表示設定 にチェックを入れ、記事スライダーのデザインを設定の項目は、スライダー小 を選択します。
記事数があまりにも少ないと見た目がスカスカになるので、記事数が増えてから設定しても問題ありません。
ヘッダー下帯エリアの設定
ヘッダー下帯エリアに表示させる、お知らせ内容を設定します。
isotypeデザイン → デザイン設定 → ヘッダー
ヘッダー下帯エリア入力欄、ヘッダー下帯エリア内のテキスト、ヘッダー下帯エリア内ボタンのリンク先などを設定します。
注目して欲しいページがまだない場合は設定しなくても問題ありません。
SNS設定
Twitter など、SNS の設定をやっていきます。
isotypeデザイン → デザイン設定 → SNS設定 → アカウントURL
自分が利用している SNS の URL を入力すると、ブログ内の SNS アイコンに反映されます。
続いて、フォローカードの設定です。
isotypeデザイン → デザイン設定 → SNS設定 → フォローカード
フォローカードのメインテキスト、ボタン上のテキスト を入力します。
Readable その他設定
Readable のデザインが完成したら、メタタグ、Googleアナリティクス、OGP などの設定をします。
isotypeデザイン → その他設定
メタタグ（トップページタイトル、トップディスクリプション）が設定されていない場合は、入力します。
Googleアナリティクスは、無料で使えるアクセス解析ツールです。
まだ使っていないという方は、下記の公式サイトでアカウントを作成することをおすすめします（Googleアカウントが必要）。
OGP設定は、Twitter でブログ記事を紹介するときに表示されるサムネイル画像などの設定を行うところです。
最後に
Readable（リーダブル）の始め方について、解説しました。
よくある声でプラグインが多いという意見がありました。
SEO対策系プラグインが必要ではありますが、設定はそこまで難しくはありません。
今回は、最低限しか設定していないので、フォント関連（記事の行間、文字間隔、フォントサイズなど）にこだわれば、さらにデザイン性の高いブログに仕上がります。
デザインは、他の有名テーマと差別化できるので、これからブログを始める方は検討することをおすすめします。
