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