FSEプログラム：ブロックテーマ間の切り替えに関する洞察

公開: 2021-09-09

FSEアウトリーチプログラムの定期的なテストラウンドとは異なり、AnneMcCarthyは本日早くにMakeWordPressTestブログに少しひねりを加えました。この発表では、ブロックテーマを切り替えるときに何を見たいかをユーザーに考えてもらいます。テストは9月29日まで参加したい人なら誰でも参加できます。

手順は緩く、必要ありません。目標は、テーマの切り替えフローが時間の経過とともにどのようになるかを人々に考えさせ、議論させることです。マッカーシーはいくつかの質問をしましたが、それらはより自由な議論の出発点にすぎません。

構造が必要になることもありますが、とにかくルールを破る傾向があります。このテストの形式は、今日私によく合いました。

私はテーマを切り替える人ではありません。 10年以上前にWordPressのデザイン方法を学んだので、あるテーマから次のテーマに移動したことはありません。少なくとも、平均的なユーザーと同じ方法ではありません。代わりに、自分のWebサイトに新しいペイントを追加するたびに、その時点で作業していたものにファンデーションを切り替えるだけです。私にとって、WordPressのテーマは、常に最後のプロジェクトの単なる反復でした。

プログラミングの基礎の1つはコードを再利用することであり、それは私が心に留めている原則です。今でも、ブロックテーマのデザインを探求し続けているので、最後に作成したWordPressテーマの根性のあるバージョンからそうしています。

テーマの切り替えを考えるとき、慣れている経験ではありません。私がWPTavernで働き始めたときでさえ、サイトはすでにいくつかのカスタマイズで私のテーマの1つを使用していました。逃したような気がします。プラットフォームが最初にテーマを導入したバージョン1.5以降のWordPressでの私の旅全体を通して、私は最も基本的な方法でテーマの切り替えプロセスを実際に体験したことはありません。 すぐになりますが、それについては別の日に話します。

テーマを「切り替えた」ときは、テスト環境でテーマについて書いたり、エンドユーザー向けのテクニカルサポートを実行したりしました。

探求の呼びかけは、主にグローバルなデザイン関連の機能に焦点を当てていました。ただし、私の経験では、これらはユーザーのコンテンツがどのように見えるかよりもはるかに重要ではない傾向があります。テーマをテストするときに最初に行うことは、デモ投稿をロードすることです。最近、これは「グーテンベルク編集者へようこそ」のテスト投稿になっています。主な質問：コンテンツを快適に読むことができますか？ この段階を通過しない場合は、テーマを非アクティブ化するだけです。

この実験では、次の3つのテーマを選択しました。

私のカスタムの未リリースプロジェクト
TT1ブロック
Quadrat

私は、簡単なブログ投稿を読むのがいかに簡単かをテストするという基礎から始めました。

全体として、各テーマは見事に機能しました。ただし、Quadratが単一の投稿ビューで注目の画像を使用するのは場違いだと感じました。

私を夜更かしする1つの質問は、テーマ間の互換性がコンテンツレベルでどのように機能するかということです。デフォルトのブロック出力は、ほとんどまたはまったく問題なく、あるテーマから次のテーマに変換されるはずです。ただし、カスタムブロックスタイル、フォントサイズ、色、およびプリセットの全範囲は、すでに問題のある領域です。

これは新しい会話ではありません。一部の機能の標準化については、現在も議論が続いています。しかし、猫はすでに鞄から出ており、家の中をゆるく走っています。

グローバルスタイルとテンプレートは、彼らが何らかの形で何年にもわたって扱ってきた機能です。新しいシステムは、同じことを行うための異なる方法です。

ただし、デザイン要素がコンテンツとマージされると、基盤となる標準化されたシステムがないと、テーマの切り替えがより複雑になります。この点を説明するために、3つのテストテーマすべてを、カスタムブロックスタイル、グラデーションカラー、フォントサイズを使用した投稿と照合しました。単純なブログ投稿を超えて限界を押し広げたかったのです。

コンテンツは、私のカスタムテーマと「オープンキャンバス」テンプレートを使用して作成されました。 Quadratには、投稿のタイトルを非表示にするための同様のテンプレートがありましたが、TT1ブロックにはありませんでした。

結果は、ええと、ラフでした：

もちろん、私のカスタムテーマは適切に見えます。これは、TT1ブロックとQuadratの設計が不十分であると言っているわけではありません。それらは実際には現時点で利用可能な最高のブロックテーマの2つです。問題は、それらが同じブロックスタイルとプリセットを共有していないことです。 WordPressとGutenbergには、このデザインをあるテーマから次のテーマに簡単に持ち運ぶことができるいくつかの基本的なレイアウトツールもありません。

デザインの最も複雑な部分は、オープニングカバーブロックパターンです。

技術的には、これは別のブロック内のカバーブロックです。最下層にはデュオトーンフィルターを使用した背景画像があり、内部コンテンツを親の90％の幅に設定します。 2番目のレイヤーには、テーマで定義されたグラデーションの背景があり、その内側のコンテナーを50％の幅で左側に設定します。さらに、カスタムフォントサイズが散りばめられています。

これらのレイアウトコントロールは、カスタムブロックスタイルまたはColumnsブロックのいくつかのハッキーな使用によってのみ可能です。前者を選んだのは簡単だったからですが、他のテーマと一緒に使うと壊れてしまうことも意味します。

私はこれをデザインの最も複雑な部分と呼んでいますが、実際には、ほとんどのページビルダーまたは数行のCSSで行うのは簡単なことです。 WordPressにある種のグリッドコンテナブロックができるまで、テーマの作成者はそのようなレイアウトを可能にするためにカスタムテクニックに依存します。待つ時間が長くなるほど、これよりも醜くなる可能性があります。

フォントサイズや色名などのプリセットの標準化に関するオープンな議論は、より些細な部分に役立つ可能性のある実を結ぶ可能性があります。ただし、このディスカッションでグラデーション名が表示されるのは見たことがありません。

私には、このテストの少なくとも1つの裏の動機があります。私は長い間、ここWPTavernでもっと実験的なポストデザインとレイアウトを試してみたいと思っていました。ただし、最終的にはテーマを切り替える予定です。私の心の奥にあるその声は、その日が来ると、それらのカスタムデザインの投稿レイアウトが壊れてしまう可能性があることを常に思い出させます。ツールは私が思い切って取るのに十分に進んでいません。とにかくまだです。

この時点で、私はもはや探検の呼びかけの意図された方向に従わないと確信しています。しかし、私は旅に私が行くつもりの場所に連れて行ってくれるだけです。私の目的地は私のウィッシュリストへの追加です：テーマからテーマへと機能するより堅牢なレイアウトツール。