よく考えてみると、プリフォーマット・ブロックはコードと段落ブロックを組み合わせたものだ。ブロックの唯一の目的はテキストを表示することです。これにより、コンテンツが明確かつ構造的に保たれます。
プリフォーマット・ブロックは、スペーシングや特殊な書式設定により、正確なテキスト・レイアウトを維持するためのソリューションです。正確なテキストレイアウトの維持に苦労している人たちの救世主です。
今日は、WordPressのPreformattedブロックの使い方のガイドラインを共有し、このブロックが提供するすべての機能を以下に展開しようと思います。その前に、まずこのブロックが何なのかを学びましょう。
プリフォーマット・ブロックとは？
プリフォーマット・ブロック は、スペースと改行を入力どおりに保持するように設計されたWordPressのコアコンテンツブロックです。コードスニペットやあらかじめデザインされたレイアウトなど、固定フォーマットを必要とするものを表示するのに理想的なソリューションです。
プリフォーマット・テキストにはいくつかの利点があります。以下にそのいくつかをご紹介しましょう。
-
正確なフォーマット:改行とスペーシングを維持したまま、テキストを正確に表示します。
-
汎用性:詩やアスキーアートなど、構造化されたレイアウトを必要とする非コードテキストに適しています。
-
読みやすさの向上:固定幅のフォントを表示し、特にコードや技術的な指示を表示する場合にテキストを区別できるようにします。
-
カスタム・スタイリング:インラインHTMLとCSSでスタイリングオプションを追加でき、ユニークなデザインに柔軟に対応できます。
美しいテーブルを作る
ブロックエディター付き
書式済みブロック・ツールバーの機能
Preformattedブロックには、エディタに特別なオプションはありません。Gutenbergの他のコアブロックと同じように、基本的なオプションはすべて備わっています。
以下の基本オプションがある。
- 変身する： このブロックを段落、コード、列などに変換することができる。
- ドラッグだ： 専用ブロックをドラッグ＆ドロップで好きな場所に配置できる。
- 動くハンドル： ブロックを上下に動かすことができる。
- ボールドだ： ブロックの内容を太字にできます。
- イタリック体： ブロックの内容を斜体にすることができます。
- ハイパーリンク このオプションでは、ブロック内の選択したコンテンツにリンクを追加することができます。
- リッチテキストコントロールの充実： フットノウ、ハイライト、インラインコード、インラインイメージなど、より多くのテキストフォーマットオプションが含まれています。
- 選択肢を増やす 複製、コピー、グループ化など、ブロックのセクションに関連するオプションを提供します。
では、プリフォーマット・ブロックの使い方を確認してみよう。
プリフォーマット・ブロックの使い方
プリフォーマット・ブロックを使うのは超簡単で、誰でも簡単にブロックを使うことができ、ブロックを使うのにコーディング・スキルは必要ありません。私たちに従ってください！
ステップ1：書式済みブロックを挿入する
整形済みブロックを使用したい投稿またはページに移動します。
エディターに入ったら、ブロックの追加（"+") アイコン (1)タイプ "フォーマット済み「検索ボックス内の (2)をクリックする。フォーマット済み" (3).