グーテンベルク・エディタへようこそ

グーテンベルク・エディタへようこそ

山と印刷機と。

この新しいエディターの目標は、WordPressにリッチなコンテンツを簡単かつ楽しく追加することです。 この記事全体は、LEGOのレンガと幾分似ているコンテンツで構成されており、移動したり対話したりすることができます。 カーソルを周りに動かすと、アウトラインと矢印で異なるブロックが点灯することに気づくでしょう。 矢印を押して、ブロックをすばやく再配置します。コピーや貼り付けの過程で消失することを心配する必要はありません。

あなたが今読んでいるのは、最も基本的なブロックであるテキストブロックです。 テキストブロックには、ポストの周りを自由に移動できる独自のコントロールがあります…

…これは右揃えです。

見出しは別のブロックでもあり、コンテンツの概要と構成に役立ちます。

絵は1000語の価値がある(百聞は一見に如かず)

新しいエディタの主な焦点は、画像とメディアの取り扱いに最大限の注意を払っています。 うまくいけば、キャプションを追加したり、以前よりもはるかに簡単で堅牢な写真で全幅に進むことができます。

Beautiful landscape
あなたのテーマがそれをサポートしている場合は、画像ツールバーに「ワイド」ボタンが表示されます。 試してみる。

キャプションを選択したり削除したり編集したりしてみてください。誤ってイメージやその他のテキストを選択することに注意する必要はなく、プレゼンテーションを台無しにすることもありません。

インサート ツール

WordPressができることは、すばやくインターフェイス上の同じ場所にあることを想像してみてください。 HTMLタグやクラスを理解したり、複雑な短いコードの構文を覚える必要はありません。 編集者の周りに見える(+)ボタンは、利用可能なすべてのコンテンツブロックをブラウズして投稿に追加することができます。 プラグインとテーマは独自のものを登録することができ、豊富な編集や公開の可能性を広げます。

試してみると、WordPressがあなたが知らなかったあなたの記事にすでに追加できることを発見するかもしれません。 あなたが現在そこで見つけることができるものの短いリストがあります:

  • テキストと見出し
  • イメージ&動画
  • ギャラリー
  • YouTube、ツイート、その他のWordPressの投稿などの埋め込み。
  • ボタン、ヒーローイメージ、セパレータなどのレイアウトブロック
  • もちろんこのリストのようなものもあります:)

ビジュアル編集

ブロックの大きな利点は、それらを適切に編集してコンテンツを直接操作できることです。 見積もりのソースやボタンのテキストなどのフィールドを編集する代わりに、コンテンツを直接変更することもできます。 次の引用文を編集してみてください:

エディタは、新しいページを作成し、豊富な投稿を簡単に作成できるビルドエクスペリエンスを実現するために努力します。今日はショートコード、カスタムHTML、または「ミステリー・ミート」埋め込みの検出を容易にするためのブロックがあります。

Matt Mullenweg, 2017

見積もりのソースに対応する情報は、イメージ下のキャプションと同様の別のテキストフィールドです。したがって、ソースを選択、変更、または削除しても、見積もりの構造は保護されます。 いつでも簡単に戻すことができます。

ブロックは必要なものにすることができます。 たとえば、テキストの構成の一部として落ち着いた引用符を追加したり、巨大な定型文を表示することができます。 これらのオプションはすべてインサータで利用できます。

サイドバーのブロックインスペクタでスライダをドラッグすると、ギャラリーの列数を変更できます。

メディアリッチ

新しいワイドアライメントフルワイドアライメントをギャラリーと組み合わせると、メディアリッチなレイアウトをすばやく作成できます。

Accessibility is important don't forget image alt attribute

確かに、フルワイド画像はかなり大きいかもしれません。 しかし、時にはそのイメージが価値があることもあります。

上記は2つの画像だけのギャラリーです。 これは、フロートに対処することなく、視覚的に魅力的なレイアウトを作成する簡単な方法です。 また、ブロックスイッチャーを使用して、ギャラリーを個別の画像に簡単に戻すこともできます。

いずれのブロックもこれらのアラインメントを選択することができます。 埋め込みブロックにもそれらがあり、ボックスの外で反応します:

あなたは、静的または動的、装飾的または平凡な任意のブロックを構築することができます。 ここには引用符ブロックがあります:

Code is Poetry

The WordPress community

追加のブロックを構築する方法やプロジェクトに協力したい場合は、 GitHub repositoryに向かいましょう. 


Thanks for testing Gutenberg!

👋

投稿日: 2018年8月3日DANNA

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください