あなたにぴったりの WordPress テーマですか?
公開: 2023-09-04Blocksy は、Gutenberg を念頭に置いて設計された WordPress テーマで、特にブロック エディターに慣れている人にとって簡単なカスタマイズを提供します。 自分のサイトに適しているかどうか疑問に思っている場合は、ここが正しい場所です。これは頼りになる Blocksy テーマのレビューです。
意思決定プロセスを支援するために、私たちは Blocksy と Gutenberg の互換性、およびそのデザインの特徴と機能を徹底的に調査しました。 これは、テーマが Web サイトの特定のニーズと一致しているかどうかを評価するのに役立ちます。
次のセクションでは、Blocksy テーマの包括的なレビューを提供します。 その主な機能と価格を確認し、長所と短所などについて説明します。 始めましょう!
Blocksy の概要
Blocksy は、代理店、ショップ、レストラン、ブログ、ポートフォリオなど、あらゆる種類の Web サイトやビジネスに使用できる Gutenberg フレンドリーなテーマです。 その作成者は、これを革新的で超高速な WordPress テーマとして宣伝しています。
このテーマは 100,000 を超えるアクティブなインストールがあり、WordPress で 5/5 つ星の評価を受けています。 無料で利用できますが、専門家、企業、代理店向けのプレミアム プランも提供しています。
Blocksy の主な機能 ️

Blocksy テーマの主な機能を見てレビューを始めましょう。 このセクションでは、そのパフォーマンス、機能、統合に焦点を当てます。 この投稿の後半では、その設計機能について触れます。
パフォーマンスを重視した設計
Blocksy は軽量で超高速なテーマであると主張しています。 Google PageSpeed Score が 95%、GTmetrix PageSpeed Score が 100% であることを宣伝しています。 それをテストすることにしたので、独自の実験を設定しました。結果は次のとおりです。

ご覧のとおり、これはかなり印象的です。 私たちが行ったのは、テスト サイトでテーマをアクティブ化し、スターター デザインをインポートして、PageSpeed Insights でテストを実行することだけです。
同じ Web サイトを GTmetrix でテストしました。 結果も良好でしたが、LCP は最高ではありませんでした。 ただし、このメトリックは主に、テストに使用された Web ホストによるものです。

もちろん、ページ速度はテーマ以外にも、プラグインや画像など、他の多くの要素によって決まります。 したがって、結果はサイトごとに異なる場合があります。
Blocksy は最新の Web テクノロジーに基づいて構築されました。 このテーマは、必要な機能のコードのみを読み込む Webpack で構築されたパイプラインを使用します。 さらに、最新の JavaScript 言語機能を使用して、すべてのブラウザーでのパフォーマンスをよりスムーズにします。
ページ構築機能
次に、Blocksy のページ構築機能を見てみましょう。 前述したように、テーマは Gutenberg と完全に互換性があるように構築されています。
実際、ブロック エディターには独自のセクションが付属しています。 Blocksy ページ設定を使用すると、エディターから各ページの構造とデザインをカスタマイズできます。

各ページにどの要素を表示するかを制御することもできます。 たとえば、ヘッダー、フッター、アイキャッチ画像、共有ボックスを無効にすることができます。 投稿に取り組んでいる場合は、投稿タグ、投稿者ボックス、関連投稿を無効にするオプションもあります。
Blocksy はその名前からブロックベースのテーマであることが示唆されていますが、フル サイト編集をサポートしていないことに注意してください。 執筆時点では、このテーマを使用している場合、WordPress サイト エディターでテンプレートとブロック パターンを構築することはできません。
ただし、このテーマは Elementor、Beaver Builder、および Brizy をサポートしているため、好みのページ ビルダーを使用してレイアウトやその他の要素を構築できます。
WooCommerce の統合
Blocksy は WooCommerce とシームレスに統合します。 テーマの無料版では、次の e コマース機能が利用できます。
- AJAX カートに追加
- 製品バリエーションギャラリー
- 高度な単一製品レイアウト
プレミアム バージョンにアップグレードすると、フローティング カート、製品のクイック ビュー、ウィッシュリストなどの WooCommerce 要素もお楽しみいただけます。
ソーシャル機能
Blocksy は多数のソーシャル ネットワークをサポートしており、WordPress カスタマイザーから設定できます。 これらには、LinkedIn、Pinterest、Facebook などの人気のあるチャネルが含まれます。

オンライン ポートフォリオを作成している場合は、Unsplash、Vimeo、Behance などのページにリンクできます。 Web 開発者向けには、GitLab、GitHub、Slack があります。
Blocksy のデザインの特徴
次に、この Blocksy テーマのレビューでは、デザイン機能とスタイル オプションについて説明します。 柔軟でカスタマイズ可能なテーマを探している場合は、このセクションに細心の注意を払うとよいでしょう。
使いやすさ
まずはテーマの使いやすさを評価しましょう。 Blocksy はドラッグ アンド ドロップ要素でカスタマイズできます。
たとえば、ヘッダーを編集したい場合は、 [外観] > [カスタマイズ]に移動し、ヘッダーを選択します。 次に、表示する要素を選択し、希望の行にドラッグします。

ロゴなどの要素をクリックすると、提供される設定を使用してカスタマイズできます。

さらに、Blocksy を使用すると、Web デザインを非常に簡単に始めることができます。 サイトに簡単にインポートできるスターター サイトがいくつか用意されています。

インポートするスターター サイトを選択すると、それを Gutenberg または Elementor で使用するオプションが表示されます。

さらに、テーマはサイトのメインエリアへのショートカットを提供します。 ダッシュボード メニューでBlocksyをクリックし、カスタマイズするオプションを選択するだけです。

Blocksy は、WordPress を始めたばかりの人にとって素晴らしいテーマになる可能性があります。 ドラッグ アンド ドロップ インターフェイスを使用してテーマをカスタマイズし、変更をリアルタイムで確認できます。
グローバルなデザインとカスタマイズのオプション
それでは、Blocksy がカスタマイズに関して何を提供するのかを見てみましょう。 多くのテーマと同様、Blocksy には一般設定の選択が付属しています。


たとえば、レイアウトの幅と間隔を調整したり、ボタンの色を変更したり、フォームをカスタマイズしたりできます。
このテーマを使用すると、次の要素のデザインとレイアウトをカスタマイズすることもできます。
- 著者ページと検索ページ
- 投稿とカテゴリー
- アナウンスバー
- 製品タブとアーカイブ
- 商品ページ
前に示したように、ヘッダー、フッター、サイドバーのカスタマイズ オプションも利用できます。 さらに、これらの要素を選択したページにのみ表示することもできます。
タイポグラフィ
フォントはブランディングの重要な部分であるため、タイポグラフィに関してはある程度の柔軟性が必要です。 Blocksy を使用すると、さまざまな見出しレベル、ボタン、引用符などのフォントを設定できます。

何百もの Google フォントから選択できます。 さらに、独自のフォントをアップロードして、サイトのサーバー上でローカルにホストすることもできます。 これは GDPR に関するあらゆる懸念に役立ち、一般的に読者のエクスペリエンスが向上します。
サイトのレイアウト
この Blocksy テーマのレビューでは、もう 1 つの重要なデザイン機能であるサイト レイアウトを見てみましょう。
Blocksy を使用すると、狭いレイアウトから全幅のレイアウトまで選択し、左または右のサイドバーを追加し、フィード表示のカード タイプを選択するなど、さまざまなことができます。 各レイアウト内にはさらに多くの設定があります。
たとえば、ショップのレイアウトをカスタマイズする場合、商品に表示する要素を選択できます。 製品の説明を無効にして、星評価とカートに追加ボタンのみを表示することもできます。

同様に、投稿アーカイブのカード オプションを使用すると、注目の画像や抜粋などの要素を表示/非表示にすることができます。
このテーマにはサイト レイアウト用の多くの設定が用意されているため、時間をかけてさまざまなオプションをすべて検討してみるとよいでしょう。
Blocksy の価格設定 (無料とプロ)
Blocksy はフリーミアムのテーマです。 このレビューで言及されているすべてのカスタマイズ オプションは、無料のテーマで利用できます。
ただし、より高度な機能をお探しの場合は、プレミアム プランへのアップグレードを検討してください。 これにより、次のような追加要素にアクセスできるようになります。
- 複数の条件付きヘッダー
- その他のフッター項目
- さらに 3 つの単一製品レイアウト
- 製品共有アイコン
- ギャラリースライダー
ブログなどの小規模な Web サイトをお持ちの場合は、1 サイトあたり年間 49 ドルの個人プランから始めることができます。 Professional プランはオンライン ショップや e コマース サイトに最適で、5 サイト ライセンスで年間 69 ドルから始まります。
一方、Agency プランはフリーランサーと代理店向けに設計されています。 年間 99 ドルから始まり、無制限のライセンスが付属します。
Blocksy テーマのレビューに関する最終的な意見
Blocksy は、5 つ星の評価を持つ人気の WordPress テーマです。 無料版には多くのカスタマイズ オプションが付属していますが、プレミアム プランでは e コマース機能の点でより多くの機能が提供されます。
この Blocksy テーマのレビューでは、テーマが Gutenberg を念頭に置いて構築されているため、ブロック エディターからページを構成し、設定を投稿できることに注目しました。 ただし、これはブロックベースのテーマではないため、完全なサイト編集のサポートはまだ提供されていません。 これは主に、(追加費用なしで) サイトを簡単にカスタマイズしたい WordPress 初心者に最適です。
Blocksy テーマのレビューについてご質問はありますか? 以下のコメントセクションで質問してください。
長所
多くのカスタマイズオプションを提供し、ユーザーフレンドリーなインターフェイスが付属しています
豊富な美しいスターター サイト デザインが付属しています
ブロックエディターを念頭に置いて構築されているため、ページを簡単にカスタマイズできます
短所
フルサイト編集はサポートされていません
無料版では e コマース機能が少し制限されています