KatawaraというWordPressの有料テーマを購入しました。
勉強のためにKatawaraを使ってデモサイトを作成したので、メリットやデメリットなどを紹介していきます。
なお、この記事は記載時点の内容で、間違っている可能性もあります。最新の正確な情報は必ず公式サイトをご確認ください。
Katawaraとは
Katawaraは、株式会社ベクトル（Vektor）が開発しているWordPressの有料テーマです。
ブロックと呼ばれる部品を組み合わせてページを作成する「ブロックエディター」に対応しており、「VK Blocks Pro」というブロックエディター専用のプラグインが付属しています。
株式会社ベクトルは他にもLightningという非常に有名なテーマを開発しています。KatawaraはLightningの有料版である「Lightning Pro」と同じく100%GPLのライセンス形式です。
そのため、どのようなジャンルのサイトにもテーマを利用できて、 サイトの数に制限はありません。簡単に言えば、一度購入すれば自由に使い放題ということです。※厳密には著作権表示など一定のルールはあります。
Katawaraの特徴
KatawaraとLightning Proは似ています。
Katawaraの一番の特徴は、テーマが買い切りとなっていることです。Lightning Proは1年単位でライセンスを購入しないとテーマをアップデートできません。一方でKatawaraの場合、ライセンスキーなしでもテーマをアップデートできます。
Katawaraはホームページ制作の代行に利用しやすいテーマであると紹介されています。
Lightning Proを使って納品したサイトは、将来的にクライアントが更新ライセンスを購入しないと、基本的にはアップデートできません。Katawaraの場合はクライアント自身がテーマを無料でアップデートできます。
WordPressは変化が激しく、WordPressのバージョンアップに伴って発生した不具合やセキュリティ的な問題を解消するために、テーマのアップデートは重要です。このような意味で、買い切りのテーマであるKatawaraはサイト制作の代行に適していると思います。
KatawaraはLightning Proと同じような機能と紹介されていますが、厳密には違うというのが私の理解です。
Katawaraは不具合を修正するためのアップデートは行われますが、機能自体の追加などは原則として行われない仕様になっています。そのため、テーマがリリースされたばかりの時点では機能に差がなくても、将来的にはLightning Proの方が機能は増えていると思われます。
ただし、VK Blocks Proを始めとするプラグインはアップデートできるので、プラグインを活用して便利な機能を足していくことは可能です。
Katawaraでデモサイトを作成
私は機能が似ているというLightningのテーマを使ったことがないため、勉強のためにKatawaraで「DEMO CAFE」というデモサイトを作ってみました。
制作期間は購入直後のおよそ2日間で、細かい部分にはこだわっていません。簡単なチェックしかしていないので、デザイン崩れや不具合はあるかもしれません。
ポイントは、HTML、CSS、JavaScript、PHPなどのコードは書かずに、テーマとプラグインの機能だけで制作を行ったことです。
CSSなどを使えばもちろん細かいデザインにもこだわることは可能ですが、コードを書かずにどのようなサイトを作れるのか参考になるようにしました。
記載時点では、以下のプラグインを導入しています。
- VK Blocks Pro（Katawaraに付属）
便利なブロックを追加できるプラグイン - VK All in One Expansion Unit（無料）
SNS連携やSEO対策など様々な機能を持つプラグイン - SiteGuard WP Plugin（無料）
セキュリティ対策を行うプラグイン - Contact Form 7（無料）
お問い合わせフォームを設置するプラグイン - All-in-One WP Migration（無料）
サイトをバックアップするプラグイン
Katawaraのメリット
ここからは、Katawara（VK Blocks ProとVK All in One Expansion Unitを含む）を使って良いと感じた部分を紹介します。
グローバルナビゲーションが固定表示
Katawaraはサイトの左側にグローバルナビゲーションが固定で表示されます。最近は高解像度の端末が増えているので、スペースを無駄にすることなく効果的に使うことができます。
パソコンやタブレット、スマホなど端末のサイズによって自動でレイアウトが変わります。左側以外に配置できないことはデメリットですが、このようなデザインが気に入っている方にはおすすめです。
便利なブロックが多い
様々なブロックが用意されているため、プログラムを書くことなく、サイトを制作できます。
例えば、アニメーションブロックを使えば、特定のブロックに動きをつけながら表示できます。使い方は簡単で、アニメーションブロックの中にブロックを挿入するだけです。
また、投稿リストブロックを使えば、記事の一覧を表示できます。
「投稿」「固定ページ」と投稿タイプを選択したり、表示する件数や並び順など非常に細かい設定ができます。また、デザインもカードスタイルや文字だけのシンプルなものまで、好みに合わせて変えられます。
レスポンシブスペーサーブロックは、余白を挿入できます。
美しく見せるために、適度な余白はとても重要です。レスポンシブスペーサーブロックを使えば、パソコン、タブレット、スマホでそれぞれ異なる余白を設定できます。
他にも、紹介しきれないくらい多くのブロックがあります。以下は、画像のスライダーを表示するブロックとお問い合わせ情報を表示するブロックです。
カスタム投稿タイプを作成できる
個人的に感動した機能が、カスタム投稿タイプやカスタムタクソノミーを作成できる「カスタム投稿タイプマネージャー」です。
通常は「投稿」と「固定ページ」という投稿の種類が用意されていますが、カスタム投稿タイプはここに新しい項目を追加できます。
例えば、デモサイトでは「投稿」でお知らせの記事を書き、新しく「ブログ」というカスタム投稿タイプを作成して記事を書いています。
カスタム投稿タイプを作成する場合、通常は「Custom Post Type UI」などのプラグインを使うか、functions.phpにプログラムを記述します。
カスタム投稿タイプマネージャーを使えば、このようなプラグインを使わなくてもカスタム投稿タイプを作成できます。
カスタム投稿タイプを作成した経験がある方は分かると思いますが、アーカイブページやパンくずリスト、ページャーなどをカスタム投稿タイプに対応させることが結構大変です。
カスタム投稿タイプマネージャーであれば、このような面倒な作業をする必要はありません。管理画面で必要な項目を入力するだけで、数分でカスタム投稿タイプの作成が終わります。
サイドバーのウィジェットをカスタム投稿タイプに対応させることも問題ありません。
専用のウィジェットエリアが自動で追加されて、カスタム投稿タイプに対応した「最近の投稿」「カテゴリー」「アーカイブ」のウィジェットが用意されています。
カスタム投稿タイプの記事の一覧を表示させたいときは、投稿リストブロックを設置して、表示したい投稿タイプを選択するだけです。
他にも細かい設定が色々できて、例えばアーカイブページで表示する件数やデザインなどもカスタマイズ可能です。
Katawaraのデメリット
私は「SWELL」というブロックエディター完全対応の有料テーマを使ったことがあります。
SWELLを使用した経験をふまえて、Katawaraが使いにくいと感じた部分を紹介します。
- グローバルナビゲーションが左側固定で変えられない。
- ブロックごとに下部の余白を調整できると良い。
- フォントサイズをカスタマイザーから調整できると良い。
- アニメーションブロックは一度表示した後は表示したままが良い。
- スライダーの高さが設定しにくい。
- カスタム投稿タイプのパーマリンクを変えたり、リライトができない。
まとめ
この記事では、Katawaraを使ったデモサイトやKatawaraのメリット・デメリットなどを紹介しました。
有料テーマにしては金額が安く、機能が豊富で使い放題であることを考えれば、今のところ購入して良かったと思えるテーマです。
グローバルナビゲーションが左側固定で、その部分だけは自由度が少ないので、将来的にはLightning Proを買っても良いかなと考えています。
