コンテンツの作成は編集者以上のものです

これは、 ModernTribeのパートナー兼アートディレクターであるReidPeiferによって書かれたゲスト投稿です。 この投稿では、Peiferが、WordPressでのコンテンツ作成エクスペリエンスが刷新されたときに、彼の経験、意見、および考慮すべき事項を共有しています。

私たちが持っているツールが私たちを制限するのではなく、代わりに私たちがユニークで文脈的で思慮深いコンテンツを作成できるようにする世界を想像してみましょう。 私たちは彼らと戦ったり、改行や余白をめちゃくちゃにしたりしません。

2つの画像を並べるべきかどうかについては議論しません。 アイデアを表現するために、太字、斜体、下線、箇条書きに限定されません。 私たちは、組織の分類法に限定されず、補完的なコンテンツを決定するための鈍い関係アルゴリズムを使用します。

これが私たちが持つべき現実です。 コンテンツ管理は、TinyMCEやメタボックス以上のものでなければなりません。 WordPressは成熟したプラットフォームへと成長し続けていますが、その中心的な使命となるべきものへの焦点は2番目の席を占めています。

私たち（WordPressコミュニティ全体）は、WordPressを素晴らしいものにすることにとても興奮しており、WordPressが素晴らしいものを作ることができるようにするという私たちの責任を見失いました。 出版を民主化する。 人々の頭と心から、そして世界に物語を引き出すこと。

内容を忘れてしまいました。 コンテンツがなければ、WordPressとそのすべてのビットとボブは何も大騒ぎになります。 WordPressが想像を絶する規模にまで成長したことは事実ですが、WordPressが今日作成するコンテンツは、明日のWebのニーズをサポートするものではありません。

WordCamp USにたどり着くことができませんでしたが、2017年に編集者に焦点を当てることを求めるビデオを聞いて、うれしそうに座っていたことは認めます。

make.wordpress.orgで行われている最初の議論は、非常に心強いものです。 コミュニティはこの責任を負い、目前の課題の重要性を反映した情熱を持って前進しています。

私は彼らの努力を絶対に称賛し、これまでの会話は貴重だったと思いますが、それはすぐに編集者自身に行きました。 何が良い編集者になりますか？ 議論は、UI、データを保存する形式、ショートコードを使用する必要があるなどに焦点を当てています。すべての良い質問ですが、最初に答える場合は、問い合わせの範囲を制限します。

最初の質問は「何が良いコンテンツを作るのか」であるべきですか？ 「コンテンツ」とは何ですか？ コンテンツは投稿またはページにのみ存在しますか？ その本質的な要素は何ですか？ これらの要素はどのように相互作用し、相互に関連していますか？ コンテンツのライフサイクルは何ですか？ サイト全体のどこでどのように表示されますか？ コンテンツは、シナリオや位置によって動作が異なりますか？

これらの質問から始めると、それらの回答がUIの目的になります。 「優れた編集者を作るもの」という質問には明確な答えがあります。これは、これらの目標を楽しく簡単に達成できるようにするものです。

より堅牢なコンテンツ作成ツールの必要性は新しいものではありません

数年前、「雑誌のレイアウト」が新しい注目を集めたとき、私たちはいくつかの大きな出版物を扱う特権を持っていました。 私たちのデザイン発見では、彼らがコンテンツのプレゼンテーションについてどのように考えているか、その日に提示していたコンテンツに基づいてレイアウトがどのように変化するかを学びました。

私たちが構築に慣れていたWebの堅固なテンプレートは、印刷物で長年採用されてきた戦略をおそらく満たすことができませんでした。 スポーツ、ビジネス、ライフスタイルの各セクションはすべて、当面のニーズに応じてさまざまなレイアウトとプレゼンテーションを活用できる必要がありました。

彼らは毎日変わる必要がありました。 WordPressでサイトを構築することについて知っていることを捨てるつもりでした。 テンプレート階層を捨てて、最初から始める必要がありました。 管理者の分類用語ページはそれを削減するつもりはありませんでした。

そんな中、「アートディレクション」や「エディトリアルポスト」が話題になりました。 ジェイソンサンタマリアやトレントウォルトンのような人々は、編集デザインが豊富な美しいオーダーメイドの記事を送り出していました。 ジェイソン・サンタ・マリアの最初の記事を見たときほど、ウェブの可能性に興奮したことはありません。私は優れたコンテンツデザインに夢中です。

その後まもなく、NY TimesがSnowfallを発行し、私たちが話をしたすべての人が「長い形式」を必要としていました（理由や意味がわからなかったとしても）。 私は自分の実験を実行して、WordPressでその機能を再現しようとしました。当時は、完全なマークアップと一連のカスタムCSSがすべてWYSIWYGに組み込まれていました。 美しい出力、くだらない経験。

これらは、ツールが提供できる以上のコンテンツを必要とする方法の2つの非常に一般的な（そして古い）例です。

私たちは何年にもわたってこれらの課題に取り組み、特定のユースケースでそれらを解決してきました。 すべてのプロジェクトは、私たち自身のソリューションを前進させます。 これが私たちが学んだことのいくつかです。

（つまり、私たち全員が同じ用語で話しているのですが、以下でコンテンツ作成を参照するときは、新しいコンテンツを作成する行為を意味します。コンテンツ管理を参照するときは、コンテンツモデルと、コンテンツの編成と表示の両方を意味します。サイト全体。）

モジュール開発と原子設計から学ぶ必要があります

モジュール開発とアトミックデザインの原則をコンテンツ作成とコンテンツ管理の両方に適用する必要があります。

コーディング手法にモジュール式で体系的な考え方を採用し、かつてのモノリシックテンプレートをより小さな再利用可能な部分に分割しました。 UI / UXとビジュアルデザインの仕事にデザインシステム思考とアトミックアプローチを適用しました。

小さなピースが集まってコンポーネントを作成し、コンポーネントが集まってページを作成し、それらが集まって完全なエクスペリエンスを作成します。 これは、LEGOブロックのデザインとビルドの学校です。 これは私たちの多くがよく知っているリフレインです。

その哲学をコンテンツの作成と管理に拡張する

設計方法と構築するインフラストラクチャに体系的思考のこのアイデアを取り入れましたが、同様にモジュール方式でコンテンツ作成とコンテンツ管理（コンテンツ戦略）にアプローチする方法について考えることはできませんでした。

これは主に、ツールではコンテンツの作成と管理にモジュラー思考を適用できないためです。 WordPressを含むCMSは、通常、事前定義された構造と組織モデルに制限されています。

CMSアーキテクチャ全体におけるテンプレートの役割は、コンテンツ作成者の柔軟性を制限します。 今日、コンテンツ戦略は以前に行われ、その後は開発に翻弄されています。 より良い世界では、私たちのコンテンツ戦略は、設計と開発を使用して、時間の経過とともに優雅に成長、適応、および変化することができます。 私たちのパブリッシングツールは、私たちの継続的なコンテンツ戦略を進化させる方法になる可能性があります。

モジュラーコンテンツの作成

Web上のコンテンツのアイデアについて考えてみましょう。 今日ウェブ上で目にするものの多くは、印刷物からの論理的な一歩前進です。 タイトルと見出し、コピーの段落、画像、引用符を引き出します。 それらのピースは1：1のアナログです。 それはデジタルメディアであり、私たちはとても賢いので、ビデオ、画像ギャラリー、それらのダンカルーセルなども含まれています。

ほとんどの場合、これらの要素はWYSIWYGエディターを使用してWebページに配置されます。 あなたは覇権のためにTinyMCEと戦います。 おそらく、テーマまたはプラグインには、特別な要素専用のメタボックスがあります。 ページの上部にスライドショーまたはギャラリーがある場合があります。

私たちがウェブ上のコンテンツのほとんどの実行を見るとき、それらは実際、私たちの印刷物が何年もの間（そして私は文字通りの年齢を意味します）行ってきたものよりも面白くなく、魅力的でなく、美しくありません。

私たちにはすべての利点がありますが、事前にフォーマットされたコンテンツの噴出よりも興味深いものを作成することはできません。 コンテンツとプレゼンテーションを分離する必要があるという私たちの主張は、踏み越えです–それらはそれらの核心で関連しています。 昨日、地球を破壊するニュース記事はありましたか？ 残念ながら、他のすべてのストーリーと同じ400pxの注目の画像スロットが得られます。

これが私たちにできる最善のことだとは信じません。

TinyMCEは、コンテンツ作成ツールの最高峰ではありません。

コンテンツ作成を魅力的で強力にする方法を理解できるプラットフォームは、今後も成長し続けるプラットフォームです。 Calypsoは興味深いエンジニアリングの偉業であり、将来の開発に役立つモデルですが、WordPressフレームワーク内でコンテンツを作成することの実際の意味を前進させることはほとんどありませんでした。

単一のWYSIWYGでこれと戦おうとすると、

私たちのコンテンツ作成ツールは、私たちがデザインについて考えるのと同じ方法でコンテンツ作成に取り組むことを可能にするはずです。 私のコンテンツ戦略の原子的要素は何ですか？ これらの要素をリミックス、再アセンブル、および操作して、興味深いコンテンツを作成するにはどうすればよいですか？

体系的でなければなりません。 すべての要素とコンポーネントは、一貫した全体を形成するための全体的な構造と戦略の一部として機能する必要があります。 私たちの設計作業や開発作業と同じように。 私たちの戦略、設計、および開発プロセスは、パターンの特定と作成に重点を置いています。

プロジェクトのコンテンツ戦略とデザインの部分を通して、私たちはそれらのパターンがその核心にあるものを特定することに焦点を当てています。 それらをどのように最小の部分に分解しますか？ 次に、設計と開発を通じて、内部目標とエンドユーザー目標をサポートする方法でこれらの要素をまとめ始めます。

• 要素–最も単純な単位。 テキストの文字列、単一の画像、ビデオ、フォーム入力フィールドまたはボタン
• コンポーネントまたはブロック–まとまりのあるユニットを形成する要素のグループ
• モジュール–より大きな全体のための補完的なコンポーネントのグループ化
• ページ（または投稿、CPTSなど）–完全なコンテンツを形成するためのモジュールのグループ化

WordPressのコンテンツ作成ツールを前進させるには、それらの要素、コンポーネント、およびモジュールがどのようなものであり、それらが互いにどのように関連しているかを調べる必要があります。 それらはその場で作成されますか、意見がありますか、それとも柔軟ですか。 次に、それらをどのように作成しますか。 それらはテーマやデータの神聖さとどのように関連していますか。 そして、どんどん。

モジュラーコンテンツ管理（モジュラーコンテンツ戦略）

モジュラーコンテンツ作成ツールがどのように見えるかを想像し始めるのに十分な視覚的参照がありますが、モジュラーコンテンツ管理は視覚化するのが少し難しいので、私と一緒にいてください。

最新のCMSには、自由に使えるツールがいくつかあります。 タグとカテゴリは、親子関係と相まって、WordPressに組み込まれた主要な組織構造です。 もちろん、それらを拡張して、考えられる任意の数の分類構造を含めることができます。

Post to Posts（P2P）のようなツールは、興味深いピアツーピアレイヤーを提供および作成し、1：1、1：many、またはmany：manyの関係を作成できるようにします。

それはほとんどそれです。 関係のメカニズムは定義されており、コードの対象となります。 これらの定義済みバケットにコンテンツを割り当てることができます。 これらのバケットを所定の方法で表示するテンプレートを修正しました。 それとは違うものにしたい場合、コンテンツマネージャーまたはコンテンツクリエーターとして関係を築き、コンテンツをリミックスしたい場合、私は運が悪いです。

WordPress内のカテゴリ用語画面について考えてみてください。 そこにはどのようなコンテンツ管理ツールがありますか？ あなたは何ができますか？ あなたは何を管理できますか？ あまりありません。 WordPressのリリースの歴史を振り返ってください–その画面はいつ変更されましたか？

コンテンツ管理のすべてを網羅する分類学的組織に立ち寄った場合、私たちは潜在能力を十分に発揮できません。

ループは、WordPressコンテンツ管理の中心的な概念の1つです。 それは信じられないほど強力であり、コンテンツについて考える方法を理解するための鍵ですが、それはコンテンツ管理の終わりではなく、始まりです。 コンテンツ戦略の頂点としての「リスト」にとどまることはできません。

時間の経過とともに変化する必要がある

私たちは大学や学校のためにたくさんの仕事をしています。 一人一人に、現在の学生専用のカテゴリランディングページがあります。 年間を通じて、生徒たちのためにさまざまな要素、コンテンツ、ツールを集めて公開したいと考えています。

WordPressの用語では、ビデオギャラリーに加えて、ページ、ブログ投稿、イベント、ツール、リソース、重要な日付、アプリケーション、ファイルがあり、コンテンツ戦略が形成した他のCPTを誰が知っていますか。

これらの学生のニーズは年間を通じて変化します。秋にはウェルカム資料、冬には中間情報、春には就職支援とインターンシッププログラムがあります。 大学の友達が、それらのニーズがコードで明確に表現されているテンプレートに縛られている場合、コンテンツ戦略を更新し、少なくとも四半期ごとにアプローチするために、内部に戻る必要があります。

関係は分類法の用語よりも豊かでなければなりません

実際のコンテンツ管理により、コンテンツクリエーターは、自分たちが作ったものを思慮深くユニークな方法でパッケージ化して提示することができます。ここで、関係とつながりは、個々の部分を超えた価値があります。 一緒にそれらはまとまりのある全体になります。 それは気に値するコンテンツ戦略です。 それができない場合、コンテンツ戦略は実際にはカテゴリとタグの思慮深いリストにすぎません。

私たちのコンテンツ管理ツールは、あなたがあなたのコンテンツを収集し、あなたが必要とする方法でそれを提示することを可能にし、力を与えるべきです。 リストとアルゴリズムだけに制限されるべきではありません。 クライアントが必要な場所でコンテンツの独自の断面を作成できるようにしたいのですが、それを可能にする事前に作成されたテンプレートがある場所ではありません。

視覚化に役立つ例：大学生に固執し、レジストラが学資援助の申請期限を公開していると想像してみてください。 住居生活部は、寮に入るフォームを更新しました。

学生生活部では、新入生同士が出会うイベントのリストを公開しています。 各コンテンツは、大学のWebサイトのさまざまな場所にある独自のサイロにあります。 今、あなたがコミュニケーション部門にいて、新入生が必要な情報を確実に入手できるようにする責任を負っていると想像してみてください。

A：サイドバーウィジェットにこれらのコンテンツの抜粋を手動で入力し、リンクをボタンのように見せるために特定のクラスを適用しようとするリンクをハードコーディングしますが、それが.btn_roundか.btnroundか.round_btn_blue_largeかを思い出せません。同じ場所にとどまるように祈るまたはB：コンテンツの各部分を動的に参照し、ホームページの上部にドラッグして、削除するのを忘れた古い開始ギャラリーを置き換えて、「新入生向けの重要な情報」モジュールを作成します昨春？

古い学校はオプションAです。新しい学校のオプションB（そしてそれはクールな古い学校ではありません、それは足の不自由なイライラする古い学校です）。

今後の方向性はモジュール式です

アトミックデザインの概念が初めての場合は、最初にBradFrostによるこの記事を読んでください。 これらの問題のいくつかを具体的にどのように解決したかを知りたい場合は、WordPress.TVの講演がいくつかあり、こことここでこの問題を取り上げています。

更新されたWYSIWYGエディター以上のものを目指して努力する必要があります。 私たちは、コンテンツが何であるか、そして何である可能性があるかについて、より大きく、より広い理解を目指す必要があります。 そのビジョンが得られたら、それを実現するためのツールを構築できるようになります。