WordPressには別のサイトビルディングツールが必要ですか？ビルデリウスはそう思います。

Builderiusと呼ばれる新しくリリースされたページビルダープラグインは、プライベートWordPress Facebookグループで熱心なフィードバックを引き出しました。校長の1人との会話であるUX UIデザイナーのElvisKrstulovićは、WordPressのオープンソースの柔軟性により、開発者がサイトの構築を再考できる方法を強調し、柔軟性、保守性、および専門能力開発慣行を優先するツールを作成しました。

ビルデリウスの後ろに3人がいます：

• ElvisKrstulovićはUX UIデザイナーです
• Vital Kikoはフロントエンド開発者です
• Volodymyr Denchykはバックエンド開発です

エルビス・クルストゥロビッチと話をしました。

ビルデリウスはページビルダーですか？

私はプライベートワードプレスFacebookグループで議論を見ました ダイナミックワードプレス 開発者の1人に手を差し伸べて、詳細を学びました。インタビューは、WordPressがBuilderiusについてのように、人々が新しい興味深い製品を作成するように促す方法についてです。

ビルデリウスとは何ですか、それはページビルダーですか？

「はい、Builderiusはページビルダーですが、開発者ツールでもあります。私たちはそれを視覚開発環境と呼ぶことを好みます。この名前は、Builderiusが実際に行っていることをよりよく捉えています。これは、強力なWeb開発の実践を視覚的で使いやすいインターフェースにもたらします。 Builderiusは、視覚的な要素でコンテンツを飾るだけでなく、プロの開発者のようにウェブサイトを構築するのに役立ちますが、急な学習曲線はありません。

Builderiusは、専門的な開発ワークフローをWordPressにまったくもたらします。通常、技術的な知識を必要とするバージョン制御やステージング環境など、管理パネルの直感的なボタンとワークフローに簡素化されます。 GITやサーバー管理などの複雑なシステムを学習することなく、専門能力開発慣行のすべてのメリットを得ることができます。」

ビルデリウスのスクリーンショット

Builderiusを使用してサイトを設計する方法

次に、Builderiusを使用してサイトを設計する方法、一般的な意味でどのようなものか尋ねました。

Krstulovićは答えました：

「Builderiusユーザーが行っているすべての作業は、その作業が公開され、公開されるまで、ライブサイトの外で完全に見えません。これは、たとえば、忙しいライブWebサイトで安全に作業できることを意味し、誰も知らないことを意味します。 Builderiusで間違いを犯したとしても、あなたが知っている唯一の人になるでしょう。あなたが行った作業が終了してサインオフされると、ボタンをクリックし、そのサイト機能、再設計のングは、誰もが見て使用できるようにライブです。

リリースは、JSONとBuilderius環境で使用されている一部の資産を含む小さなパッケージであり、他には何もないため、DEVからProdブランチへのリリースを移動する処理はほとんど非常に迅速です。これは、大規模な再作業でもサイトのダウンタイムがないことを意味します。また、安全で簡単なロールバックを意味します。前のリリースに戻るだけで、あなたは自分のいた場所に戻ります。」

左側のメニューの選択のスクリーンショット

ウェブサイトのスタイリングに対する最小限で柔軟なアプローチ

クルストゥロヴィッチは次に、ページビルダーとのデザイン哲学について説明しました。

「Builderiusは、ウェブサイトをより保守しやすく、更新しやすくする優れた開発原則に基づいて構築されています。たとえば、コンテンツをスタイリングとは別に保持します。これは、Webサイトが成長するにつれて管理しやすくするプロフェッショナルなアプローチです。ウェブサイト全体で要素が使用されている場合、データ、マークアップ、スタイリングは独立しているため、各インスタンスで再構築することなく、見た目を簡単に変更できます。

たとえば、「Elementorウィジェットのような）要素を「投稿タイトル」と呼びかけることはありません。ユーザーに、任意のHTML要素、単一の1つまたはより複雑な要素の組み合わせである不可知論的な「HTMLコンテナ」を提供し、動的データタグを介して動的なデータにリンクできます。これらを、コンテンツ入力またはHTML属性入力の近くのポップアップリビングから選択できます。

したがって、投稿タイトルを作成するには、見出しを追加し、それをリンクしてタイトルデータタグにリンクします。それはもっと一歩ですが、それはすべてをより最小限で柔軟にするようにします。その後、マークアップを何でも交換して、表示するデータを変更できます。

スタイリングに関しては、ビルデリウスはあなたに完全な自由を与えます。使用できるCSSセレクターを制限する他のページビルダーとは異なり、インターフェイスに任意のセレクターを直接書き込むことができます。たとえば、Builderiusテンプレート内から「ポストコンテンツ」をスタイリングする場合、カスタムコードを介してではなく、論理/化合物CSSセレクターを使用してポストコンテンツの子要素をターゲットにできます。

オープンソースCSSフレームワークを使用して出荷し、フレームワークはよりモジュールで柔軟であるため、テーマ設定またはプリセットよりもこのアプローチを選択します。必要に応じて、必要のない部品を削除したり、独自のフレームワークを持ち込むことができます。」

ページビルダーの右上のスクリーンショット

このページビルダーは誰ですか？

このページビルダーに興奮しているダイナミックワードプレスFacebookグループの多くの人々は、クライアント向けのサイトを構築する高度なWeb開発者です。それで、私は彼に、それが彼らのエンドユーザーが誰であるか、それともドラッグアンドドロップソリューションを探している企業に適しているかどうか尋ねました。

Krstulovićは答えました：

「さまざまなユーザーグループにさまざまな利点を提供すると考えています。時々乱雑なWordPress開発体験に苦労しているフロントエンド開発者には、開発者が最新のWeb開発に期待するものを提供し、整理されたワークフローを提供します。そして、それはそれをより速くします。フロントエンドタスクは視覚的なツールで処理され、データは便利なデータタグで所定の位置に引き込まれます。

クラフトを学び、前進させたいWebビルダーを目指しているため、この要求の厳しい分野に簡単になります。視覚的なツールは一般にほとんどの人にとってより簡単であり、Builderiusは、バージョンの追跡など、コードのコンパイル、テンプレートの取り扱いまで、開発プロセスを整理するという点でユーザーにとって非常に多くのことをしているためです。

アクセシビリティを気にする開発者にとって、BuilderiusはHTMLのあらゆる側面を最終的に制御します。

ビルデリウスは皆のためではありません。シンプルなドラッグアンドドロップソリューションを探しているビジネスにとっては間違いなくそうではありません。また、それを理解せずに物事を簡単にすることを主な目標とする人にとってはそうではありません。

しかし、詳細を気にする開発者にとっては、ツールの制限に不満を感じている開発者にとっては、ツールの周りでデザインを曲げているのではなく、逆の方法ではないかもしれません。

ユーザーがツールを学習するのに時間がかかる場合、彼らは非常に速く、そして彼らが求められる方法で正確に構築することができます。そしてさらに重要なことに、ビルデリウスを学んだ場合、他の場所でその知識をとることができます。独自の名前、奇妙な回避策、視覚的なWeb開発はありません。」

グーテンベルクブロックの代わりにビルデリウスを使用するのはなぜですか？

次に、なぜ誰かがWordPressのネイティブGutenbergブロックでビルデリウスを使用することを選択するのかと尋ねました。それは創造的な自由を拡大しますか、それともサイトの構築体験を簡素化しますか？

Krstulovićは答えました：

「答えはイエスです。 Builderiusは、開発者またはサイトビルダーとしてより多くの自由を提供し、ウェブサイト管理の役割を通じて、その自由を使用して物事を破る可能性のある人には自由度が少なくなります。開発者は開発を提供し、コンテンツはコンテンツを提供します。

そこにいるクリエイティブのために：Builderiusがページを制御すると、WordPressがその範囲に関係しているすべてのものをすべて削除します。さまざまな資産、HTMLなどを削除します。たとえば、ブロックCSSはなくなりました。その見返りに、オーバーライドするものがない場所できれいなスレートを取得します。可能な限り最も特定のCSSを使用でき、機能します。これは、WordPressのものに干渉することを恐れることなく、完全に非WP CSSライブラリを使用できることを意味します。それは非常に無料で、非常に整頓されています。

このアプローチにより、実際には長期的にサイト構築が簡単になります。ブロックはクイックレイアウトに最適ですが、何か具体的なものが必要なときに複雑になる可能性があります。 JSONの設定を狩り、隠されたオプションの検索、またはカスタムReactコードを作成することになる場合があります。

ビルデリウスには、より明確な道があります。プロのWeb開発が使用するのと同じパターンに従って、すべてがあなたがそれを期待する場所です。

また、もう少し急勾配になりますが、進むにつれて、サイトの構築はシンプルで迅速になります。

たとえば、独自の設計図を簡単に構築し、リリースとして保存し、すべてのサイトビルド開始時にそれを引き込むことができます。これにより、内部に必要なもの、拡張されたCSSフレームワーク、カスタムコンポーネント、カスタムテンプレートワイヤーフレームなどがあります。

そして、あらゆる側面が、あなたがそうすることを望むなら、完全に変更されるために編集可能なままです。プロセスの柔軟性、精度、制御。」

ユーザーはどのような期待を持っているはずですか？

Builderiusは1.0バージョンソフトウェアです。それで、私はクルストゥロヴィッチにビルデリウスにとって合理的な期待になると尋ねました。 Krstulovićは、ページビルダーはベータ版ですが、非常に機能的なバージョンであると答えました。

彼は答えた：

「これは実際、Builderiusの無料版のバージョン1.0ベータです。だから私たちはまさに最初にいます。

しかし、これはそれが使用されないことや、ほとんど何もできないという意味ではありません。私たちは、無料版がビルデリウスの将来の採用において重要な役割を果たしていると考えています。その役割は、エコシステムを拡大し、ビルダーをより広く使用、テスト、他のツールと統合することです。

デモだけでなく、実際のプロジェクトに本当に役立つように、無料版を慎重に設計しました。有料版の高度な機能を予約しながら、プロのウェブサイトを構築するのに十分な機能がある適切なバランスを見つけたかったのです。

Builderius Freeは、スケールと動的なデータの複雑さの点でかなりシンプルなWebサイトを構築するための非常にエレガントなビルダーになるように構築されていますが、スタイリングの制御、アクセシビリティ、パフォーマンスなどに関して厳格なWebサイトのためにも構築されています。

要するに、ACFまたはMetaboxの単純なフィールド（リピーターや同様）を使用してデフォルトの投稿とページを使用してサイトを構築し、メインのWordPressクエリ（アーカイブ、検索結果、ブログインデックス）を使用するテンプレート上の投稿をループすることができれば、無料バージョンで構築できます。

したがって、まだリモートデータをループすることを期待しないでください。ユーザーインタラクションまたはURLパラメーターに基づいてテンプレートレンダリングを変更することを期待しないでください。無料版ではありません。しかし、それが単純なサイトであり、あなたがそれを専門的にしたい場合、無料は良いフィットかもしれません。

もちろん、このベータ期間中にスカッシュするいくつかのバグもあります。」

持ち帰り

このインタビューから私が学んだことは、Builderiusがドラッグアンドドロップツールではなく視覚開発環境としてより正確に説明されている開発者中心のページビルダーであるということです。また、バージョンコントロールやステージングなどの専門的な開発ワークフローをWordPressに直接統合します。そのため、Builderiusは、単純なドラッグアンドドロップソリューションを探している企業向けに設計されていません。 WordPress内の構造化された効率的なワークフローを高く評価するフロントエンド開発者向けです。

WordPress.orgリポジトリで入手可能

ビルデリウスに興味があるなら、それは今です 公式のWordPress.orgプラグインリポジトリでダウンロードできます。

詳細を読んでください ビルデリウス1.0ベータ で Builderius.io 1.0ベータWebページ。

ビルデリウスのページの構築体験を示す短いビデオ

https://www.youtube.com/watch?v=m5woa3d4nua

ShutterStock/rsplanetaによる特集画像