Blocksy WordPressテーマは、堅実なブロックエディターエクスペリエンスを提供します

公開: 2020-01-18
Blocksyテーマのブログ投稿ページのスクリーショット。
Blocksyテーマのブログ投稿ページのスクリーンショット。

Creative Themesは昨日、BlocksyWordPressテーマのバージョン1.6.8を削除しました。 これは急速に人気が高まっているテーマのアップデートであり、WordPressテーマディレクトリで最初に公開されて以来、58件の5つ星レビューと1,000件のアクティブなインストールを獲得しています。 テーマは、ブロックエディターで動作するように特別に構築されており、ブロックで現在可能なことの良い例です。

Blocksyは汎用テーマとして請求され、Elementor、Beaver Builder、VisualComposerなどの他の人気のあるページビルダーとも連携します。 真実のテストは、特にその主要な対象者を考慮して、ブロックエディタを処理するかどうかです(結局、 Blocksyという名前です)。 いくつかの些細な癖を除けば、テーマは私が投げたテストコンテンツのほぼすべてのビットを処理しました。

Blocksyは、私が見たブロックエディター用の優れたデザインの無料テーマの1つです。

このテーマをプロジェクトに使いたいです。 残念ながら、現時点で使用できるサイトはありません。 リポジトリでホストされている無料のWordPressテーマの多くについてはこれを言いません。 仕事の質は、私が長年にわたってテストまたは使用してきた大多数の商用テーマショップのテーマと同等です。

テーマにはいくつかの問題がありますが、それは確かなものです。

ブロックデザイン

Blocksyテーマのブロックデザインを含む投稿のスクリーンショット。
テーマからのいくつかのブロックデザインの例。

Blocksyのような名前で、テーマがブロックエディタにドロップしたすべてのテストブロックを優雅に処理するという考え方でこのレビューに入りました。 私はそれがその名に恥じないことを確認したかった。

ブロックシステムを紹介するために設計されたほとんどのテーマと同じかそれ以上のブロックデザインを処理できることを報告できてうれしいです。 コンテンツの邪魔になることなく、独自のプルクォートデザインなど、十分なスタイルのセンスを追加します。

問題のある領域の1つは、エディターのフォントがフロントエンドのフォントと完全に一致していないことです。 これはマイナーな問題であり、アップデートで簡単に修正する必要があります。

ブロックデザインの良い例は、テーマのグーテンベルクのデモページにあります。

ブロックエディタサイドバー

Blocksyテーマエディターのサイドバーのスクリーンショット。
ポストメタ用のカスタムブロックエディタサイドバー。

テーマの最新の更新には、ブロックエディターとの追加の統合が含まれています。 チームは、投稿コンテンツエディタの下にある古いメタボックスを新しいサイドバーパネルに移動しました。 この変更はさわやかです。

テーマ開発者がこの機能の変更を指摘するまで、メタボックスが存在することを知りませんでした(私は最初に以前のバージョンのテーマのテストを開始しました)。 この時点では、メタボックスのブロックエディタの下部を見ることはありません。 追加の設定は、右側のサイドバー領域にしっかりと配置されることを期待しています。 この動きに拍手を送ります。 更新時に古いテーマのユーザーを混乱させる可能性がありますが、新しい家ではより自然に感じます。

チームは、ほとんどの場合、このカスタムサイドバーで素晴らしい仕事をしました。 最大の問題は、それに切り替えるためのボタンにあります。 アイコンと「ページ設定」テキストの両方を使用することにより、必要以上のスペースを使用します。 既存のUIに合わせるには、アイコンを表示するだけです。 ボタンのテキストも選択すると読みづらくなります。これはCSSのマイナーな問題であり、アップデートで修正できます。

カスタマイザーオプション

Blocksyテーマのカスタマイザーコントロールパネルデザインのスクリーンショット。
カスタム設計のカスタマイザーコントロールパネル。

サイトの表示を完全に制御したいユーザーにとって、このテーマは失望しません。 多くのオプションが嫌いなユーザーにとって、デザイン設定の数はおそらく圧倒されるでしょう。

Blocksyには、ほとんどの人が必要とするよりも多くのデザインオプションがあります。 フォントの文字間隔や行の高さのコントロールなど、一部のオプションは行き過ぎになる可能性があります。 理想的には、これらは選択したフォントファミリに基づいて自動的に調整されます。

テーマは、カスタマイザーコントロールパネルのカスタムデザインも使用します。 一般的に、カスタムデザインは見栄えがします。 ただし、テーマが共有WordPressUI要素をカスタマイズすることはお勧めできません。 カスタマイザーにオプションがあるプラグインは壊れることがあります。 デフォルトの設計を維持するのが最善です。

BlocksyCompanionプラグイン

テーマは、BlocksyCompanionという名前の追加のプラグインを宣伝します。 アドオンプラグインは、追加のウィジェット、フロントエンドのCookie同意機能、およびMailchimp、Instagram、WooCommerceとの統合をユーザーに提供します。 また、カスタムメイドのデモコンテンツをインポートするための手段も提供します。

コンパニオンプラグインの機能のほとんどは、WordPressテーマリポジトリ内の同様のテーマと比較してかなり日常的です。 Cookieの同意機能は、テーマアドオンプラグインの一部としてこれまで見たことのない機能です。

プラグインに関する私の最大の不満は、「Blocksy」管理メニュー項目がトップレベルの項目になることです。 すでに雑然とした管理メニューでは、貴重な不動産の無駄です。 さらに、サブメニューがない場合に、単一のテーマ/プラグイン画面がトップレベルの位置を占める理由はありません。

コードはどのように見えますか?

私が1つのフレーズでコードを説明していた場合:平均的ですが、仕事は終わります。

テーマには多くのPHPコードが含まれています。 そのほとんどは単一の/incフォルダーにドロップされ、可能な限り整理されていません。 それは、ほとんどの関数の巨大なミッシュマッシュのように感じられ、ほとんどの場合、ほとんど存在しないインラインドキュメントがあります。 テーマに精通していない開発者が飛び込みたいと思うようなものではありません。

これは、テーマのコードが悪いという主張ではありません。 公式のWordPress.orgレビュープロセスに合格し、テーマディレクトリに追加されたため、少なくとも必要最小限の作業を行っています。 それは単に印象的ではなく、ほとんどのWordPressテーマに関しては当然のことです。 コードアーキテクチャは後付けのように思われるため、長期にわたって維持するのが難しくなる可能性があります。 これと同じくらい多くのコードを持つテーマでは、これは単純なテーマよりも重要です。 また、アーキテクチャに厳密に費やされた1週間程度の開発時間で簡単に修正できます。

最終的な考え

Blocksyはうまく設計されたテーマであり、それがやろうとしている仕事をします。 これは、ブロックエディターまたはサードパーティのページビルダーを使用しているユーザーにとって理想的です。 テーマには、このレビューでカバーできるよりもはるかに多くのオプションが満載です。 カスタマイズ性があなたのものであるならば、あなたはおそらくそれを楽しむでしょう。

チームは彼らの将来のアイデアのいくつかを共有しました。 条件付きヘッダー、フッター、サイドバーを追加する計画があります。 スティッキーヘッダー。 AMPサポート; もっと。 彼らはテーマの将来に興奮しているようです。

全体として、クリーンで比較的高速なブロック対応のWordPressテーマが必要なユーザーには、このテーマをお勧めします。