Gutenberg: リンクインサーターからファイルにリンクする方法を追加して、誰かがPDFファイルをアップロードしてテキストにリンクできるようにすることを検討してください

これは現在のところ、最適とは言えない経験であることに同意しました。 ＃8295の作業中にこれに気づきましたが、この種のことは、インライン/ネストされたブロックによって解決される可能性があります。

別の可能な解決策は、フローティングリンクツールバーのオプションとして、PDFなどのメディアの検索を許可することです。 参考までに、検索結果が現在そのツールバーでどのように表示されるかを示すスクリーンショットを次に示します。

^{macOS10.13.6でFirefox61.0.1を使用してhttp://alittletestblog.com/wp-admin/post.php?post=14091&action=editで確認できます。}

それはおそらく（同じことを達成しないかもしれないインラインファイルブロックよりも）より良い解決策だと思いますが、それを説明するためにUIにいくつかの調整が必要になります。 メディアライブラリに切り替えてファイルをアップロードしてからグーテンベルクに戻すのではなく、直接アップロードを許可することもできます。 （そして、古典的なエディターと同等のために！）

メディアの検索を可能にする素晴らしいアイデアですが、メディアを閲覧するための新しいUIが導入されています。これは、メディアアップローダー/ブラウザーにすでに存在する機能を複製します。 また、グーテンベルクエディターを離れずにアップロードすることもできませんよね？

@designsimplyそれはファイルをアップロードできないという問題を解決しません。 既存のTinyMCEツールバーに[メディアの追加]ボタンがあると、かなり柔軟性があります。 _Inline Image_ Blockを強制的に挿入するよりも、インライン画像を追加する方がはるかに簡単（かつ直感的）です。 また、エディターを終了し、メディアライブラリに移動し、ファイルをアップロードして、最後にエディターに戻ることで編集エクスペリエンスを中断することなく、PDFやDOCXファイルなどのファイルを簡単にアップロードしてリンクすることができます。

＃10280についていくつかの追加の議論があったことに注意してください。

これはリッチテキストフォーマットAPIの興味深いユースケースでもあるため、インライン画像と同様の方法で処理されると思います。

したがって、これを行う方法は、ファイルブロックを使用するか、PDFをドラッグアンドドロップしてアップロードすることです。 これにより、次のようになります。

次に、[URLのコピー]ボタンをクリックして、結果のリンクをテキストに貼り付けます。

これが今日のやり方です。

しかし、私はこのフローが理想的ではなく、最適化できることに同意します。 したがって、そのようにラベル付けします。

ファイル用のブロックがあり、そこからURLを取得できるため、これを閉じます。 将来的には、「リンク」ツールを拡張して、ファイルやメディアなどを検索し、直接リンクすることもできれば幸いです。

@mtias私は少し混乱しています。 この問題を解決することはあなたにとってどのような意味がありますか？ それは将来のリリースにパントされていることを意味しますか？ それとも、クローズされた問題のアーカイブに失われて忘れられてしまうという意図ですか、それとも誰かが将来再びそれを持ち出すことを願っていますか？ あなた自身がそれが有効な問題であることに同意するので、私はこの問題を閉じる意図が何であるか疑問に思っています。

この問題を開いたときにファイルブロックについて話したことに注意してください。 この問題の目的は、現在のファイルアップロードフローのユーザビリティの問題の概要を説明することであり、ファイルブロックはユーザーフレンドリーなエクスペリエンスには不十分です。

この問題を解決するのは時期尚早のように思われることに同意します。 何も修正されておらず、問題はまだ存在しています。

@mtiasこの問題を再開していただけますか？ 誰もがこれがハッキーな回避策であることを認めており、将来的には合法的な修正があればいいと言っています。 これは、この問題がここで十分に文書化されており、再度文書化するために重複する作業を必要としないため、その将来のためにこの問題を追跡するのに最適な場所のようです。

私は同意する必要があります、これにはより良い解決策が必要です。 PDFをアップロードしてリンクする方法を知る前に、実際にこのスレッドを見つけなければなりませんでした。

これを再開して、5.1のマイルストーンを作成します。

ファイルのURLをコピーしてリンクに貼り付けるためだけに一時ブロックを作成する必要があるのは、非常に一般的なユースケースである古いエディターからのかなり貧弱なステップです。単にドキュメントをインラインでリンクするだけです。

将来対処したいと思っているが、いつかわからない拡張機能がある場合は、それらを開いたままにして、場合によっては不確定な将来のマイルストーンを割り当てる必要があると思います。 これがTracでの処理方法なので、ここで続行する必要があると思います。 問題を閉じると、後で見つけて表面化するのが非常に困難になります。

@mintplugins申し訳ありませんが、前にここでpingを見逃しました。 これを開いたままにして、将来のマイルストーンに割り当てるのは良いことだと思います。 これを処理する方法について他のアイデアがある場合は、共有してください。

ページや投稿のようなテキスト検索は役に立ちますが、ファイル名（mediathekでのプレビューなし）が常に明確であるとは限らず、将来のソリューションは従来のソリューションと同じパワーを持ち、 mediathek内のすべてのファイル名（選択用のプレビュー付き）。
したがって、mediathekにつながるボタンソリューションが必要です。

2つのオプションがあります。
a）ツールバーボタン（最初にmintpluginsによって提案されたような）
b）リンク入力フォーム（それが属する場所）にのみ追加のボタン

これは私がグーテンベルクを使用している誰かによって私と一緒に提起した最初の問題であり、あなたが現在それをどのように行うつもりであるかを知るためにこの投稿を見つけるのにかかりました。これは非常に最適ではない解決策です。

両方の提案が必要だと思います。 「リンク」オプションから既存のメディアアイテムを検索できる必要があります。また、新しいリンクをアップロードするオプションもある必要があります。

また、テキストを選択してからファイルをページにドラッグアンドドロップすると、ファイルブロックを挿入する代わりに、そのファイルがメディアライブラリに自動的にアップロードされ、選択したテキストがリンクされると便利です。

新しい[リンク]ダイアログ内に[メディアライブラリ]ボタンを配置して、メディアアイテムを埋め込むのではなく選択すると、ファイルへのリンクまたは添付ページへのリンクが追加される可能性はありますか？

リンクオプションパネルを使って、新しいメディアをアップロードしたり、既存のメディアにリンクしたりするオプションを含めるのはどうですか？ [アップロード]ボタンはドロップを受け入れることもできます。

@EricDuソリューションから
アップロードボタンがありませんが、UIはよりクリーンでシンプルです。 とにかく、ユーザーはメディアモーダルにいる間はいつでもファイルをアップロードできます。

どこアイコンボタンは、メディアモーダルポップアップを開きます。

@ virgo79 、ドロップダウンをトリガーするには「...」アイコンが必要です（現在、「新しいタブで開く」オプションのみが表示されますが、プラグインを開く場合は、クラス、IDなどの追加オプションがあります。 、 NS。

ユーザーが喜んで受け入れるモーダルのレイヤーの数がわかりません。 また、方法は、メディアを追加する他のインスタンスと可能な限り類似している必要があります。

私の好みは、デフォルトのビューを可能な限り最小限に保ち（貼り付けまたは入力、アイコンの適用、アイコンの追加）、ドロップダウンに使用頻度の低いオプション（ターゲット、メディア、クラス、IDなど）を配置することです。

@ virgo79と@EricDu 「メディア」アイコンだけが、それが何を意味するのかについて「標準」ユーザーに明白であるかどうかはわかりません。 私たちの通常の日常のコンテンツ読み込みユーザーのほとんどは、カメラ/音楽アイコンがPDFをアップロードしてリンクできることを意味することをすぐには理解しません。 それが単なるアイコンになるのであれば、「アップロード」についてもっと明確にするか、エリックが提案したようにクリアテキストボタンを付ける必要があると思います。 ソリューションでは、クリーンなUIとクリアなUIのバランスをとる必要があります。

@EricDu私はあなたの考慮事項に同意します。
複数の「新しいタブで開く」オプションを使用できる場合でも、ドロップダウンをトリガーするボタン「...」が必要です。
しかし、私の観点からは、メディアセレクターは第1レベルのアクションのままであり、ターゲット、クラス、IDなどのセカンダリオプションとマージされるべきではありません。
「リンクの作成」ポップアップはここでは非常にコンパクトで、物事を非常にきれいに生きるために、メディアアイコンを使用してメディアモーダルを開くよりも良い解決策を想像することはできません。

@ andrew-dixonメディアアイコンは、長年にわたってメディアライブラリの公式表現でした。 これはユーザーにとって本当の問題ではないと思います。
ただし、現在のアイコン（カメラ/音楽）が「ファイルへの一般的なリンク」やメディアライブラリを表していないことに同意します。

これは、以前に提案されたソリューションの更新バージョンです。

ペーパークリップは、多目的の「添付ファイル」アイコンであり、通常、相対的なコンテンツの動詞/アクションと、コンテンツの名詞/アイテムの両方を含みます。

とはいえ、リンクの挿入と添付ファイルへのリンクの挿入は、最終結果が異なる微妙にユニークな操作であり、そのように別々に扱う必要があると思います。

@ virgo79 、私はそれを主要な行動にすることに問題はありません。 現在はオプションではないという事実は、開発とベータテストに関係するすべての人にとって優先事項ではなかったようです。 オプションをそこに配置したいのですが、そこに到達するためにどのアイコンを押す必要があるかはあまり気にしません。

@JJJ 、私がレイアウトを始めたとき、私はすでにメディアアイコンとしてそこにあることを思い出す前に、メディアを表現する方法を理解しようとしていました！ ここで使用されるアイコンは、WordPressの他の場所で使用されるメディアアイコンと一致している必要があります。
この機能をリンク機能から分離することは、ユーザーがメディアへのリンクではなく実際のメディアがページに挿入されることを期待する可能性があるため、より混乱するだろうと感じています。

@ virgo79

長年にわたるメディアライブラリの公式代表。 これはユーザーにとって本当の問題ではないと思います。

あなたの言っていることは理解できますが、コンテンツを入力し、WPと他の連絡がない多くのユーザーと仕事をした経験から、彼らはそのアイコンをPDFのようなファイルにリンクする方法として認識しませんでした。 「ユーザーにとって本当の問題になる」とは思わないとおっしゃっていますが、私を信じてください。100％問題です。 たとえば、私たちは多くの学校と協力しており、学校のオフィスの誰かがウェブサイトのコンテンツを更新する必要があり、ファイルにリンクするのがそのアイコンであるという手がかりがない、と私は信じています。

@ andrew-dixon、メディアアイコンのディスカッションは実際には別のディスカッションである必要があります。 「メディア」という言葉自体が画像、音声、動画を示唆していますが、実際には「アップロード」を扱っています。

バックアップする統計情報はありませんが、アップロードの大部分は画像であり、PDFやその他のダウンロード可能なファイルが続き、ビデオファイルとオーディオファイルはアップロードフォルダを経由せずにストリーミングサイトから埋め込まれているに違いありません。

そのため、数年前（WordPressが単なるブログプラットフォームであったとき）に適切であったが、今日の使用法を表すものではない名前とアイコンに固執しています。 名前を変更すると、新しいユーザーには役立ちますが、既存のユーザーを混乱させる可能性があります。 ただし、アイコンは更新される可能性があります。

@EricDuアイコンは別の問題であることに同意しましたが、アイコンだけを使用するというアイデアは、私がより問題を表現していたものです。元のモックアップは、「クリーン」ではありませんが、使いやすさの観点からはるかに明確でした。見る。

@ andrew-dixon、私の最初のアイデアを支持するためにあなたと議論することはありません;-)

明確にするために、UIが最初に表示される方法は、現在とまったく同じです（クリーンで基本的）。 ドロップダウンだけがより多くのオプションを持っています。

どの機能を前面中央に配置するか（UIをより複雑にする）、どの機能を少し非表示にするかについては、常に議論があります。 これが、設計フィードバックの議論の目的です。 UIをシンプルに保ち、別のボタンとまったく同じクリック数でリンクを追加できるため、ドロップダウンに保持することをお勧めします。

別の潜在的な方向性：注目の画像サイドバー設定からの処理の使用：

このフィールドでは、次のことができます。何かをドラッグアンドドロップするか、クリックしてメディアライブラリを開きます。 そこから、既存のアイテムをアップロードまたは選択できます。

私が持っている1つの質問（これらすべてのオプションについて）：アイテムを選択したら...ここに表示しますか？

ここでのもう1つの一般的な考え方（この変更の範囲外である可能性があります）：

ここで省略記号ボタンを使用するのは少し予想外のようです。 従来、省略記号ボタンを使用してメニューを展開し（たとえば、ブロックツールバーとトップツールバーを参照）、パネルを表示/非表示にしません。 現在私たちが持っている最も近い他の指標は、サイドバーを表示/非表示にする歯車ですが、それも少し混乱すると思います。

この場合、これらの線に沿った治療がより理にかなっているのだろうか。

パネルの展開/折りたたみ（デフォルトでは折りたたみ）

省略記号を下向きの山形に置き換える

@kjellrこれらのオプションはすべて、省略記号

簡単にするために2番目のアプローチを利用する場合（このオプションは配置を移動せず、アイコンのみを移動することを考慮）、 enterアイコンとドロップダウン/アップトグルの間に仕切りを追加して追加することを提案します視覚的な分離と他のツールバーとの一貫性が少しあります。 例：

（パディングの調整が必要な場合がありますが、アイデアは得られます😄）

よろしくお願いします、@ iamthomasbishop。 更新されたコンプ：

それはいいですね。 それは私の最初の提案と同じ機能を持っていますが、より大きなドロップゾーンを持っています。

ドロップダウンボタンについては、グーテンベルクの他の場所で使用されているものに従います（車輪の再発明をしないため）。 矢印は省略記号よりも直感的です。

最後に、命名の問題があります。 ユーザーが私たちがメディアライブラリに縛られていることに気付くように、「メディア」という言葉に言及する必要がありますか？ 「ファイル」はPDFやMSWordのドキュメントを意味すると考えており、写真もファイルであることに気付いていない人もいます。 最小公分母にどれだけ対応する必要がありますか？

「ファイルにリンク」の前にメディアアイコンを追加するだけで、明確にすることができます。

今後の参考のために、 https ：//core.trac.wordpress.org/ticket/43151で、ドロップゾーンがクリック可能なdivではなく、スタイル付きのボタンであることを確認する必要があります。

@kjellrの最後のモックアップから強い方向性を持っているようです。 「NeedsDesignFeedback」を削除して「NeedsDev」を追加します。

〜私はこれを調べます！〜編集： j / k、私は何か他のものに引き離されました🙂

理想的には、_FeaturedImage_と_Linkto afile_の両方に同じコンポーネントを使用する必要があります。

関連： https ：