事前レビュー：フロントエンドエディターを使用してすべてをカスタマイズする

「WordPressの未来」として作成者から請求されたUpfrontは、WPMUDEVによって2015年の初めにリリースされた新しいWebサイトビルダーおよびコンテンツエディターツールです。

Upfrontには、WordPressWebサイトのスターターテーマの選択が含まれています。 選択したら、ビジュアル、フロントエンド、ドラッグアンドドロップのインターフェイスを介して、 Webサイトのほぼすべての要素のカスタマイズを開始できます。

また、Upfrontは、デフォルトのWordPress投稿およびページエディター画面を置き換えて、WordPressの行編集でポイントアンドクリックを実現します。 したがって、スターターテーマを完全に再設計して独自のカスタムWebサイトを構築する場合でも、WordPressに新しいコンテンツをより直感的に追加する場合でも、Upfrontはあなたが待ち望んでいたツールになる可能性があります。

これがWordPressに最適なビルダーツールであるかどうかを確認するには、Upfrontの完全なレビューを読んでください。 または、デモに直接ジャンプして、実際に体験してください。

事前レビュー：このサイトビルダーツールでできること

Upfrontは、親子テーマの関係に取り組んでいます。 これは、Upfrontがコアの親テーマとしてWordPress Webサイトにインストールされ、そのために構築された子テーマの1つから選択できることを意味します。

これらの子テーマは、Webサイトの基盤として機能します。 これを書いている時点では、Fixer、Scribe、Spiritの3つの子テーマから選択できます。 ただし、将来的にはさらに多くのデザインが追加される予定です。

それらはすべて見栄えがよく、カスタマイズを必要とせずに、スタンドアロンのテーマと同じように機能します。

フロントエンドのドラッグアンドドロップ編集

子またはスターターテーマを選択したら、それをカスタマイズすることに取り掛かることができます。

前述のように、すべての編集および設計作業は、直感的なフロントエンド、ドラッグアンドドロップ、ビジュアルエディターを介して行われます。 これは、あなたが見ているものが本当にあなたが得ているものであることを意味します。 作業のプレビューを取得するために、基になるコードを自分で編集したり、ウィンドウを切り替えたりする必要はありません。

フローティング領域、無制限のページ要素

カスタムページレイアウトの構築に関しては、Upfrontはリージョンと要素を利用します。 利用可能な要素（執筆時点では16）は、Webサイトのページにドラッグアンドドロップできます。 画像などのページ要素を所定の位置にドラッグアンドドロップできるだけでなく、行内のテキストを編集することもできます。

このインライン編集は、テキストをダブルクリックして入力を開始するだけで実行されます。 また、フロントエンドエディタを使用してテキストを追加および編集しているときに、適切なフォーマットコントロールのセットにアクセスできます。

テキスト領域と画像を所定の位置にドラッグアンドドロップしてから、ビジュアルインターフェイスを介して移動できるほか、他にもたくさんのページ要素から選択できます。 執筆時点では、これらのドラッグ可能なページ要素には、スライダー、タブ、アコーディオン、画像ギャラリー、ビデオ、フォーム、ボタン、およびマップが含まれます。 code要素を使用して、デザインにカスタムコードを追加することもできます。

さらに、サードパーティのプラグイン、WordPressコア、カスタムビルドのオプションなど、Webサイトでアクティブなウィジェットはすべて、ページデザインに挿入できます。 これにより、Webサイトのレイアウトに何を含めることができるかについて、ほぼ無制限の範囲が得られます。

完全なリージョンのカスタマイズ性

ページを構成する各リージョン、およびそれらに含まれる要素は、さらにカスタマイズできます。 これには、サイズの変更が含まれます。 位置; 背景タイプ–ビデオ、スライダー、マップを含みます。 編集中の領域のタイプに関連するその他の外観設定。 編集アイコンをクリックすると、状況依存のパネルが表示され、変更を加えることができます。

変更はすべてリアルタイムで適用されます。 このフロントエンドエディタのライブプレビュー効果のおかげで、ページを更新する必要はありません。

ページの周りの領域をドラッグして移動すると、グリッドに固定されるのではなく、それらが浮いていることに気付くでしょう。 これは、任意の境界に制約されることなく、真にフリーフローの設計を作成できることを意味します。

ただし、そこにあるピクセルプッシャーの場合、Upfrontには、ページ要素をより正確に配置するのに役立つオプションの便利なビジュアルグリッドが含まれています。

カスタムフロントエンドの投稿とページの編集

Upfrontを使用すると、Webサイトの各投稿とページに独自のカスタムデザインとレイアウトを設定できます。 これらはすべて、ビジュアル、フロントエンド、ドラッグアンドドロップインターフェイスを介して構築できます。

サイトのバックエンドで投稿を作成する必要をなくし、フロントエンドプレビューとコアエディターを切り替えて見栄えを良くすることで、UpfrontはWordPressを妨げる1つの主要な領域をすでに解決しています。 ウィジェットや要素などの追加のカスタマイズとコンテンツオプションのおかげで、他の可能性の領域も開かれました。

サイト全体で使用されるグローバルヘッダーおよびフッター領域をカスタマイズできますが、個々の投稿およびページごとにこれらの領域をカスタマイズして、単一ページのよりカスタムな外観にすることもできます。

Upfrontのその他の注目すべき機能には、スマートフォンやタブレットを介してWebサイトにアクセスするモバイルユーザーの増加する軍隊のための完全にレスポンシブなレイアウトが含まれます。 WPMU DEVチームに期待されるように、このテーマは完全にマルチサイト対応です。

カスタム投稿タイプもサポートされており、通常のブログ投稿タイプと同じ方法で編集できます。 カスタマイザーインターフェイスを最初に起動するときに役立つ、便利で簡単なツアーもあります。

Upfrontの主な機能は、すべての作業とコンテンツの編集がフロントエンドエディターを介して行われることです。 これは、プロジェクトの開発者が競合他社からそれを分離することを望んでいるものです。 他のWordPressページビルダーの中にはウェブサイトをカスタマイズするためのフロントエンドエディターを提供しているものもありますが、ブログ投稿コンテンツの作成を含むすべてのアクションがフロントエンドのビジュアルインターフェイスを介して行われるのはUpfrontだけのようです。

事前レビュー：ユーザーエクスペリエンス

UpfrontをWebサイトにアップロードし、そのスターター、子テーマの1つを選択したら、Webサイトでの作業を開始できます。

Webサイトのフロントエンドビューで[Upfrontを使用してテーマをカスタマイズ]ボタンをクリックすると、編集インターフェイスが起動します。

オプションのツアーに参加すると、プラグインの主な機能について説明します。 または、そのままジャンプして開始することもできます。 スターターテーマには最新のWordPressテーマのすべての機能が組み込まれているため、既存の要素を調べてカスタマイズすることから始めることができます。

画像を自分のものに交換するのは、画像をクリックしてから、新しい画像をメディアライブラリにドラッグアンドドロップするのと同じくらい簡単です。 ただし、既存のコンテンツを好きなだけ削除することができます。 これにより、Upfrontで本当にクリエイティブになります。

使用可能な要素をページレイアウトに追加する場合、実際には、ページ上の任意の場所に要素をドラッグアンドドロップするだけです。 ページに追加すると、各要素を独自の方法でカスタマイズできます。 たとえば、posts要素を変更して、レイアウトに単一の投稿または投稿のリストを表示できます。

これは、カスタムの投稿アーカイブページを作成したり、Webサイトのホームページで最高の投稿を強調表示したりするのに最適です。 post要素の設定により、そのコンテンツの表示方法に多くの柔軟性がもたらされます。 これには、表示する投稿だけでなく、投稿のどの部分を含めるかも含まれます。 これには、投稿日、コメント数、注目の画像などが含まれます。

Upfrontを使用して、スターターテーマのホームページを設計およびカスタマイズするだけでなく、投稿やページで作業するときにも使用されます。 これは、Webサイトを設計し、コンテンツを作成するためのシームレスで一貫性のあるインターフェイスを作成するので素晴らしいです。

投稿とページの表示に切り替えるには、[投稿/ページ]リンクをクリックして、編集する既存のコンテンツを選択するか、新しいアイテムを作成します。

選択した投稿がUpfrontエディターで開きます。 これにより、コンテンツを追加したり、デザインを見直したりすることができます。 作業をプレビューするためにウィンドウを切り替える必要があるという不格好なWordPressポスト編集システムを置き換えると、コアソフトウェアがすぐにアップグレードされます。

注目の画像の追加、投稿タイトルの編集、投稿コンテンツの追加など、デフォルトのWordPress投稿編集画面で実行できることのほとんどは、Upfrontのビジュアルインターフェイスを介して実行できます。

ウェブサイトのタイポグラフィを変更したい場合は、Upfrontを使用すると簡単に変更できます。 テーマ設定パネルから、見出し2などのタイプ要素を選択し、使用するフォントを編集できます。 これは、サイト全体にグローバルに適用されます。

個々の要素のテキストの外観は引き続きカスタマイズできます。 ただし、テーマ設定を使用すると、サイト全体に変更をすばやく適用できます。 同じことがサイトの色にも当てはまりますが、インターフェイスではWebサイトのどの要素が明確になっていないため、各色の設定が適用されます。

スターターテーマの外観と内容をすばやく変更するために、Upfrontは非常に簡単に選択できます。 ただし、より広範囲なカスタマイズを行ったり、独自のページレイアウトを最初から作成したりする場合は、理解するためにより多くの時間の投資が必要になります。

これはかなり合理的です。 特にこのツールの範囲と機能を考慮してください。 このタイプの他のWordPressテーマやプラグインと同様に、それに入れるほど、長期的にはそれから抜け出すことができます。

価格設定

WPMU DEVメンバーシップクラブに参加することで、前払いをすることができます。 これにより、Upfrontだけでなく、350を超えるプラグインやその他のテーマにアクセスできます。 会費は、年間プランでは月額$ 24.50から始まり、月額料金オプションでは$99まで上がります。

サインアップ後、メンバーである限り、24時間年中無休のサポートフォーラムと毎日のライブチャットセッションにアクセスできます。 Upfrontの完全な価格設定オプションを入手するには、WPMUDEVWebサイトにアクセスしてください。

結論

WPMU DEVは、新しいWordPressテーマのリリースに関してはしばらく静かでした。 Upfrontのリリースにより、その理由を簡単に理解できます。 2年以上の制作期間と「100万ドル以上の支出」により、Upfrontは確かにWPMU DEVチームにとって、そしておそらくWordPress自体にとって重要なプロジェクトです。

Upfrontの発表では、その作成者がこのツールとWordPress全般の競争について興味深い点を述べています。 Squarespace、Wix、Weeblyなどのサービスは、現在、WordPressよりも開発やオーダーメイドのカスタマイズや拡張の機会が少ないですが、コンテンツを公開し、Webサイトを希望どおりに表示するためのよりユーザーフレンドリーなインターフェイスを提供します。

Upfrontは、このタイプのカスタマイズインターフェイスをWordPressに導入することを目的としています。 全体的に、それはかなり良い仕事をします。 あなた自身、あなたのクライアント、またはあなたがこのソフトウェアを推薦する人々のいずれかのために、WordPressをよりユーザーフレンドリーにしたいなら、Upfrontはあなたが利用できる1つのオプションです。

Upfrontを選択するには、サードパーティのソリューションに自分自身を結び付ける必要があります。 そして、WordPressがこの種の編集体験をコアの一部として、または「公式」アドオンを通じて提供できればいいのですが、当面はUpfrontがあります。

独自のテーマをデザインしたり、既成の製品をカスタマイズしたりできるコーダーや開発者は、Upfrontをあまり必要としませんが、独自のカスタムページレイアウトやデザインを作成したいと思ったことがある人は、間違いなくオンラインのUpfrontデモを利用する必要があります。テストドライブ用。

Upfrontはまだ初期の段階ですが、順調なスタートを切っています。 より多くのスターターテーマがオンラインになり、追加の要素が導入されるにつれて、このユーザーフレンドリーなエディターは本当に独自のものになるはずです。

Upfrontの詳細を確認するか、今すぐデモをお試しください

免責事項：私は、WPMU DEVブログ（Upfrontの作成者）にフリーランスで投稿を書いています。 ただし、この記事の意見はすべて私自身のものであり、この関係の影響はまったく受けていません。